.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} .container:after,.container:before{content:" ";display:table} .container:after{clear:both} .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} .container-fluid:after,.container-fluid:before{content:" ";display:table} .container-fluid:after{clear:both} .row{margin-left:-15px;margin-right:-15px} .row:after,.row:before{content:" ";display:table} .row:after{clear:both} .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px} .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left} .col-xs-1{width:8.3333333333%} .col-xs-2{width:16.6666666667%} .col-xs-3{width:25%} .col-xs-4{width:33.3333333333%} .col-xs-5{width:41.6666666667%} .col-xs-6{width:50%} .col-xs-7{width:58.3333333333%} .col-xs-8{width:66.6666666667%} .col-xs-9{width:75%} .col-xs-10{width:83.3333333333%} .col-xs-11{width:91.6666666667%} .col-xs-12{width:100%} .col-xs-pull-0{right:auto} .col-xs-pull-1{right:8.3333333333%} .col-xs-pull-2{right:16.6666666667%} .col-xs-pull-3{right:25%} .col-xs-pull-4{right:33.3333333333%} .col-xs-pull-5{right:41.6666666667%} .col-xs-pull-6{right:50%} .col-xs-pull-7{right:58.3333333333%} .col-xs-pull-8{right:66.6666666667%} .col-xs-pull-9{right:75%} .col-xs-pull-10{right:83.3333333333%} .col-xs-pull-11{right:91.6666666667%} .col-xs-pull-12{right:100%} .col-xs-push-0{left:auto} .col-xs-push-1{left:8.3333333333%} .col-xs-push-2{left:16.6666666667%} .col-xs-push-3{left:25%} .col-xs-push-4{left:33.3333333333%} .col-xs-push-5{left:41.6666666667%} .col-xs-push-6{left:50%} .col-xs-push-7{left:58.3333333333%} .col-xs-push-8{left:66.6666666667%} .col-xs-push-9{left:75%} .col-xs-push-10{left:83.3333333333%} .col-xs-push-11{left:91.6666666667%} .col-xs-push-12{left:100%} .col-xs-offset-0{margin-left:0} .col-xs-offset-1{margin-left:8.3333333333%} .col-xs-offset-2{margin-left:16.6666666667%} .col-xs-offset-3{margin-left:25%} .col-xs-offset-4{margin-left:33.3333333333%} .col-xs-offset-5{margin-left:41.6666666667%} .col-xs-offset-6{margin-left:50%} .col-xs-offset-7{margin-left:58.3333333333%} .col-xs-offset-8{margin-left:66.6666666667%} .col-xs-offset-9{margin-left:75%} .col-xs-offset-10{margin-left:83.3333333333%} .col-xs-offset-11{margin-left:91.6666666667%} .col-xs-offset-12{margin-left:100%} @media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left} .col-sm-1{width:8.3333333333%} .col-sm-2{width:16.6666666667%} .col-sm-3{width:25%} .col-sm-4{width:33.3333333333%} .col-sm-5{width:41.6666666667%} .col-sm-6{width:50%} .col-sm-7{width:58.3333333333%} .col-sm-8{width:66.6666666667%} .col-sm-9{width:75%} .col-sm-10{width:83.3333333333%} .col-sm-11{width:91.6666666667%} .col-sm-12{width:100%} .col-sm-pull-0{right:auto} .col-sm-pull-1{right:8.3333333333%} .col-sm-pull-2{right:16.6666666667%} .col-sm-pull-3{right:25%} .col-sm-pull-4{right:33.3333333333%} .col-sm-pull-5{right:41.6666666667%} .col-sm-pull-6{right:50%} .col-sm-pull-7{right:58.3333333333%} .col-sm-pull-8{right:66.6666666667%} .col-sm-pull-9{right:75%} .col-sm-pull-10{right:83.3333333333%} .col-sm-pull-11{right:91.6666666667%} .col-sm-pull-12{right:100%} .col-sm-push-0{left:auto} .col-sm-push-1{left:8.3333333333%} .col-sm-push-2{left:16.6666666667%} .col-sm-push-3{left:25%} .col-sm-push-4{left:33.3333333333%} .col-sm-push-5{left:41.6666666667%} .col-sm-push-6{left:50%} .col-sm-push-7{left:58.3333333333%} .col-sm-push-8{left:66.6666666667%} .col-sm-push-9{left:75%} .col-sm-push-10{left:83.3333333333%} .col-sm-push-11{left:91.6666666667%} .col-sm-push-12{left:100%} .col-sm-offset-0{margin-left:0} .col-sm-offset-1{margin-left:8.3333333333%} .col-sm-offset-2{margin-left:16.6666666667%} .col-sm-offset-3{margin-left:25%} .col-sm-offset-4{margin-left:33.3333333333%} .col-sm-offset-5{margin-left:41.6666666667%} .col-sm-offset-6{margin-left:50%} .col-sm-offset-7{margin-left:58.3333333333%} .col-sm-offset-8{margin-left:66.6666666667%} .col-sm-offset-9{margin-left:75%} .col-sm-offset-10{margin-left:83.3333333333%} .col-sm-offset-11{margin-left:91.6666666667%} .col-sm-offset-12{margin-left:100%} } @media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left} .col-md-1{width:8.3333333333%} .col-md-2{width:16.6666666667%} .col-md-3{width:25%} .col-md-4{width:33.3333333333%} .col-md-5{width:41.6666666667%} .col-md-6{width:50%} .col-md-7{width:58.3333333333%} .col-md-8{width:66.6666666667%} .col-md-9{width:75%} .col-md-10{width:83.3333333333%} .col-md-11{width:91.6666666667%} .col-md-12{width:100%} .col-md-pull-0{right:auto} .col-md-pull-1{right:8.3333333333%} .col-md-pull-2{right:16.6666666667%} .col-md-pull-3{right:25%} .col-md-pull-4{right:33.3333333333%} .col-md-pull-5{right:41.6666666667%} .col-md-pull-6{right:50%} .col-md-pull-7{right:58.3333333333%} .col-md-pull-8{right:66.6666666667%} .col-md-pull-9{right:75%} .col-md-pull-10{right:83.3333333333%} .col-md-pull-11{right:91.6666666667%} .col-md-pull-12{right:100%} .col-md-push-0{left:auto} .col-md-push-1{left:8.3333333333%} .col-md-push-2{left:16.6666666667%} .col-md-push-3{left:25%} .col-md-push-4{left:33.3333333333%} .col-md-push-5{left:41.6666666667%} .col-md-push-6{left:50%} .col-md-push-7{left:58.3333333333%} .col-md-push-8{left:66.6666666667%} .col-md-push-9{left:75%} .col-md-push-10{left:83.3333333333%} .col-md-push-11{left:91.6666666667%} .col-md-push-12{left:100%} .col-md-offset-0{margin-left:0} .col-md-offset-1{margin-left:8.3333333333%} .col-md-offset-2{margin-left:16.6666666667%} .col-md-offset-3{margin-left:25%} .col-md-offset-4{margin-left:33.3333333333%} .col-md-offset-5{margin-left:41.6666666667%} .col-md-offset-6{margin-left:50%} .col-md-offset-7{margin-left:58.3333333333%} .col-md-offset-8{margin-left:66.6666666667%} .col-md-offset-9{margin-left:75%} .col-md-offset-10{margin-left:83.3333333333%} .col-md-offset-11{margin-left:91.6666666667%} .col-md-offset-12{margin-left:100%} } @media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left} .col-lg-1{width:8.3333333333%} .col-lg-2{width:16.6666666667%} .col-lg-3{width:25%} .col-lg-4{width:33.3333333333%} .col-lg-5{width:41.6666666667%} .col-lg-6{width:50%} .col-lg-7{width:58.3333333333%} .col-lg-8{width:66.6666666667%} .col-lg-9{width:75%} .col-lg-10{width:83.3333333333%} .col-lg-11{width:91.6666666667%} .col-lg-12{width:100%} .col-lg-pull-0{right:auto} .col-lg-pull-1{right:8.3333333333%} .col-lg-pull-2{right:16.6666666667%} .col-lg-pull-3{right:25%} .col-lg-pull-4{right:33.3333333333%} .col-lg-pull-5{right:41.6666666667%} .col-lg-pull-6{right:50%} .col-lg-pull-7{right:58.3333333333%} .col-lg-pull-8{right:66.6666666667%} .col-lg-pull-9{right:75%} .col-lg-pull-10{right:83.3333333333%} .col-lg-pull-11{right:91.6666666667%} .col-lg-pull-12{right:100%} .col-lg-push-0{left:auto} .col-lg-push-1{left:8.3333333333%} .col-lg-push-2{left:16.6666666667%} .col-lg-push-3{left:25%} .col-lg-push-4{left:33.3333333333%} .col-lg-push-5{left:41.6666666667%} .col-lg-push-6{left:50%} .col-lg-push-7{left:58.3333333333%} .col-lg-push-8{left:66.6666666667%} .col-lg-push-9{left:75%} .col-lg-push-10{left:83.3333333333%} .col-lg-push-11{left:91.6666666667%} .col-lg-push-12{left:100%} .col-lg-offset-0{margin-left:0} .col-lg-offset-1{margin-left:8.3333333333%} .col-lg-offset-2{margin-left:16.6666666667%} .col-lg-offset-3{margin-left:25%} .col-lg-offset-4{margin-left:33.3333333333%} .col-lg-offset-5{margin-left:41.6666666667%} .col-lg-offset-6{margin-left:50%} .col-lg-offset-7{margin-left:58.3333333333%} .col-lg-offset-8{margin-left:66.6666666667%} .col-lg-offset-9{margin-left:75%} .col-lg-offset-10{margin-left:83.3333333333%} .col-lg-offset-11{margin-left:91.6666666667%} .col-lg-offset-12{margin-left:100%} } :root { --main-color: #2d4149; --second-color: #cea600; --green-color: #67a09a; } html { font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: 'Montserrat', sans-serif; font-weight:400; margin: 0; font-size:16px; line-height: 1.7em; color: #333;overflow-x: hidden; } img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { color: #000; margin-top: 0px; margin-bottom: 15px; font-weight: 600; line-height: 1.5; } h2{ font-size: 30px; line-height: 1.4; } h3{ font-size: 28px; line-height: 1.4; } h4{ font-size: 22px; line-height: 1.4; } h5{ font-size: 20px; line-height: 1.4; } h6{ font-size: 18px; line-height: 1.4; } a { text-decoration: none; color: var(--green-color); transition:all 0.3s; } *{ margin:0px; padding:0px; box-sizing:border-box; } p{ margin-bottom:15px; } .btn { padding: 8px 25px ; padding-right: 25px; padding-left: 25px; position: relative; padding-right: 60px; border: 2px solid var(--main-color); font-weight: 600; padding-left: 15px; display: inline-block; border-radius: 6px; background: var(--main-color); color: #fff; } .btn::after { content: ''; position: absolute; right: 15px; width: 20px; height: 22px; background: url(https://empireresinflooring.co.uk/app/uploads/2025/02/right-arrow-white.png)no-repeat; background-size: 19px; top:52%; transform: translateY(-50%); transition: all 0.3s; } .btn:hover{ border: 2px solid var(--second-color); color:var(--second-color); } @media(min-width:576px){ .container { max-width: 540px; } } @media(min-width:768px){ .container { max-width: 720px; } } @media(min-width:992px){ .container { max-width: 960px; } } @media(min-width:1200px){ .container { max-width: 1250px; } } .brand_logo img { filter: hue-rotate(125deg); } .header .container-fluid { max-width: 1600px; margin-left: auto; margin-right: auto; } .header .container-fluid .row{ margin:0px; } .header #navigation .menu-main-menu-container > ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; } .mobile_show{ display:none; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .nav_logo a img { max-width: 240px; display: block; } .align_center { align-items: center; } .header { padding: 0px; z-index: 99; position: fixed; width: 100%; background: #fff; } body.logged-in .header { top: 32px; } .header_height{ height:74px; width:100%; clear:both; } .header .container-fluid { max-width: 1600px; margin-left: auto; margin-right: auto; } @media(min-width:1200px){ .hide_desktop, .mobile_show{ display:none; } .header .mobile_show, .header #res_menu_b { display: none; } .header .menu_sec { max-width: 900px; margin-left: auto; margin-right: auto; } .header #navigation .menu-main-menu-container { display: block; padding: 0px; } .header #navigation .menu-main-menu-container > ul { list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: space-between; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin: 0; list-style: none; align-items: center; justify-content: center; } .header #navigation .menu-main-menu-container > ul > li { padding: 0px; list-style: none; position: relative; } #navigation .menu-main-menu-container > ul > li:not(.mega_menu) { position: relative; } .header #navigation .menu-main-menu-container > ul > li > a { font-size: 16px; display: inline-block; padding: 26px 15px; color: #2a2a2a; text-decoration: none; font-weight: 500; } .header #navigation .menu-main-menu-container > ul > li > a:hover{ color:var(--second-color); } }/* min-width:1100px */ .resp-tab-content ul:not(.check_list) { list-style: none; padding-left: 0; margin: 20px 0; } .resp-tab-content ul:not(.check_list) li { position: relative; padding-left: 32px; margin-bottom: 12px; line-height: 1.6; color: #333; font-size: 16px; font-weight: 400; } .resp-tab-content ul:not(.check_list) li::before { content: ""; position: absolute; left: 0; top: 4px; width: 25px; height: 25px; background: url('/app/uploads/2025/01/checklist11.png') no-repeat center center; background-size: 16px 16px; } .search_header .search-form{ position:relative; } .search_header .search-form input.search-field{ border-radius:0px; box-shadow:none; background:#e9e9e9; margin-top:0px; border:0px; } .search_header .search-form .search-submit{ position:absolute; border:0px; font-size:0px; width:30px; height:30px; background-color:transparent; border-radius:0px; background-image:url(/app/uploads/2024/03/search-icon.png); background-size: 18px; background-position: center; background-repeat: no-repeat; margin: 0; top: 2px; right: 5px; padding: 0 !important; } .search-form .search-field{ height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; } .search_header .search-form .search-submit:hover{ background-size: 19px; } .cart_sec{ display: flex; flex-wrap: wrap; align-items: center; } .user_icon:hover img, .header .cart:hover img{ transform:scale(1.1); } .user_icon:hover span, .header .cart:hover span{ color:var(--main-color); } .header .cart .header-cart-count { position: absolute; width: 25px; height: 25px; background: #fff; border-radius: 50%; padding: 5px; top: -10px; line-height: 13px; color: #333; box-sizing: border-box; border: 2px solid var(--second-color); left: 22px; overflow: hidden; font-size: 13px; font-weight:bold; } body:not(.home) .header { box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } .header .cart a { position: relative; display: block; } /* Banner sec */ .home-main{ position:relative; max-width: 2000px; margin: auto; background: var(--main-color); } .home-main .hero_img img{ max-height: 520px; min-height: 520px; object-fit: cover; display: block; max-width: 1170px; margin-left: auto; margin-right: 0; } @media(min-width:768px){ .overlay_container{ position: absolute; width: 100%; top: 0; height: 100%; } .overlay_container:before{ content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0%; overflow: hidden; background: var(--main-color); width: 53%; } .overlay_container .container{ height: 100%; display: flex; align-items: center; z-index: 1; color: #fff; position: relative; } .overlay_container .container .inner_cta{ max-width: 50%; padding-right: 30px; box-sizing: border-box; } } .overlay_container .container .inner_cta img{ filter: brightness(0) invert(1); } .home-main h1 { font-weight: 600; font-size: 48px; line-height: 1.2; margin-bottom: 20px; margin-top: 0px; color: #ffffff; } .home-main .btn{ margin-top: 30px; border-color: var(--second-color); background: var(--second-color); color: #fff; border-radius: 6px; text-transform: capitalize; font-size: 20px; height: 55px; line-height: 34px; } .home-main .btn:after{ background: url(/app/uploads/2024/03/right-white.png)no-repeat; background-size: 27px; height: 27px; width: 27px; right: 5px; top:50%; } .home-main .btn:hover{ background:transparent; } .main_content div>p:empty{ display:none; } .home-main p{ margin-bottom:0px; } .p_icon { padding-left: 30px; background: url(/app/uploads/2025/01/phone-call3.png)no-repeat 0px 5px; background-size: 23px; display: inline-block; margin-right: 12px; font-size: 27px; position: relative; top: 0px; font-weight:600; } .p_icon:hover{ color:var(--second-color); } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .pt-0 { padding-top: 0; } .title-divider-line { font-size: 30px; line-height: 42px; text-transform: capitalize; } .text-center { text-align: center; } /* Footer */ .content-info { background: var(--main-color); width: 100%; padding: 50px 0px 50px; color: #fff; line-height: 26px; box-sizing: border-box; } .ft_con{ padding:0px; margin:0px; list-style:none; } .ft_con .phone_icon{ margin-bottom:20px; padding-left: 35px; background:url(/app/uploads/2024/03/phone.png)no-repeat; background-size: 20px; background-position-y: center; background-position-x: 0; } .phone_icon{ line-height: 2.1; padding-left:35px; } .content-info .phone_icon a, .content-info .email_icon a{ color:#fff; } .phone_icon a{ font-weight:600; font-size:24px; } .ft_con .address{ background:url(/app/uploads/2024/03/location.png)no-repeat; background-size:25px; background-size: 15px; background-position-y: 7px; padding-left:35px; margin-bottom: 15px; } .ft_con .email_icon{ background:url(/app/uploads/2024/03/email.png)no-repeat; background-size:25px; background-size: 20px; background-position-y: 7px; padding-left:35px; margin-bottom:20px; } .footer .menu{ padding-left:0px; list-style:none; } .footer .menu li{ margin-bottom:15px; } .footer .menu li a{ color:#fff; display:block; } .footer .menu li a:hover{ color:var(--second-color); } .footer p>a{ color:#fff; } .social_link a{ display:inline-block; width:40px; height:38px; overflow:hidden; background:url(/app/uploads/2025/02/social_footer-white.png)no-repeat; background-position:0 0px; font-size:0px; } @media (min-width: 601px) { .ft_con .work_t { background: url(/app/uploads/2024/03/wrok_icon.png)no-repeat; background-position-y: 0%; background-size: auto; background-size: 20px; background-position-y: 7px; padding-left: 35px; margin-bottom: 15px; } } .social_link a.facebook{ background-position:-41px 0px; } .social_link a.twitter{ background-position:-86px 0px; } .social_link a.instagram{ background-position:-128px 0px; } .social_link a:hover{ opacity:0.8; } .social_link br { display: none; } /* Inner page*/ .inner_section1{ padding-top: 50px; padding-bottom: 40px; } .inner_page h1 { font-size: 35px; line-height: 1.5; color: var(--main-color); font-weight: 600; } .block-alternate .image_sec img { border-bottom: 10px solid #f3bb11; } .bg_icon { background:#f5faf9; padding-top:50px; padding-bottom:50px; } .inner_page .content-text ul.arrow_list { padding: 0px; margin: 0px; list-style: none; margin-bottom:20px; } .inner_page .content-text ul.arrow_list li { padding: 8px 0 8px 30px; position: relative; } .inner_page .content-text ul.arrow_list li::before { content: ""; position: absolute; left: 5px; top: 33%; } .inner_page img{ display:block; } @media (min-width: 992px) { .inner_page .content-text ul.arrow_list li::before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid var(--second-color); } .bg_icon { margin-top: 180px; position: relative; } .bg_icon .icon_img_sec { position: relative; top: -200px; padding-right: 40px; } .inner_Nsection2.bg_icon .icon_img_sec{ margin-top: -200px; top: 0; } .bg_icon::before { content: ''; position: absolute; right: 0px; top: -305px; width: 409px; height: 300px; background: url(/app/uploads/2024/03/background-icon.png)no-repeat top right; background-size: contain; z-index:-1; filter: brightness(0) saturate(100%) invert(62%) sepia(10%) saturate(558%) hue-rotate(124deg) brightness(90%) contrast(95%); opacity: 0.06; } } .inner_section3{ padding-top: 50px; padding-bottom: 50px; background-image: url(/app/uploads/2024/03//service-bg.jpg); color:#fff; } .one_third h2 { color: #fff; font-size: 50px; line-height: 1.2; } .one_third .column-2 .info_block_inner { border-left: 1px solid var(--second-color); padding-left: 30px; } .one_third .info_block_inner .btn { color: #fff ; } .inner_section4 { padding-bottom: 40px; } .pt-40{ padding-top:40px; } .info_block .info_block_inner { background: #f5faf9; display: flex; flex-wrap: wrap; align-items: center; margin-bottom:30px; } .info_block .info_block_inner .box-img { width: 40%; } .info_block .info_block_inner .box-text { width: 60%; padding: 20px 25px; box-sizing: border-box; } .info_block .info_block_inner .box-text h3 { font-size: 20px; margin-bottom: 5px; color: #000; } .info_block .info_block_inner .box-text a{ font-weight:600; color:#000; } .info_block .info_block_inner .box-text a:hover{ text-decoration:none; } @media (min-width: 992px) { .info_block .info_block_inner .box-img img { min-height: 250px; max-height: 250px; object-fit: cover; } } .inner_section5{ padding-bottom:40px; } .review_custom{ background:#f5faf9; padding:50px 0; } body .itemR .reviewtext { font-size: 22px !important; line-height: 1.7 !important; text-align:center; padding:0px!important; text-align:center; max-width: 85%; margin-left: auto; margin-right: auto; border:0px!important; } body .itemR .reviewtext .starRatting { background: url(/app/uploads/2025/02/quote4.png)no-repeat; background-size: 100px; width: 113px; height: 60px; display: block; margin: auto; filter: brightness(0) saturate(100%) invert(54%) sepia(96%) saturate(500%) hue-rotate(14deg) brightness(96%) contrast(102%); } body .itemR .reviewtext .starRatting>span{ display:none!important; } .authorR{ font-weight: 600; margin-top: 25px; font-family: 'Montserrat', sans-serif; } body .reviewslist .owl-dots, body .reviewslist .owl-nav.disabled{ display:block!important; text-align: center; } .owl-dots .owl-dot{background:transparent;border:0px;} .dot,.owl-dots .owl-dot span { cursor: pointer; height: 15px!important; width: 15px!important; border: 3px solid var(--second-color)!important; border-radius: 50%!important; display: inline-block!important; transition: background-color 0.6s ease; margin:0px!important; vertical-align: middle; } .dot.active,.owl-dots .owl-dot.active span{height: 15px!important;width: 15px!important; background:#111!important;opacity: 1;} body .reviewslist .owl-prev, body .reviewslist .owl-next{ width:40px; height:66px; background:url(/app/uploads/2024/03//left-arrow.png)no-repeat center; background-size:28px; margin-top:0px; cursor:pointer; transition:all 0.3s; position:relative; z-index:2; float:left; border:0px; } body .reviewslist .owl-next{ float:right; } body .reviewslist .owl-next{ transform:rotate(-180deg); } body .reviewslist .owl-nav.disabled{ position: absolute; top: 40%; width: 100%; } body .reviewslist .owl-prev span, body .reviewslist .owl-next span{ display:none; } body .reviewslist .owl-dots{ padding-top:65px; } body .reviewslist .owl-dots .owl-dot{ margin-left:12px; } .rBottom { margin-top: 20px; padding-left: 0; text-align: center; } body .rBottom .authorR { float: none!important; } body .itemR .reviewtext::after{ display:none!important; } .mt-20{ margin-top:20px; } .mt-30{ margin-top:30px; } .content-post .blog-text{ background:var(--main-color); padding:10px 0; border-bottom: 8px solid #f3bb11; min-height: 188px; color:#fff; } .grid-img a{ overflow:hidden; display: block; } .content-post img{ display:block; } .content-post h3{ font-size: 20px; padding: 0px 20px 10px; border-bottom:1px solid #f3d6d6; margin-bottom:0px; transition:all 0.3s; color:#fff; } .blog_disc.blog-text h3.entry-title a { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0; color: #fff; } .blog_disc.blog-text h3.entry-title a:hover { color: var(--second-color); } .post_date { position: relative; border-bottom: 1px solid #f3d6d6; padding-bottom: 5px !important; padding-top: 5px !important; padding-left: 40px; margin-bottom: 5px; text-transform: uppercase; font-size: 12px; } .post_date::before { content: ""; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url(/app/uploads/2025/02/date-icon1.png) no-repeat center center; background-size: contain; filter: brightness(0) saturate(100%) invert(65%) sepia(97%) saturate(1625%) hue-rotate(3deg) brightness(98%) contrast(102%); } .blog-text .entry-summary { font-size: 14px; line-height: 24px; padding: 0px 20px; padding-bottom: 15px; } .content-post a img{ transition:0.3s; } .content-post a:hover img{ transform:scale(1.1); } .pb-30{ padding-bottom:30px; } @media (min-width: 992px) { .grid-img img { min-height: 180px; max-height: 180px; object-fit: cover; } } #four_box_call.four_box_call .icon_box { width: 110px; height: 110px; background: var(--green-color)!important; border-radius: 50%; padding: 12px; box-sizing: border-box; margin: 0 auto 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }Ś .four_box_call .icon_box p { margin: 0px; } #four_box_call.four_box_call .icon_box img { max-width: 100%; height: auto; filter: brightness(0) invert(1); max-height: 60px; width: auto; margin:auto; } #four_box_call .box-text { text-align: center; } #four_box_call .box-text h3 { font-size: 22px; line-height: 35px; margin-bottom: 5px; text-transform: capitalize; } .block-description { max-width: 680px; margin-left: auto; margin-right: auto; } .pt-30 { padding-top: 30px; } .four_box_call{ padding-bottom:50px; } .ml-20{ margin-left:20px; } .m0{ margin:0px; } .new_CTA { margin:30px 0; } .new_CTA .inner_cta { padding: 40px; border-radius: 22px; box-sizing: border-box; overflow: hidden; max-width: 600px; position: absolute; background: var(--green-color); top: 50%; transform: translateY(-50%); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; color:#fff; } .new_CTA .inner_cta .title-divider-line{ color:#fff; } .lead { font-size: 20px; line-height: 32px; } .new_CTA .container{ position: relative; } .new_CTA .container p:last-child{ margin-bottom:0px; } .new_CTA .container img{ max-width: 900px; margin-right: 0; margin-left: auto; max-height: 500px; min-height: 500px; object-fit:cover; border-radius:22px; } .new_CTA .inner_cta .btn{ font-size: 22px; line-height: 43px; height: 63px; background:var(--main-color); color:#fff; border:0px; margin-top:12px; } .new_CTA .inner_cta .btn:after{ width: 22px; height: 26px; background-size: 29px; } .new_CTA .inner_cta .btn:hover{ background:#2d41496e; color:#fff; } @media(max-width:991px){ .new_CTA .inner_cta{ transform: none; max-width: 100%; margin-top: -30px; position: relative; z-index: 1; border-top-left-radius: 0; border-top-right-radius: 0; padding: 30px; top: 0; } .new_CTA .container img{ max-height: 100%; min-height: 5px; max-width: 100%; } .new_CTA { margin: 20px 0 30px; } } .box_sec{ display: flex; flex-wrap: wrap; margin-left:-15px; margin-right:-15px; } .box_sec .box_inner{ width:20%; padding-left:15px; padding-right:15px; box-sizing:border-box; } .box_sec .box_inner .b_box{ background: #f4f4f4 ; border-radius: 6px ; display: table-cell; vertical-align: middle; padding: 20px; height: 120px; } .box_sec .box_inner .b_box p{ margin:0px; } .pb-40 { padding-bottom: 40px; } .pt-20 { padding-top: 20px; } .number_box { width: 50px; height: 50px; line-height: 54px; background: var(--green-color); color: #fff; border-radius: 50%; display: block; font-size: 27px; text-align: center; font-weight:bold; margin:auto; margin-bottom: 15px; position:relative; } #four_steps h3{ font-size: 19px; line-height: 26px; margin-bottom: 10px; text-transform: capitalize; } #four_steps .box-text { text-align:center; } .mb-40, hr { margin-bottom: 40px; } .number_box:after{ position: absolute; content: ""; border-bottom: 2px solid var(--main-color); width: 303px; top: 23px; left: 50%; z-index: -1; } #four_steps .column-4 .number_box:after{ display:none; } .dark_cta{ background: var(--green-color); text-align:center; padding-top:50px; color:#fff; } .dark_cta h3{ color: #fff; font-size: 30px; line-height: 44px; } .dark_cta .lead { color: #fff; font-size: 22px; max-width: 900px; margin: auto; margin-bottom: 10px; } .dark_cta .row{ align-items: center; justify-content: center; } .dark_cta a.btn:not(.phone_icon)::after { background: url(/app/uploads/2024/03/right_white.png)no-repeat; background-size: 9px; top: 30px; } .dark_cta a{ height: 58px ; line-height: 38px ; border: 2px solid #fff; color:#fff; background: transparent; } .dark_cta a+a{ margin-left:15px; } .dark_cta a.filled { background: #000; color: #fff; border-color: #2d4149; } .dark_cta .phone_icon img { position: absolute; left: 15px; max-width: 21px; top: 17px; filter: contrast(0) brightness(2); } .dark_cta .phone_icon { padding-left: 47px ; width: auto; font-size: 25px; padding-right: 20px ; } .dark_cta a.phone_icon:hover { background: transparent; color: #fff; } .dark_cta a:not(.phone_icon):hover { background: var(--main-color); border-color: var(--main-color); color:#fff; } .dark_cta .phone_icon:after { display:none; } @media (min-width: 992px) { .icon_left::before { right: unset; left:0px; background: url(/app/uploads/2024/03/background-left.png)no-repeat top left; background-size: contain; top: -262px; height: 255px; } .icon_left .icon_img_sec{ padding-left: 40px; padding-right:15px; } } .inner_page .icon_left ul{ list-style:none; } .inner_page .icon_left ul li { border-bottom: 2px solid #e3e5e4; margin-bottom: 30px; padding-bottom: 35px; position: relative; padding-left: 65px; } .inner_page .icon_left ul li p:last-child{ margin-bottom:0px; } .inner_page .icon_left ul li:last-child{ border-bottom: 0px solid #ddd; margin-bottom: 0; padding-bottom: 0; } .inner_page .icon_left ul li::before{ content: ""; position: absolute; left: 0px; border: 0; width: 45px; height: 45px; background: url(/app/uploads/2024/03/checked4.png)no-repeat; background-size: 40px; top:9px; } .icon_left ul li h3 { font-size: 24px; line-height: 38px; margin-bottom:8px; } .icon_img_sec img{ border-bottom: 10px solid #f3bb11; } .pb-20 { padding-bottom: 20px; } .sec_box .icon_box_home { background: #f7fafa; padding: 20px; margin-bottom: 30px; transition: all 0.3s; min-height: 265px; box-shadow: rgb(149 157 165 / .2) 0 8px 24px; border-radius: 6px; border-bottom: 3px solid #67a09a63; text-align: center; position: relative; overflow: hidden; } .sec_box .icon_box_home .icon_text{ z-index: 2; position: relative; } .sec_box .icon_box_home a{ display:block; color: var(--main-color); } .sec_box .icon_box_home a:hover{ color: #000; } .inner_page .box-text img { display: block; margin:auto; margin-left:0px; margin-bottom:15px; } .sec_box .icon_text img { filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(6327%) hue-rotate(360deg) brightness(98%) contrast(87%); margin:auto; max-height: 70px; width: auto; } .sec_box h2, .sec_box .lead{ color:#fff; } .sec_box h3 { font-size: 20px; line-height: 27px; margin-bottom: 8px; margin-top: 18px; } .sec_box .icon_text p { margin-bottom: 0px; font-size: 15px; line-height: 26px; } .sec_box{ position: relative; } .sec_box:before{ content: ""; position: absolute; left: 0; height: 400px; width: 100%; background-color: var(--green-color); z-index: -1; top: 0; background: url(/app/uploads/2025/01/service-bg.jpg); background-size: cover; background-repeat: no-repeat; } .mb-30 { margin-bottom: 30px; } .sec_box .icon_box_home::after { content: ""; position: absolute; left: 0; height: 627px; width: 100%; background-color: #67a09a0d; z-index: 1; top: 0; transform: rotate(47deg); } .collapsing,.dropdown,.dropup{position:relative}block-accordions .panel-group .panel{border-radius:1px;margin-top:0;margin-bottom:6px;border-width:0;box-shadow:0 0 0 transparent}.block-accordions .panel-group .panel .panel-heading{display:block;line-height:3}.block-accordions .panel-group .panel .panel-heading h4:hover{cursor:pointer}.block-accordions .panel-group .panel .panel-heading span{line-height:3;float:right}.panel{margin-bottom:20px;background-color:#fff;}.panel-body:after,.panel-body:before{content:" ";display:table}.panel-body:after{clear:both}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-footer{padding:10px 15px;background-color:#f5faf9;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;}.panel-group .panel+.panel{margin-top:5px;padding-bottom: 7px;border-bottom: 1px solid #ddd;}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5faf9;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5faf9;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#53b3c2}.panel-primary>.panel-heading{color:#fff;background-color:#53b3c2;border-color:#53b3c2}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#53b3c2}.panel-primary>.panel-heading .badge{color:#53b3c2;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#53b3c2}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0} .panel-default > .panel-heading { background-color: transparent; border: 0; padding-left:0px; padding-top:10px; padding-bottom:10px; } .panel-default > .panel-heading .panel-title{ padding-top:0px; font-size: 19px; line-height: 28px; color: #222; cursor: pointer; text-transform:capitalize; padding-right:34px; position:relative; } .panel-group .panel{ border:0px; } .panel-body{ padding-left:0px; } .panel-group .glyphicon { line-height: 1; height: 24px; width: 24px; border-radius: 50%; text-indent:-2000px; } .panel-group .glyphicon.glyphicon-plus { background: url(/app/uploads/2024/03/plus.png)no-repeat center; background-size: 22px; } .pull-right { float: right !important; } .panel-group{ margin-bottom:0px; } .panel-group .panel:last-child{ box-shadow: none; } .block-accordions .panel-group .panel .panel-heading span{ position: absolute; top: 0px; right:0px; } .panel-group .panel:first-child{ padding-bottom: 7px; border-bottom: 1px solid #ddd; } .block-accordions .panel-group .panel .panel-heading{ padding-right:0px; } #custom_accordiation .panel-group .panel{ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03); padding: 10px 20px; } #custom_accordiation .panel-group .panel + .panel, #custom_accordiation .panel-group .panel:first-child{ border:0px; } #custom_accordiation .panel-default > .panel-heading .panel-title{ font-size: 20px; font-weight: 500; color: #333; } #custom_accordiation .panel-group .panel + .panel{ margin-top: 8px; } .panel-group .glyphicon{ height: 30px; width: 30px; padding: 10px; box-sizing: border-box; padding: 10px; box-sizing: border-box; top:0px; } .panel-group .glyphicon.glyphicon-plus{ background-color: rgba(73, 102, 100, 0.14); background-size:12px; } .panel-group .glyphicon.glyphicon-minus{ background: var(--main-color) url(/app/uploads/2024/03/remove_white.png)no-repeat center; background-size:12px; } #custom_accordiation .panel-default > .panel-heading{ padding-top: 5px; padding-bottom: 5px; padding-right:0px; } .service_v{ display:flex; flex-wrap:wrap; margin-left:-8px; margin-right:-8px; list-style:none; } .service_v li{ width: 33.333%; padding-left: 8px; padding-right: 8px; margin-bottom: 16px; box-sizing: border-box; text-align: left; } .four_box li{ width: 25%; } .service_v li a{ font-weight: 600; display: flex; align-items: center; border: 1px solid #ddd; padding: 15px; border-radius:6px; transition:all 0.3s; } .top_interLink li a, .bottom_interlink li a { background: url(/app/uploads/2024/03/right-arrow1.png)no-repeat 94% center; background-size: 20px; } .top_interLink li a:hover, .bottom_interlink li a:hover { background: url(/app/uploads/2024/03/right-arrow1.png)no-repeat 97% center; background-size: 20px; } .service_v li a:hover { border: 1px solid var(--main-color); color: var(--main-color); } .content-portfolio .inner_box_text{ background: #f5faf9; color: var(--main-color); position: absolute; bottom: 10px; width: 85%; display: flex; align-items: center; text-align: center; box-sizing: border-box; transition: all 0.3s; opacity: 0; margin: auto; left: 7%; border-radius: 11px; padding: 20px 20px; height: auto; } .content-portfolio .item:hover .inner_box_text{ opacity:1; bottom: 20px; } .content-portfolio .slider-logo img{ display:block; margin:0px; min-height:380px; max-height:380px; object-fit:cover; width:100%; } .content-portfolio .inner_box_text span{ display:block; width:100%; text-align:center; font-weight: 500; font-size: 20px; } .content-portfolio{ position:relative; } .content-portfolio .swiper-button-prev, .content-portfolio .swiper-button-next{ background:var(--main-color) url(/app/themes/flooringsolution/resources/inc/images/next-white.svg)no-repeat center; background-size:16px; width: 38px !important; height: 47px !important; font-size: 22px !important; z-index: 2; } body .content-portfolio .swiper-button-next, body .content-portfolio .swiper-button-prev { cursor: pointer; color: #fff !important; font-size: 22px !important; } .content-portfolio .swiper-button-prev{ transform:rotate(-180deg); } body .content-portfolio .swiper-button-next{ right:0px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .content-portfolio .container-fluid { padding: 0px !important; max-width: 1600px; margin: auto; overflow: hidden; } /* Blog archive*/ .blog_index { background-position: top right !important; background-size: 1000px !important; max-width:1800px; margin:auto; } .blog_index .cta_overlay { padding: 87px 0px; } .blog_index .cta_overlay { background: linear-gradient(90deg,#f4f9f8 46%,#fff0 79%,rgb(255 255 255 / .04663872384891454) 100%); padding: 80px 0; } .blog_index h1 { font-size: 37px; line-height: 44px; color: #333; } .top_single_post .blog_disc.blog-text h3.entry-title{ min-height:1px; font-size: 24px; line-height: 32px; margin-bottom:15px; } .top_single_post .blog-text{ background:#f5faf9; } .top_single_post .blog-text{ padding: 25px; min-height: 350px; max-height: 350px; box-sizing: border-box; } .top_single_post .grid-img img{ min-height: 350px; object-fit: cover; display: block; max-height: 350px; } .top_single_post .col-md-4, .top_single_post .col-md-8 { padding: 0px; } .top_single_post.row { margin-left: 0px; margin-right: 0px; border-bottom: 5px solid #cea600; } .mb-50 { margin-bottom: 50px; } .mt-50 { margin-top: 50px; } .pb-40 { padding-bottom: 40px; } body .top_single_post.inner-grid .entry-title a{ color:var(--main-color); } body .top_single_post.inner-grid .post_date{ background: url(/app/uploads/2024/03/date-icon.png)no-repeat 0px center; background-size: 14px; padding-left: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .blog_sidebar .widget-title{ color: #fff; font-size: 22px; line-height: 30px; background: var(--green-color); padding: 10px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .blog_sidebar .widget ul{ margin-bottom:0px; } .side_menu ul, .blog_sidebar ul{ list-style:none; padding:0px; margin:0px; margin-bottom:30px; } .side_menu ul li a, .blog_sidebar ul li a{ display:block; background:url(/app/themes/empireresinflooring/resources/inc/images/right-chevron.png)no-repeat right center; background-size:8px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0; font-weight:600; padding-right: 19px; color:#000; } .side_menu ul li a:hover, .blog_sidebar ul li a:hover{ color:var(--main-color); } .blog_sidebar ul li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; } .side_menu ul li a:hover, .blog_sidebar ul li a:hover{ color:var(--second-color); } .blog_sidebar ul li:last-child a{ margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #ddd; } .blog_sidebar .widget+.widget{ margin-top:40px; } .widget-title { font-weight:600; margin-bottom: 15px; font-size: 20px; } /* Blog SIngle */ body.single-post .blog_pages { background: #f5faf9; padding-top: 40px; } .left_single_content .entry-content ul{ padding-left:20px; margin-bottom:10px; } .left_single_content .entry-content ul li{ margin-bottom:8px; } @media(min-width:768px){ .related_blog .grid-img img{ min-height:210px; max-height:210px; object-fit:cover; } } .left_single_content h1, .blog_pages .line_heading h1{ font-size: 37px; line-height: 44px; color: #333; } .left_single_content h1 img{ margin-right: 12px; max-width: 40px; float: left; margin-bottom: 20px; padding-top: 9px; filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(568%) hue-rotate(123deg) brightness(92%) contrast(89%); } .left_single_content .meta_block { border-top: 1px solid var(--main-color); padding: 15px 0; margin: 30px 0 40px; border-bottom: 1px solid var(--main-color); display: flex; align-items: center; } .left_single_content .meta_block time{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px solid #7ead9b59; margin-right:15px; color: #333; } .left_single_content .meta_block .author { margin-bottom:0px; padding-left: 20px; font-size: 16px; line-height: 18px; background: url(/app/themes/empireresinflooring/resources/inc/images/author_icon.png)no-repeat left 3px; background-size: 16px; text-transform:capitalize; color: #333; } .lat_update{ color: var(--main-color); } .left_single_content .entry-content h2, .left_single_content .entry-content h3{ color: #333; margin-bottom: 10px; } .author_bio_section{ background-color: #f9fdff; border: 0px solid #ccc; } .left_single_content .entry-content img { margin-top: 30px; margin-bottom: 30px; } .mb-20 { margin-bottom: 20px; } body.single-post .blog_sidebar .widget { margin-bottom: 0px; background: #fff; } body.single-post .blog_sidebar .widget ul{ padding-left:15px; padding-right:15px; } body.single-post .blog_sidebar .widget ul li:last-child{ border-bottom:0px; } .title-divider-line img { display: block; margin: auto; max-width: 50px; filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(568%) hue-rotate(123deg) brightness(92%) contrast(89%); } .mb-40, hr { margin-bottom: 40px; } .mt-60 { margin-top: 60px; } body .author_bio_section { border: 0 solid #111; background-color: #111; color: #fff; border-radius: 12px; } body .author_details img{ padding:0px!important; } .author_bio_section .author_links { display: none; } @media (min-width: 481px) { .author_bio_section .author_name, .author_bio_section > span { padding-left: 111px; } .author_bio_section .author_details { margin-bottom: 0; } .author_bio_section .author_details img { position: relative; top: -36px; } } .author_bio_section .author_name, .author_bio_section > span { color: #fff; text-transform: capitalize; } .author_details p{ margin-bottom:0px!important; } .meta_block time { padding-left: 20px; font-size: 16px; line-height: 18px; background: url(/app/themes/empireresinflooring/resources/inc/images/date_icon.png)no-repeat left 3px; background-size: auto; background-size: 14px; } /* Standard Page */ .simple_page_header .cta_overlay { padding: 80px 0px; background: linear-gradient(90deg, rgb(245, 246, 244) 46%, rgba(255,255,255,0) 79%, rgba(255,255,255,0.04663872384891454) 100%); } .simple_page_header h1 { margin-bottom: 0px; font-size: 40px; line-height: 47px; color: #333; text-transform: capitalize; } .simple_page_header .section__content { max-width: 70%; } .simple_page_header { background-position: right center !important; background-size: 55% !important; } .mb-0{ margin:0px; } #contact_info .info_box{ padding: 20px; text-align: center; min-height: 170px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; position:relative; box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; background: #f5f6f4; border-radius: 12px; } #contact_info .info_box p{ margin-bottom:0px; } #contact_info .info_box img{ margin-bottom:15px; filter: grayscale(100%); } #contact_info .info_box.phone_box a{ font-weight:600; font-size:35px; line-height:35px; } #contact_info .info_box.phone_box a:hover{ color:var(--second-color); } .frm_submit .frm_button_submit { background: var(--green-color) !important; border: 0px !important; font-family:inherit!important; font-weight:600!important; } .frm_submit .frm_button_submit:hover { color: #fff !important; background: var(--main-color) !important; } @media (min-width: 768px) { .con_form { max-width: 80%; margin: auto; } .contat_top h2 { font-size: 35px; color: var(--main-color); line-height: 45px; margin-bottom: 15px; } } .simple_page_header .section__content .lead{ margin-top:10px; } .simple_page_template ul, .simple_page_template ol { padding-left: 15px; } .simple_page_template ul li { margin-bottom: 10px; } body.single .blog_pages { background: #f5faf9; padding-top: 10px; } .inner_section1 .image_sec{ padding-top:10px; } .check_list li { background: url(/app/uploads/2025/01/checklist11.png)no-repeat 0 2px; background-size: 24px; padding-left: 35px; padding-bottom: 12px; } .check_list { list-style: none; margin: 0px; padding: 0px !important; } .solid_color { font-size: 22px; line-height: 43px; height: 63px; background: var(--main-color); color: #fff; border: 0px; margin-top: 12px; border:0px!important; } .solid_color:hover{ background:#000; color:#fff; } .inner_Nsection2 .box-text img{ max-height:60px; width:auto; display:block; margin:auto; margin-bottom:12px; } .inner_Nsection2.bg_icon::before{ z-index: -1; } .inner_Nsection2 .content-text h3{ font-size: 24px; line-height: 32px; margin-bottom: 10px; margin-top: 20px; } .top_icon_block img{ margin:auto; padding-bottom:10px; } .inner_Nsection3 .info_block_inner{ border-radius: 12px; border-bottom: 2px solid var(--green-color); overflow: hidden; background:#f5faf9; } @media (min-width: 992px) { .inner_Nsection3 .info_block_inner .box-img img{ min-height: 210px; max-height: 180px; object-fit: cover; width: 100%; } } .color_sec img{ max-height: 200px; object-fit: cover; } .inner_Nsection4 .right_c_box br{ display:none; } .inner_Nsection4 .right_c_box .color_title{ font-size: 16px; background: var(--main-color); color:#fff; padding: 15px 15px; display:block; margin-top: -30px; z-index: 1; position: relative; text-align: center; font-weight:600; transition:all 0.3s; } .inner_Nsection4 .right_c_box a:hover .color_title{ background:#000; } .green_box{ background:var(--green-color); padding:25px; color:#fff; } .green_box h2{ color:#fff; } .green_box .btn{ border-color:#fff; color:#fff; } .green_box .btn:hover{ background-color:#000; } .inner_section1 .content-text p:last-child{ margin-bottom:0px; } .inner_N_icon_box .container{ padding-right:10%; } .inner_N_icon_box .box-text h3 { font-size: 16px; line-height:26px; margin-bottom: 5px; text-transform: capitalize; padding-top: 10px; } .inner_N_icon_box .img_icon_n{ min-height:62px; } .inner_N_icon_box .img_icon_n img{ filter: brightness(0) saturate(100%) invert(20%) sepia(8%) saturate(1883%) hue-rotate(152deg) brightness(93%) contrast(85%); max-width: 60px; } @media(min-width:992px){ .inner_Nsection4 .right_c_box{ padding-left:50px; } .inner_Nsection4 .icon_img_sec{ margin-top: -200px; top:unset; } .inner_Nsection4 .right_c_box{ padding-left:15px; } .inner_Nsection3{ padding-bottom:60px; } .align_center{ align-items:center; } } .icons_sec { display: grid; grid-template-columns: repeat(auto-fit,minmax(80px, 1fr)); grid-gap: 10px 30px; align-items: center; margin: auto; max-width: 900px; margin: auto; } .icons_sec .rv_logo img { display: block; margin: auto; } .inner_gal_text{ background-color: #34474ed4; color: #fff; position: absolute; bottom: 0px; width: 100%; height: 100%; display: flex; align-items: center; text-align: center; padding: 15px; box-sizing: border-box; transition: all 0.3s; } .inner_gal_text p{ margin:0px; } .inner_gal_text .gal_title{ font-weight:600; font-size:20px; margin-bottom:12px; } .top_icon_block.left_heading img{ margin-left:0px; } figure { margin: 0; display: grid; grid-template-rows: 1fr auto; position: relative; } figure img { grid-row: 1 / -1; grid-column: 1; height:100%; object-fit:cover; width:100%; } figure:not(.tow_row) img { max-height:220px; } figcaption { grid-row: 2; grid-column: 1; justify-self: start; position: absolute; z-index: 1; bottom: 0; } figcaption a { background-color: rgba(226, 14, 18, 0.77); padding: 11px 20px; color: #fff; text-decoration: none; font-weight: 500; font-size: 20px; display: block; border-top-right-radius: 8px; padding-right: 55px; background-image: url(/app/uploads/2025/02/right-arrow-white.png); background-size: 24px; background-repeat: no-repeat; background-position: 95% center; } figure:hover a { background-color: rgba(46, 66, 73, 0.9); } .new_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; gap: 10px; margin-top:30px; } .two_col { grid-column-end: span 2; } .tow_row img{ height:100%; } .two_col img{ max-height:320px; } .tow_row{ grid-row-end: span 2; } .cta_r_img_box { background:var(--main-color); color:#fff; margin:76px 0 0; } .cta_r_img_box .row{ align-items:center; } .cta_r_img_box .title-divider-line{ color:#fff; font-size: 37px; line-height: 46px; } .cta_r_img_box p{ font-size: 22px; line-height: 35px; } .cta_r_img_box .phone_icon, .dark_log_cta .phone_icon{ font-size: 41px; color: #fff; line-height: 42px; margin-top: 31px; display: block; font-weight: 500; background: url(/app/uploads/2025/01/telephone-call1.png)no-repeat; background-size: auto; background-size: 47px; padding-left: 72px; padding-bottom: 5px; } .dark_log_cta .phone_icon:hover{ color:var(--second-color); } .cta_r_img_box div p:last-child{ margin-bottom:0px; } .right_cta img{ max-width: 400px; margin-top: -85px; margin-right: 0; margin-left: auto; display:bloxk; } .dark_log_cta{ background:var(--main-color); color:#fff; padding-bottom: 0; } .dark_log_cta h2{ color:#fff; font-size: 36px; line-height: 45px; } .dark_log_cta .btn { color: #fff; font-size: 21px; line-height: 37px; border-color: var(--second-color); } .dark_log_cta .btn:hover { border-color: var(--green-color); } .dark_log_cta .phone_icon{ display:inline-block; font-size: 31px; padding-left: 55px; background-size: 39px; margin-right:30px; position: relative; top: 4px; margin-top: 20px; } .dark_log_cta .content-text{ padding-bottom:40px; } .dark_log_cta .icon_img_sec img{ position: relative; bottom: -25px; } @media (min-width: 992px) { .dark_log_cta .icon_img_sec { top: unset; margin-top:-150px; } .dark_log_cta{ margin-top:140px; } } .inner_Nsection7 br{ display:none; } .inner_Nsection7 .color_title{ display:block; font-weight:600; padding:15px 20px 10px; color:#fff; font-size:22px; } .inner_Nsection7 .range_txt .color_title { padding-left:0px; padding-right:0px; } .inner_Nsection7 .img_top{ background: #333; border-radius: 12px; padding-bottom:20px; overflow:hidden; } .inner_Nsection7 .img_top p{ color:#fff; margin-bottom:0px; } .range_txt{ padding-left:20px; padding-right:20px; color: #fff; } .inner_Nsection7 .img_top img{ max-height:200px; object-fit:cover; } .five_img_box{ margin:0px; } .five_img_box .col-md-3{ list-style:none; width:25%; padding:0px; } .five_img_box .n_box { position: relative; overflow:hidden; } .blog-item-name { position: absolute; height: 100%; display: flex; justify-content: center; align-items: end; top: 0; padding: 0px; width: 100%; border: 8px solid rgba(0,0,0,0.2); box-sizing: border-box; transition: all 0.5s; } .five_img_box .blog-item-name a { background: #2d4149d4; max-width: 100%; color: #fff; display: flex; font-size: 18px; font-weight: 600; text-transform: uppercase; align-items: center; transition: all 0.3s; height: auto; width: 100%; padding: 15px; box-sizing: border-box; text-align: center; justify-content: center; } .five_img_box .n_box:hover .blog-item-name { border: 8px solid var(--second-color); box-sizing: border-box; } .five_img_box br{ display:none; } .five_img_box img{ display:block; transition:all 0.8s; min-height: 224px; max-height: 22px; object-fit: cover; } .five_img_box .n_box:hover .blog-item-name{ height: 0; top: -20px; } .inner_Nsection11{ background:url(/app/uploads/2024/03/AdobeStock_259977306.jpeg)no-repeat center; background-size:cover; background-attachment:fixed; padding:60px 0; position:relative; color:#fff; } .inner_Nsection11 h3{ text-transform:capitalize; color:#fff; font-size:22px; } .inner_Nsection11::after { content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-color: var(--main-color); top: 0; opacity: 0.6; } .inner_Nsection11 .container{ z-index: 1; position:relative; } .inner_Nsection11 h2{ font-size: 35px; } .inner_Nsection11 div p:last-child{ margin-bottom:0px; } .inner_Nsection14 hr{ margin:30px 0; border:0px; height:1px; background:#ddd; } .inner_Nsection14 div p:empty, .block-accordions div p:empty { display:none; } .inner_Nsection7 .block-description { max-width: 800px; } .process_sec ol li:last-child { border-bottom: 0px solid #e3e5e4; margin-bottom: 0px; padding-bottom: 0px; } .process_sec ol li p:last-child{ margin-bottom:0px; } .process_sec ol { counter-reset: my-awesome-counter; list-style: none; padding-left: 0px; } .process_sec ol li { margin: 0 0 0.5rem 0; margin-left: 0px; counter-increment: my-awesome-counter; position: relative; align-items: center; padding: 20px 20px 25px 65px; margin-top: 30px; margin-bottom: 0px; box-shadow:none; border-bottom: 1px solid #ddd; margin-top: 10px; } .process_sec ol li::before { content: counter(my-awesome-counter); color: white; font-size: 1.7rem; position: absolute; --size: 45px; left: calc(-1 * var(--size) - -50px); line-height: var(--size); width: var(--size); height: var(--size); top: 10; background-color: var(--green-color); border-radius: 50%; text-align: center; padding-top: 1px; font-weight:600; left:0; } .process_sec h3 { font-size: 22px; margin-bottom: 10px; } .process_sec ol{ padding-left:0px!important; } .process_sec ol li p{ margin-bottom:0px; } .process_sec ol li:last-child{ border-bottom:0px; padding-bottom:0px; } .about_list ul{ list-style:none; padding-top:10px; display:flex; flex-wrap:wrap; grid-gap:0 15px; } .about_list ul li { margin-bottom: 15px; position: relative; width:48%; padding-top:55px; box-sizing:border-box; } .about_list ul li p:last-child{ margin-bottom:0px; } .about_list ul li:last-child{ border-bottom: 0px solid #ddd; margin-bottom: 0; padding-bottom: 0; } .about_list ul li::before{ content: ""; position: absolute; left: 0px; border: 0; width: 45px; height: 45px; background: url(/app/uploads/2025/01/checked4-red.png)no-repeat; background-size: 35px; top:9px; filter: brightness(0) saturate(100%) invert(71%) sepia(13%) saturate(854%) hue-rotate(123deg) brightness(91%) contrast(93%); } .about_list ul li h3 { font-size: 18px; line-height: 24px; margin-bottom: 4px; } .pt-60{ padding-top:60px; } .pb-60{ padding-bottom:60px; } @media (min-width: 992px) { .inner_Nsection11 .right_block{ padding-left: 50px; } .inner_Nsection18 .icon_img_sec { margin-top: -160px; top:unset; } .cta_r_img_box { margin-top: 66px; } .about_list { margin-top: 240px; position: relative; } .tab_sec { margin-top: 220px; } } ul.resp-tabs-list { margin: 0; padding: 0; list-style:none; display:flex; flex-wrap:wrap; border-bottom: 3px solid var(--green-color); } #informationalTab .resp-tabs-list li{ font-size: 20px; padding: 12px 18px; color: #000; list-style: none; cursor: pointer; font-weight: 600; position:relative; } #informationalTab .resp-tabs-list li:first-child{ padding-left:0px; } #informationalTab .resp-tabs-list li.resp-tab-active { color: var(--green-color); } #informationalTab .resp-tabs-list li.resp-tab-active::before { content: ""; position: absolute; left: 50%; bottom: -17px; border-left: 17px solid transparent; border-top: 17px solid var(--green-color); border-right: 17px solid transparent; transform: translatex(-50%); } #informationalTab .resp-tabs-list li.resp-tab-active::after { content: ""; position: absolute; left: 50%; bottom: -13px; border-left: 13px solid transparent; border-top: 13px solid #f5faf9; border-right: 13px solid transparent; transform: translatex(-50%); } .resp-tab-content { display: none; padding-top:30px; overflow: hidden; padding-left:0px; } .resp-tabs-container { clear: left; } .resp-tab-content .h3{ font-weight:600; font-size:22px; } h2.resp-accordion { display: none; } .team_installer .info_block_inner{ position:relative; overflow:hidden; border-radius:3px; } .team_installer .info_block_inner p:empty{ display:none; } .team_installer .info_block_inner img{ display:block; } .team_installer .team_ins_text h3{ font-size:18px; margin:0px; color:#fff; } .team_installer .team_ins_text p{ margin-bottom:0px; transition: all 0.3s; font-size: 14px; line-height: 26px; padding-top:5px; position:relative; bottom:-70px; } .team_installer .team_ins_text { background: #2d4149d4; color:#fff; position: absolute; bottom: 0px; width: 100%; height:50px; display: flex; align-items: center; text-align: center; box-sizing: border-box; transition: all 0.3s; padding: 12px 20px; flex-direction: column; overflow:hidden; } .team_installer .info_block_inner:hover .team_ins_text p{ bottom:0px; } .team_installer .info_block_inner:hover .team_ins_text{ height:58%; } .small_width_cta{ padding-bottom: 50px; border-radius: 22px; } .inner_Nsection1 h1{ font-size: 40px; line-height: 47px; } .hideP{ display:none; } .p_icon img{ display:none; } @media (min-width: 1201px) { .mobile_menu { display: none; } } @media (max-width: 1200px) { .inner_Nsection1 h1{ font-size: 31px; line-height: 41px; } .lead { font-size: 18px; line-height: 28px; } .mobile_show { display: none; } .hero-section__content{ z-index: 1; } .hfixed { position: fixed !important; width: 100%; z-index: 3; } .header .nav_logo{ position: relative; top: 5px; display: inline-block; } .phone_no span { top: 5px; } #siteheader { box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.09); padding: 7px 0 8px; } .hide_desktop.res_phone{ padding-top:7px; } .hero-section__content h1{ font-size: 33px; line-height: 38px; } .header-contact a{ height:auto; } .header-contact a img{ max-width: 27px; margin-top: 0px; } #siteheader #navigation .menu-main-menu-container ul > li > a{ padding: 0; font-size:18px; } #siteheader .menu_sec{ background: #f5faf9; width: 100%; position: fixed; right: -100%; height: 100vh; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 99999; top: 74px; margin-top: 0px; max-width:100%; } #res_menu_b span.mhide { visibility: hidden; } .res_phone .header-contact .hcall{ margin-top: 7px; } .hfixed+.header_height{ height:68px; } body.admin-bar #siteheader .menu_sec{ top: 92px; } #three_box_call .text-left p{ font-size: 15px; } #three_box_call .text-left p a{ word-wrap: anywhere; } .smaLL_mark{ font-size: 13px; } .left_single_content h1{ font-size: 32px; line-height: 36px; } #menu-ft2 li{ width: 50%; } .ft_con .phone_icon{ font-size: 24px; } #res_menu_b,.res_phone{float:right} .desktp_menu,.mobile_hidden{display:none} #res_menu_b{max-width:35px;display:block!important;cursor:pointer;height:28px;vertical-align:middle;margin-top:7px} .responsive_sec{display:block} .top_sec .nav_logo{padding-top:9px} #siteheader #navigation .menu-main-menu-container>ul{display:block;background:0 0;padding:12px 15px} #r_menu button{background:0 0;padding-left:15px;border:0;padding-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding-bottom:6px;display:block} .cart_sec{ float:right; padding-top: 13px; } .desktop_menu , .mobile_hidden { display: none; } .header .container-fluid .row{ display:block; } #res_menu_b span{margin-top:0;padding:0;display:block;position: relative; background: var(--main-color); border-radius: 2px; height: 4px; transition: all 0.3s; width: 35px;} #res_menu_b span::before { content: ""; position: absolute; bottom: -20px; right: 0; } #res_menu_b span::before, #res_menu_b span::after{ width: 35px; background: var(--main-color); height: 4px; border-radius: 2px; } #res_menu_b span::after { width: 25px; content: ""; position: absolute; top: 10px; right: 0; transition: all 0.3s; } #res_menu_b:hover span:after{ width: 35px; } .p_icon{ margin-right:30px; } .mobile_show.show { background: #fff; border: 0; display: block; position: absolute; top: 17px; font-size: 30px; right: 15px; cursor: pointer; z-index: 22; padding:0px; } .mobile_show img { margin-bottom: 0; border: 1px solid #0000003b; padding: 4px; display:block; border-radius: 5px; } #navigation .menu-main-menu-container ul > li { border-bottom: 1px solid #d9dedd; padding: 10px 0; display: block; list-style: none; position: relative; } #navigation .menu-main-menu-container ul > li > a { color: #000; padding: 0; font-size: 18px; display: inline-block; font-weight:500; } #navigation .menu-main-menu-container ul li.menu-item-has-children::after { content: ""; position: absolute; right: 10px; top: 20px; border-top: 9px solid var(--second-color); border-bottom: 6px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; } #navigation .menu-main-menu-container > ul > li > ul.sub-menu li a { font-size: 15px!important; } #navigation .menu-main-menu-container > ul > li > ul.sub-menu li:last-child { padding-bottom: 0; border-bottom: 0 solid #ddd; } #navigation .menu-main-menu-container > ul > li > ul.sub-menu { display: block; list-style: none; padding: 0 0 0 8px; animation: .6s opac; } }/* end of max-width:1200px*/ @media (max-width: 991px) { .inner_Nsection1 .col-sm-6 { width: 100%; } .inner_Nsection1{ padding-top:30px!important; } .inner_Nsection1 .col-sm-6 + .col-sm-6{ margin-top:30px; } .inner_Nsection1 h1 { font-size: 33px; line-height: 45px; } .inner_N_icon_box .container{ padding-right:15px; } .inner_N_icon_box .col-md-3 { width: 25%; } .inner_Nsection2 .col-sm-push-5 { left: 0; } .inner_Nsection2 .col-sm-pull-7 { right: 0; } .inner_Nsection2 .col-sm-5, .inner_Nsection4 .col-sm-4, .inner_Nsection4 .col-sm-8, .inner_Nsection2 .col-sm-7{ width: 100%; } .inner_Nsection4 .icon_img_sec{ margin-bottom:30px; } body .inner_N_icon_box { padding-top:0px; } .inner_Nsection2 .icon_img_sec{ margin-top:20px; } .inner_page .content-text ul.arrow_list li::before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid var(--second-color); } .info_block .box-img img{ width:100%; } .right_c_box .col-md-4{ width:50%; } .icon_left.dark_log_cta .icon_img_sec{ display:none; } figcaption a{ font-size: 15px; line-height: 23px; } figcaption a { padding: 9px 10px; padding-right: 35px; background-size: 18px; } .inner_Nsection7 .col-md-4, .inner_Nsection7 .col-md-6{ width:50%; } .inner_Nsection7 .img_top img { min-height: 180px; width:100%; } .inner_Nsection7 .row .col-md-6+.col-md-6{ width:100%; } .inner_Nsection_cta { margin-top:0; padding:40px 0; } .inner_Nsection_cta .right_cta{ display:none; } .five_img_box img{ width:100%; } .inner_Nsection18 .icon_img_sec{ margin-top:20px; } .inner_Nsection10 .col-sm-pull-7 , .inner_Nsection10 .col-sm-push-5 { left: 0; } .inner_Nsection10 .col-sm-7, .inner_Nsection10 .col-sm-5{ width:100%; } .inner_Nsection10 .icon_img_sec{ margin-top:30px; } .inner_Nsection7{ padding-bottom:0px; } .box_sec{ justify-content: center; } .box_sec .box_inner { width: 33.333%; } .box_sec .box_inner:nth-child(4), .box_sec .box_inner:nth-child(5) { margin-top: 30px; } body .itemR .reviewtext { font-size: 18px !important; line-height: 1.6 !important; } .inner_Nsection16 .col-sm-push-6, .inner_Nsection16 .col-sm-pull-6{ left: 0%; } .inner_Nsection16 .col-sm-6 { width: 100%; } .inner_Nsection16 .icon_img_sec{ margin-top:30px; } #lan_icon_box .col-md-3{ width:50%; } .sec_box .icon_box_home{ min-height: 272px; } .inner_Nsection14 .icon_img_sec{ margin-top:40px; } .tab_sec{ margin-top:0px; background:transparent!important; padding-bottom:0px!important; } .tab_sec .container>.row{ display:flex; } .tab_sec .container>.row .icon_img_sec{ order:2; margin-top:30px; } .tab_sec .container>.row .content-text{ order:1; } .small_width_cta{ padding:20px 20px 30px; } .small_width_cta h3 { font-size: 26px; line-height: 36px; } .dark_cta .lead{ font-size: 18px; line-height: 26px; } .block-news .col-sm-3{ width:50%; margin-bottom:30px; } .block-news{ padding-bottom:20px; } .footer .ft-3{ width:100%; text-align: center; margin-top:30px; } .content-info{ padding-bottom:30px; } .header_height{ height: 67px; } .content-portfolio .inner_box_text span{ font-size: 18px; } .blog_page .block-news .col-md-4{ width:50%; } .post_author { margin-bottom:0px; } .blog_sidebar { padding-top:0px!important; padding-bottom: 30px; } .blog_page .container >.row>.col-lg-9.first { padding-bottom:0; } .simple_page_header .section__content { max-width: 100%; } .simple_page_header { background-position: center !important; background-size:cover !important; } .simple_page_header .cta_overlay { padding: 40px 0px; background: rgba(245, 246, 244, 0.94); } .simple_page_header h1{ font-size: 32px; line-height: 37px; } #contact_info .col-md-4 { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; float: none; } #contact_info .col-md-4+.col-md-4{ margin-top:40px; } #contact_info .info_box{ box-shadow:none; } }/* end of max-width:991px */ .inner_Nsection7 .img_top p>a{ padding-left:0px; } .mt-10{ margin-top:10px; } @media (max-width: 767px) { .blog_page .block-news .col-md-4{ width:100%; } .inner_N_icon_box .img_icon_n { min-height: 54px; } .header .nav_logo a img { max-width: 180PX; } .p_icon{ font-size: 21px; background-size: 17px; padding-left: 25px; margin-right: 20px; } .cart_sec { padding-top: 9px; } #siteheader .menu_sec{ top: 66px; } .inner_Nsection1 h1 { font-size: 29px; line-height: 37px; } .inner_N_icon_box .box-text img{ display: block; margin: auto; max-height: 45px; width: auto; } .inner_N_icon_box .column-1 .box-text img{ max-height: 40px; } .inner_N_icon_box .box-text{ text-align:center; } .inner_N_icon_box .box-text h3 { font-size: 15px; line-height: 21px; } .lead { font-size: 17px; line-height: 30px; } h2 { font-size: 26px; line-height: 1.2; } .info_block .box-text p{ font-size: 15px; line-height: 25px; margin-bottom:0px; } .info_block .box-img img{ min-height: 246px; object-fit: cover; } .title-divider-line { font-size: 26px; line-height: 30px; } .icon_left.dark_log_cta h2 { font-size: 28px; line-height: 32px; margin-top: 11px; } .dark_log_cta .phone_icon{ font-size: 24px; padding-left: 47px; background-size: 33px; background-position-y: 6px; } .dark_log_cta .btn{ font-size: 16px; line-height: 29px; } .new_grid{ grid-template-columns: repeat(2, 1fr); } .new_grid .two_col:last-child { grid-column-end: span 1; } .cta_r_img_box .title-divider-line{ font-size: 28px; line-height: 36px; } .cta_r_img_box p { font-size: 18px; line-height: 28px; } .five_img_box .col-md-3{ width: 50%; } .box_sec .box_inner { width: 50%; } .box_sec .box_inner { margin-top: 30px; } .box_sec .box_inner:nth-child(1), .box_sec .box_inner:nth-child(2){ margin-top:0px; } body .reviewslist .owl-prev, body .reviewslist .owl-next { background-size: 16px; } #informationalTab .resp-tabs-list li { font-size: 16px; } #informationalTab .resp-tabs-list li.resp-tab-active::after{ bottom: -12px; } #informationalTab .resp-tabs-list li.resp-tab-active::before{ bottom: -16px; } #informationalTab .resp-tabs-list li{ font-size: 15px; width: 33.333%; text-align: center; line-height: 21px; padding-left:5px; padding-right:5px; } #informationalTab .resp-tabs-list li:nth-child(1), #informationalTab .resp-tabs-list li:nth-child(3){ width: 95px; text-align: center; margin: auto; } .process_sec h3{ font-size: 18px; line-height: 24px; } body .itemR .reviewtext { font-size: 16px !important; line-height: 1.7 !important; } .small_width_cta .phone_icon{ margin-left:0px; } .small_width_cta .btn:not(.phone_icon){ width:240px; text-align: left; } .content-portfolio .item .inner_box_text { opacity: 1; bottom: 20px; } .content-portfolio .inner_box_text span{ font-size: 20px; } .content-portfolio{ padding-bottom:0px; } .block-news .col-sm-3{ width:100%; } .blog_disc.blog-text h3.entry-title{ font-size: 18px; } .blog_disc.blog-text h3.entry-title a{ display:block; } .footer .ft_address{ width:100%; margin-bottom:30px; } .footer .ft_address br{ display:none; } .footer .ft_con .phone_icon{ font-size: 15px; } .footer .ft_con .phone_icon a{ font-size: 24px; } .footer .ft_con .phone_icon{ background-position-y: center; } .footer .ft-1, .footer .ft-2{ width:50%; } .small_width_cta h3 { font-size: 22px; line-height: 29px; } .dark_cta .lead { font-size: 17px; line-height: 30px; } .content-portfolio .slider-logo img{ min-height: 300px; max-height: 300px; } .left_single_content h1 { font-size: 27px; line-height: 34px; } .left_single_content h1 img{ display:none; } .blog_index .cta_overlay{ background: #f7f7f7e5; padding: 40px 0px; } }/* end of max-width:767px*/ @media (max-width: 480px) { .p_icon span{ display:none; } .p_icon{ margin-right: 30px; } .p_icon img{ display:block; display: block; max-width: 25px; filter: brightness(0) saturate(100%) invert(65%) sepia(97%) saturate(1625%) hue-rotate(3deg) brightness(98%) contrast(102%); } .p_icon { background:transparent; padding:0px; margin-top: 4px; } .cart_sec { padding-top: 8px; } .inner_N_icon_box .col-md-3 { width: 50%; } .inner_N_icon_box .column-1, .inner_N_icon_box .column-2{ margin-bottom:30px; } .inner_N_icon_box .img_icon_n { min-height: 51px; } .inner_Nsection1 .solid_color{ width: 100%; font-size: 20px; line-height: 39px; height: 57px; } .info_block .box-img img{ min-height: 6px; object-fit: cover; width:100%; max-height:200px; } .info_block .info_block_inner .box-img, .info_block .info_block_inner .box-text{ width: 100%; } .right_c_box .col-md-4{ width:100%; } body .inner_Nsection4{ padding-bottom:20px; } .dark_log_cta .btn{ margin-top:20px; } figcaption a { font-size: 13px; line-height: 17px; padding: 9px 10px; padding-right: 35px; background-size: 18px; } .inner_Nsection7 .col-md-4, .inner_Nsection7 .col-md-6 { width: 100%; } .five_img_box img{ min-height: 180px; max-height: 180px; } .five_img_box .blog-item-name a{ padding: 8px 15px; font-size: 16px; } .about_list ul li p{ font-size:15px; line-height:24px; } #lan_icon_box .col-md-3{ width:100%; } .sec_box .icon_box_home{ min-height: 2px; } .sec_box .icon_box_home::after{ height: 668px; transform: rotate(69deg); } .title-divider-line { font-size: 23px; line-height: 30px; } .panel-default > .panel-heading .panel-title{ font-size: 16px; line-height: 24px; } .about_list ul li{ width: 47%; } .footer .menu li{ border-bottom:1px solid #4c4d4e; padding-bottom:10px; margin-bottom:10px; background:url(/app/uploads/2024/03/right_white.png)no-repeat; background-position: 98% 7px; background-size: 7px; } .footer .menu li:last-child{ border-bottom:0px solid #4c4d4e; padding-bottom:0px; margin-bottom:0px; } .footer .ft-1{ margin-bottom:30px; } .footer .ft-1, .footer .ft-2 { width: 100%; } .author_bio_section .author_details img{ float: none; margin: auto !important; display: block; margin-bottom: 10px !important; } .author_details, .author_name{ text-align: center; } .author_details{ font-size: 14px; margin-bottom: 0; } .nav_logo a img { max-width: 192px; } }/* end of max-width:480px */ .icon_home_list{ background-color: #f5faf9; padding:30px 0; } .icon_list{ list-style:none; margin:0px; padding:0px; display:flex; flex-wrap:wrap; } .icon_list li{ width:25%; flex-grow:1; font-size: 15px; line-height: 12px; color: #2a2a2a; font-weight: 500; display: flex; align-items: center; } .icon_list img{ max-width:40px; margin-right:20px; margin-bottom:0px; } .icon_list li:nth-child(1) img{ max-width:45px; } .sticky-header{ box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } body.home .inner_N_icon_box { background-color: #f5faf9; padding-top: 30px; padding-bottom: 20px; } body.home .inner_N_icon_box .box-text{ text-align:center; } body.home .inner_N_icon_box .container{ padding-right:15px; } body.home .inner_N_icon_box .box-text h3{ padding-top:3px; } .card_box .box-text{ text-align:center; overflow: hidden; border-radius: 6px; } .card_box .card1{ position:relative; overflow:hidden; text-align:center; } .card_box .box-text h3{ font-size: 18px; line-height: 1; font-weight: 500; text-align: center; margin-top: -41px; margin-bottom: 0px; background: var(--main-color); color: #fff; padding: 15px 5px; z-index: 1; position: relative; } .card_box .box-text h3 a{ color:#fff; } .card_box .box-text .inner_box_text{ background-color: #34474ed4; color: #fff; position: absolute; bottom: 0px; width: 100%; height: 0%; display: flex; align-items: center; text-align: center; padding: 15px; box-sizing: border-box; transition:all 0.3s; opacity:0; } .card_box .box-text:hover .inner_box_text{ height:100%; opacity:1; } .card_box .box-text img{ display:block; margin:0px; min-height:380px; max-height:380px; object-fit:cover; width:100%; } .card_box .box-text p{ margin:0px; } .card_box .box-text p a{ display:inline-block; color:var(--green-color); text-decoration:underline; } .card_box .card1:after{ content: ""; position: absolute; right: 50%; bottom: 40px; transform: translate(50%, 0); border-left: 20px solid transparent; border-bottom: 20px solid var(--main-color); border-right: 20px solid transparent; } .card_box .box-text:hover .card1:after{ display:none; } .single_add_to_cart_button:after{ content: ''; position: absolute; right: 10px; width: 15px; height: 16px; background: url(/app/uploads/2021/10/right_arrow.png)no-repeat; background-size: 18px; top: 50%; transform: translateY(-50%); transition:all 0.3s; } .mt-40{ margin-top:40px; } @media(max-width:1199px){ .home-main h1{ font-size: 35px; } .home-main .hero_img img{ max-width: 900px; max-height: 470px; min-height: 470px; } } @media(max-width:991px){ .home-main h1{ font-size: 28px; } .home-main .hero_img img{ max-width: 900px; max-height: 495px; min-height: 495px; } .home-main .btn{ font-size: 18px; height: 48px; line-height: 27px; } .home-main p{ font-size: 15px; line-height: 26px; } } @media(max-width:767px){ .home-main .hero_img img { max-width: 100%; max-height: 100%; min-height: 200px; } .home-main .overlay_container{ padding:40px 0; color:#fff; } } .breadcrumb #wpnavmenu_breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; } .breadcrumb .wpnavmenu_breadcrumbs_seperator { display: inline-flex; width: 1px; height: 11px; background: #464646; margin: 12px 8px 10px; } .breadcrumb span { font-size:15px } .breadcrumb a>span { font-weight: 600; color:var(--main-color) } .breadcrumb span { color:#333; text-transform:capitalize } .pb-10{ padding-bottom:10px; } .portfolio2 h3 { text-align: center; font-size: 17px; line-height: 24px; font-weight: 700; margin:0px; } .portfolio2 h3 a { font-size: 18px; background: var(--green-color); color: #fff; padding: 15px; display: block; } .portfolio2 h3 a:hover { background: var(--main-color); } .case_loopBox .slider-logo img{ display:block; } .portfolio2 h3 em { font-size: 16px; display: block; font-weight: normal; margin-top: 6px; } .select-style { position: relative; max-width: 314px; display: flex; align-items: center; } #carform span { float: left; } select { color: #3b405b; padding: 9px 10px; display: block; border: 1px solid #55646a; width: 100%; background: #fff; line-height: 1.5; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; font-family:inherit; } .arr::after { position: absolute; content: ""; right: 15px; top: 20px; border-top: 6px solid var(--main-color); border-left: 6px solid transparent; border-right: 6px solid transparent; } @media (min-width: 768px) { .case_loopBox .slider-logo img { min-height: 300px; max-height: 300px; object-fit: cover; } .post-type-archive-portfolio .portfolio2 h3 a { min-height: 109px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } .case_study_archive .right_peg .navigation { justify-content: right; margin-top:2px; } } .case_loopBox .col-md-4 { margin-bottom: 30px; } .navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .navigation > div{ display: none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration: none; background-color: #4a4855; border-radius: 0; cursor: pointer; padding: 9px 12px; } .navigation li a:hover, .navigation li.active a { background-color: var(--green-color); color: #fff; } .align_center .row{ align-items: center; } @media (max-width: 767px) { .col-12{ width:100%; } .select-style{ max-width: 100%; } } .panel-body>ul, .panel-body>ol, body.single-portfolio .icon_left ol{ padding-left:20px; margin-bottom:20px; } .panel-body>ul li+li, .panel-body>ol li+li, body.single-portfolio .icon_left ol li+li{ margin-top:10px; } .panel-body>ol ul{ margin-top:10px; padding-left:15px; } .panel-body>ol ul li{ list-style-type: disc; } .panel-body>ol ul li::marker{ color:var(--main-color); } .panel-body h4{ font-size:18px; } strong{ font-weight: 600; } .panel-body li strong{ opacity:0.8; } .client_logo_sec { display: grid; grid-template-columns: repeat(auto-fit,minmax(80px, 1fr)); grid-gap: 10px 30px; align-items: center; margin: auto; } .blockPortfolio .owl-nav { position: absolute; top: 40%; width: 100%; transform: translateY(-40%); } .blockPortfolio .owl-nav .owl-prev, .blockPortfolio .owl-nav .owl-next { position: absolute; top: 0; margin-top: 0; background-size: cover; height: 50px; width: 40px; border:0; cursor:pointer; } .blockPortfolio .owl-nav .owl-prev { left: 10px; background:#f7f7f7 url('/app/uploads/2025/02/left-arrow1.png')no-repeat center; background-size:11px; } .blockPortfolio .owl-nav .owl-next { right: 10px; background:#f7f7f7 url('/app/uploads/2025/02/left-arrow1.png')no-repeat center; background-size:11px; transform:rotate(-180deg); } .blockPortfolio .owl-nav .owl-next span, .blockPortfolio .owl-nav .owl-prev span{ display:none; } @media (min-width: 1200px) { /* Submenu Container Styles */ #navigation .menu-main-menu-container > ul > li > ul.sub-menu { position: absolute; left: 0; right: 15px; width: 100%; min-width: 320px; padding: 0; text-align: left; z-index: 1000; background: #f4f9f8; display: none; /* Initially hidden */ list-style: none; opacity: 0; /* For fade-in effect */ visibility: hidden; /* Hide it from accessibility initially */ transform: translateY(-15px); /* Start slightly above */ transition: all 0.5s ease; /* Smooth animation */ } /* Hover Effect for Submenu */ #navigation .menu-main-menu-container > ul > li:hover ul.sub-menu { display: block; /* Show the submenu */ opacity: 1; /* Fully visible */ visibility: visible; /* Make accessible */ transform: translateY(0); /* Slide down to position */ } /* Optional: Add a subtle delay for the submenu */ #navigation .menu-main-menu-container > ul > li > ul.sub-menu > li { animation: fadeIn 0.4s ease forwards; } /* Keyframe Animation for Subtle Fade-in */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } #navigation .menu-main-menu-container > ul > li ul.sub-menu li a{ display: block; padding:12px 15px; color:#000; } #navigation .menu-main-menu-container > ul > li ul.sub-menu li a:hover{ color:var(--second-color); } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li .sub-menu li a{ position:relative; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li .sub-menu li a::after { content: '➔'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--main-color); transition: transform 0.3s ease, color 0.3s ease; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li .sub-menu li a:hover::after { transform: translateY(-50%) translateX(5px); } } .brand_logo .box_inner .b_box{ height: 137px; } .brand_logo .box_inner .b_box img{ display:block; } .content-portfolio, .home-main{ overflow:hidden; } .client_logo_sec img { display: block; margin: auto; } @media(max-width:1199px){ #informationalTab .resp-tabs-list li { font-size: 17px; padding: 12px 11px; } } @media(max-width:991px){ #four_box_call .col-md-3{ width:50%; } #four_box_call .col-md-3:nth-child(3), #four_box_call .col-md-3:nth-child(4) { margin-top: 30px; } .icon_left .icon_img_sec, .block-alternate .image_sec, .block-alternate .col-sm-7+.icon_img_sec{ margin-top:30px; } } @media(max-width:767px){ .card_box .col-sm-6 { width:50%; } .header_height { height: 61px; } .hfixed+.header_height { height: 61px; } #siteheader .menu_sec { top: 61px; } #res_menu_b{ margin-top: 5px; } .client_logo_sec { flex-wrap: wrap; align-items: center; justify-content: center; grid-gap: 10px 15px; } .client_logo_sec .rv_logo { width: 21%; } .icon_left ul li h3 { font-size: 19px; line-height: 28px; } } @media(max-width:575px){ .card_box .col-sm-6 { width:100%; max-width:320px; margin-left:auto; margin-right:auto; } .card_box .box-text img{ width:100%; } } @media (max-width: 480px) { #four_box_call .col-md-3 { width: 100%; min-height: 70px; } #four_box_call .col-md-3+.col-md-3{ margin-top: 30px; } } @media(min-width:992px) and (max-width:1199px){ .inner_Nsection4 .right_c_box .color_title{ padding: 15px 8px; } } @media(min-width:1201px) and (max-width:1260px){ .header .nav_logo a img{ max-width: 145px; } } .inner_Nsection5 .block-description{ max-width:900px; } /*.information toggle */ .information_cont { border-bottom: 1px solid #ddd; } .information_cont:last-child { border-bottom: 0px solid #ddd; } .information_cont .information_title{ padding: 18px 45px 18px 0px; font-size: 20px; margin: 0; cursor:pointer; position:relative; font-weight:500; color:#2e4249; } .information_cont .information_det{ padding-bottom:20px; } .information_cont .information_title::after { content: "" ; background: #fff url(/app/uploads/2024/03/plus.png)no-repeat ; background-position: center; width: 30px; height: 30px; text-align: center; border-radius: 100%; right: 0; position: absolute; top: 50%; transform: translateY(-50%); transition:all 0.3s; background-color: rgba(225, 13, 17, 0.07); background-size: 12px; } .information_cont .information_title.t_open::after { background: var(--main-color) url(/app/uploads/2024/03/remove_white.png)no-repeat center; background-size: 12px; } .information_det ul{ padding-left:15px; margin-bottom:15px; } .information_det ul li+li{ margin-top:8px; } .information_det h4{ font-size:18px; } /* Author Sectoin */ .authorHero{ padding:40px 0; background: #f3f3fd; } .author-photo img{ border-radius: 50%; object-fit: cover; width: 220px; } .emialphone{ font-size:23px; padding-left:30px; background: url(/app/uploads/2025/01/phone-call3-red.png)no-repeat 0px 5px; background-size:20px; display: block; } .emialLogo{ font-size:18px; padding-left:35px; background: url(/app/uploads/2024/03/email.png)no-repeat 0 5px; background-size:24px; display: block; } .right_author .lead{ font-size: 20px; line-height: 33px; color: #000; } .aDetails{ list-style:none; margin-bottom: 20px; padding-top: 10px; } .aDetails li{ display: inline-block; vertical-align: middle; border-right: 2px solid #cacaca; padding-right: 20px; } .aDetails li:last-child{ border-right: 0px solid #cacaca; padding-right: 0px; } .aDetails li+li{ margin-left:20px; } .leftAuthor{ padding-right:30px; width:220px; } .right_author{ width:calc(100% - 220px); } .fallo_icon{ margin-top: 25px; display: flex; align-items: center; } .fallo_icon img{ margin-left:8px; } .m0{ margin:0px!Important; } .mobileAuthor{ display:none; } .right_author h1{ text-transform:capitalize; } @media(max-width:767px){ .authorHero .row{ flex-direction:column; } .leftAuthor, .right_author{ width:100%; padding:0px; } .desktopAuthor{ display:none; } .mobileAuthor { display: flex; padding-right: 0; } .author-photo{ margin-bottom:20px; } .leftAuthor{ padding-right:0px; width:120px; margin: auto; } .right_author{ text-align:center; } } @media(max-width:520px){ .aDetails li{ border:0px; display:inline-block; margin-top:10px; } .right_author h1 { font-size: 28px; } .aDetails li + li { margin-top: 16px; margin-left:0px; } } .no-description .container>.row{ align-items:center; } @media (min-width: 768px) { body .askHero { background-size: 57% !important; } } @media (max-width: 767px) { .askHero .line_heading h1 { text-align:center; } } @media (max-width: 767px) { body .footer_cta .cta_overlay { background: #f3f3fdf0; } } .icon-white img { filter: brightness(0) invert(1); } body .reviewslist .owl-prev, body .reviewslist .owl-next{ background: url(/app/uploads/2025/02/left-arrow1.png)no-repeat center; background-size: 28px; } /* end of.information toggle */ @media (min-width: 992px) { .about_list { margin-top: 160px!important; position: relative; } } .information_cont .information_det { display: none; } .information_det ol { padding-left: 15px; margin-bottom: 15px; } .information_det ol li + li { margin-top: 8px; } figcaption br{ display:none; } @media (min-width: 1200px) { #navigation .menu-main-menu-container > ul > li:not(.mega_menu) > ul.sub-menu li a{ padding-left:15px; padding-right:15px; border-bottom: 1px solid #ddd; } #navigation .menu-main-menu-container > ul > li.mega_menu{ position:static; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu { max-width: 1270px; margin-left: auto; margin-right: auto; right: 0px; background: #f4f9f8; padding-top: 20px; padding-bottom: 40px; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu li a{ color:#000; background:transparent!important; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu li a:hover{ color:var(--second-color); } #navigation .menu-main-menu-container > ul > li.mega_menu.five_col > ul.sub-menu > li { width: 20%; float:left; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } #navigation .menu-main-menu-container > ul > li.mega_menu.four_col > ul.sub-menu > li { width: 25%; float:left; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } #navigation .menu-main-menu-container > ul > li.mega_menu ul.sub-menu { list-style: none; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li > a { padding-left: 0px; font-weight: 700; font-size: 15px; text-transform:uppercase; color:var(--main-color); } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu::before { content: ""; position: absolute; left: -2000px; width: 2000px; background: #f4f9f8; height: 100%; top: 0; bottom: 0; z-index: -1; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu::after { content: ""; position: absolute; left: 1000px; width: 2000px; background: #f4f9f8; height: 100%; top: 0; bottom: 0; z-index: -1; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li .sub-menu li a, #navigation .menu-main-menu-container > ul > li > ul.sub-menu li a { padding:0px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #ddd; } #navigation .menu-main-menu-container > ul > li.mega_menu.three_col > ul.sub-menu > li { width: 33.333%; float:left; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu li a:hover { color: var(--second-color); } #navigation .menu-main-menu-container > ul > li.mega_menu.two_col > ul.sub-menu > li { width: 50%; float:left; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } #navigation .menu-main-menu-container > ul > li.mega_menu.two_col > ul.sub-menu > li>ul.sub-menu>li { width: 50%; float:left; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } #navigation .menu-main-menu-container > ul > li.mega_menu.two_col > ul.sub-menu > li>ul.sub-menu>li:last-child a, li.border-none >a{ border-bottom:0px!important; } } @media (max-width: 1200px) { #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu > li > a { font-weight: 600; font-size: 15px; } #navigation .menu-main-menu-container > ul > li > ul.sub-menu ul.sub-menu { padding-left: 10px; } #siteheader .menu_sec #navigation{ height: calc(100% - 48px); overflow: scroll; } } .search_page .entry-title{ font-size: 17px; font-weight: 500; line-height: 29px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0; margin-bottom:0px; } .card_saearch{ padding:20px; background:#f5faf9; border-radius:6px; } .search_page .entry-title a{ display:block; color:#333; background: url(/app/uploads/2024/03/right-arrow2.png)no-repeat 100% 5px; background-size: 26px; padding-right: 40px; } .search_page .entry-title a:hover{ color:var(--second-color); } @media(min-width:768px){ .search_page .row{ display: flex; flex-wrap: wrap; } .card_saearch{ min-height: 100px; } } .full_des .block-description{ max-width:100%; } .quick_link .h4 { padding-top: 0; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: capitalize; background: var(--main-color); color: #fff; padding: 11px 15px 9px; margin-bottom: 0px; line-height: 27px; border-top-left-radius: 6px; border-top-right-radius: 6px; } ul.info_list { padding-bottom: 10px; list-style: none; padding-left: 0; padding:15px; background:#fff; border-bottom: 3px solid var(--second-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .quick_link .info_list li a { border-bottom: 1px solid #c9cad4; padding-bottom: 7px; margin-bottom: 7px; display: block; color: #2d4149; position: relative; padding-right: 22px; line-height: 25px; font-size: 15px; font-weight: 500; } .quick_link .info_list li a:hover{ color: var(--second-color); } .quick_link .info_list li:last-child a{ border-bottom: 0px solid #c9cad4; margin-bottom: 0px; padding-bottom:0px; } .right_content img{ padding:20px 0; } .quick_link ul li a::after{ content: ""; position: absolute; right: 0px; width: 20px; height: 20px; background: url(/app/uploads/2024/10/right-arrow1-11.png)no-repeat; background-size: 16px; top: 50%; transform: translateY(-50%); transition: .3s; } .quick_link ul li a:hover::after{ right: -5px; } /* Our Gurantee */ .our_gurantee .all_services { max-width: 900px; margin-left: auto; margin-right: auto; background: #fff; padding: 30px; border-radius: 6px; z-index: 1; position: relative; } .our_gurantee h2 { margin-bottom:25px; } .our_gurantee { background: #111; background-size:cover; padding-top: 50px; padding-bottom: 50px; position: relative; } .our_gurantee ul li { background: url(/app/uploads/2024/10/shield-check1.png) 0 2px/21px no-repeat; padding-left: 35px; padding-bottom: 11px; } .our_gurantee .parallax-overlay{ background: #1454ac; height: 100%; opacity: 0.9; } .our_gurantee ul { list-style: none; } @media (min-width: 992px) { .our_gurantee ul { padding-left: 5% !important; } .heroInner{ background: #f4f9f8; padding-top: 50px; padding-bottom: 50px; } .process_row { grid-column-gap: 3rem; grid-template-columns: 70% 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .sticky-process-right{ padding-bottom: 1rem; position: -webkit-sticky; position: sticky; top: 160px; } .workingHr{ background-color: var(--main-color); padding: 25px 20px; border-radius: 6px; position: relative; margin-bottom: 20px; } .workingHr h4 { font-size: 22px; color: #fff; } .workingHr h4 img { display: inline-block; vertical-align: middle; max-width: 26px; margin:0; margin-right: 12px; } .text_banner::before { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px;background: #fff; border-bottom: 20px solid rgba(0,0,0,.1); border-right: 20px solid transparent; } .working_hours { list-style-type: none; margin: 0; margin-top: 18px; padding-left: 0px; } .working_hours{ list-style-type:none; margin:0; margin-top:10px; padding-left:0px!important; } .working_hours li{ display:block; border-bottom:1px solid rgba(0,0,0,.1); padding:0px 0 7px 0; color:#fff; margin-bottom:7px; text-align: left; font-size: 16px; font-weight: 400; } .working_hours li:last-child{border-bottom:0px solid rgba(0,0,0,.1);padding-bottom:0px;} .working_hours li:before, .working_hours li:after{ content:""; display:table; } .working_hours li:after{ clear:both; } .working_hours li span, .working_hours li strong{ float:right; width:50%; opacity:.8; } .working_hours li:last-child strong{ opacity:1; } .workingHr h4 img{ border-bottom:0px; } .aBox p{ margin-bottom:0px; } .aBox img{ border-radius: 50%; width: 180px; height: 180px; margin: auto; margin-bottom: auto; object-fit: cover; margin-bottom: -45px; border-bottom: 5px solid #fff; box-sizing: border-box; padding: 0px; background: #fff; z-index: 1; position: relative; } .aBoxContent{ padding: 60px 20px 20px 20px; background: var(--green-color); text-align: center; color: #fff; border-radius: 6px; } html { scroll-behavior: smooth; } .boxPportfolio{ position:relative; overflow:hidden; border-radius:12px; } .boxPportfolio br{ display:none; } .boxPportfolio p{ margin:0px; } .boxPportfolio .slider-logo img{ transition:all 0.3s; } .boxPportfolio:hover .slider-logo img{ transform:scale(1.1); } .content-portfolio .slider-logo img { display: block; margin: 0px; min-height: 375px; max-height: 375px; object-fit: cover; width: 100%; } .content-portfolio .inner_box_text { background:#f5faf9; color:var(--main-color); position:absolute; bottom:10px; width:85%; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; transition:all 0.3s; margin:auto; left:7%; border-radius:11px; padding:20px 15px; height:auto; opacity: 1; font-weight:500; font-size:19px; } .ask_expert h3{ font-size: 26px; padding-left: 50px; background: url(/app/uploads/2024/10/advice_blue1.png)no-repeat 0 0px; background-size: 32px; } .ask_expert ul{ list-style:none; padding-left:0px!important; margin-top: 25px; } .ask_expert ul li a{ display:block; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ddd; padding-right: 35px; background: url(/app/uploads/2024/10/right-arrow1-11.png)no-repeat right; background-size: 18px; font-weight:500; } .ask_expert ul li a:hover{ color:#000; } .ask_expert .column-2 h3{ background: url(/app/uploads/2024/10/ask-blue1.png)no-repeat 0 0px; background-size: 32px; } .scroll-top { position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; font-size: 30px; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,.1); transition: .3s; z-index: 50; display: none; background: var(--second-color); transition: all 0.3s; } .scroll-top .fa { background: url(/app/uploads/2024/10/arrow-up.png) center/22px no-repeat; display: block; width: 100%; height: 100%; } .heroBanner .image_sec img{ border-radius: 22px; } .sideJump_sec { margin-top: 35px; position: relative; } } .aTitle{ font-weight: 600; font-size:20px; margin-bottom: 6px; } .aTitle a{ color:#fff; } .green_box .lead>a, .dark_log_cta .lead>a{ color:#fff; text-decoration: underline; } .green_box .lead>a:hover, .dark_log_cta .lead>a:hover{ text-decoration: none; } .blog-text .entry-summary{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-bottom: 0; } .left_single_content ol{ padding-left:20px; } .left_single_content ul{ list-style: none; margin: 0px; padding: 0px !important; } .left_single_content ol ul{ margin-top:12px!important; } .left_single_content ul li { background: url(/app/uploads/2025/02/checklist11.png)no-repeat 0 5px; background-size: 21px; padding-left: 31px; line-height: 29px; } .panel{background:transparent!important;} .panel p:empty{display:none!important;} .panel-default > .panel-heading .panel-title{position:relative; margin-bottom:0px!important;font-size:22px!important;font-weight: 500!important;} .panel-default > .panel-heading{padding-top: 20px!important; padding-bottom: 20px!important;} .panel-default > .panel-heading .panel-title:after{content:"+"; position:absolute; right:0px; font-size:54px; font-weight:400; color:#2d4149;} .panel-default > .panel-heading[aria-expanded="true"] .panel-title:after{content:"-"!important;} .panel-default > .panel-heading + .panel-collapse > .panel-body{padding-top:20px;} @media(max-width:1200px){ .header .nav_logo a img{ max-width: 122px; } .header .nav_logo{ top: 10px; } } @media (max-width: 767px) { .header .nav_logo a img { max-width: 170px; } } .location_cocover li a:hover{ color:#000; } .dark_cta .btn.primary:hover{ background-color:#000; } /* client slider style */ .client_logo_carousel { padding-bottom: 30px; padding-top:30px; } .client_logo_carousel .swiper-slide { display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 8px; padding: 10px; transition: transform 0.3s ease, filter 0.3s ease; filter: grayscale(100%); } .client_logo_carousel .swiper-slide img { width: 150px; /* Set a consistent width */ height: 100px; /* Set a consistent height */ object-fit: contain; /* Preserve aspect ratio */ transition: filter 0.3s ease; } .client_logo_carousel .swiper-slide:hover { filter: grayscale(0%); } .client_logo_carousel .swiper-pagination-bullet { background-color: var(--main-color); opacity: 0.8; } .client_logo_carousel .swiper-pagination-bullet-active { background-color: #000; } .client_logo_carousel .swiper-button-next, .client_logo_carousel .swiper-button-prev { color: #0073e6; } .swiper-pagination{ position:static!important; margin-top:20px; } .dark_cta a + a { margin-left: 15px; } body:not(.home) .inner_n_revice { background:#fff; } #what-we-did .portfolio-section-content ul { list-style:none; margin:0px; padding:0px !important; } #what-we-did .portfolio-section-content ul li { background: url(/app/uploads/2025/02/checklist11.png)no-repeat 0 2px; background-size: auto; background-size: 24px; padding-left: 35px; padding-bottom: 12px; } .lightbox{ display:none; } @media(min-width:992px){ #what-we-did .icon_img_sec img{ min-height: 450px; object-fit: cover; } } /* Portfolio Box */ .portfolio-box { position: relative; overflow: hidden; background-color: var(--second-color); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease-in-out; } /* Portfolio Image */ .portfolio-box .portfolio-image { display: block; position: relative; text-decoration: none; } .portfolio-box img { width: 100%; min-height: 400px; object-fit: cover; transition: transform 0.3s ease-in-out; } .portfolio-box:hover img { transform:scale(1.1); } /* Overlay Effect */ .portfolio-box .portfolio-image::after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 40%, rgb(36, 35, 35)); transition: opacity 0.3s ease-in-out; opacity: 1; } .portfolio-box:hover .portfolio-image::after { opacity: 0.8; /* Slightly enhances visibility on hover */ } /* Title Overlay */ .portfolio-box .title-name { position: absolute; left: 20px; bottom: 30px; z-index: 10; color: #fff; font-size: 22px; line-height: 32px; font-weight: 500; transition: color 0.3s ease-in-out; width: calc(100% - 25px); box-sizing: border-box; transition: all 0.3s; } .portfolio-box:hover .title-name { color: #fff; /* Changes to the primary color on hover */ bottom:56px; } /* View Portfolio Button */ .portfolio-box .view-portfolio-btn { position: absolute; left: 20px; bottom: -40px; z-index: 10; color: #fff; font-size: 14px; font-weight: 500; padding: 8px 0px; transform: translateY(40px); opacity: 0; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; background-color: transparent; display: inline-flex; align-items: center; } .portfolio-box .view-portfolio-btn::after { content: '→'; margin-left: 8px; font-size: 18px; transition: margin-left 0.3s ease-in-out; } .portfolio-box:hover .view-portfolio-btn { transform: translateY(0); opacity: 1; bottom: 10px; } .portfolio-box:hover .view-portfolio-btn { color: #fff; } .portfolio-box .view-portfolio-btn:hover::after { margin-left: 12px; } .brand_logo img{ filter: hue-rotate(125deg); } .social_links{ display:flex; gap:10px; } .social_links a { display: flex; border: 2px solid #67a09a5e; border-radius: 50%; padding: 5px; transition: all 0.3s ease-in-out; width: 40px; height: 40px; align-items: center; justify-content: center; } .social_links br{ display:none; } .social_links a img{ max-width:18px; filter: brightness(0) saturate(100%) invert(64%) sepia(9%) saturate(568%) hue-rotate(123deg) brightness(92%) contrast(89%); } .social_links a:hover{ transform: scale(1.1); } @media (min-width: 992px) { .new-about-list { margin-top: 223px !important; position: relative;padding-bottom: 0; } #informationalTab .resp-tabs-list li { font-size: 18px; padding: 12px 13px; } body.home .dark_log_cta .icon_img_sec img{ position: absolute; } } @media (max-width: 480px) { .about_list ul li { width: 100%; } } /* wiki archive */ .top_index{list-style:none!important;display:flex;flex-wrap:wrap;margin-bottom:25px;padding:0px !important;} .bottom_i_list{padding:0px !important;} .top_index li{list-style:inline-block} .bottom_i_list>li p,.top_index li a{font-family: Outfit,sans-serif;font-weight:600;font-size:20px;color:var(--main-color)} .bottom_i_list>li p{font-size:25px;color:#000;margin-bottom:10px;} .bottom_i_list>li ul li::marker,.bottom_i_list>li::marker,.top_index li::marker{display:none!important;font-size:0px} .bottom_i_list>li ul{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;padding:0px!important;} .bottom_i_list>li ul li{width:50%;padding-left:15px;padding-right:15px;margin-bottom: 15px;} .bottom_i_list>li ul li a{display:block;} .post-type-archive-wiki .blog_h,.tax-wiki-category .blog_h{font-size:34px;border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:30px} .tax-wiki-category .blog_h{font-size:34px;} .tax-wiki-category .blog-home-list h5{font-size:16px;} .tax-wiki-category .blog-home-list a{display:block;position:relative;padding-bottom:8px} .bold_custom{font-family: Outfit,sans-serif;font-weight:600;color:#000} .ex_wiki ul li a,.pageCitations li,.pageCitations li a{word-break:break-all} .type-guides h2{font-size:27px;font-family:br_candormedium} .pageCitations{overflow:hidden!important} #informationalTab .tab-paneContent iframe{width:100%!important;max-height:350px} @media(min-width:768px){.searchClose,.search_popup{display:none} .search_boxs{padding-right:25px} body.directory .regionGuide .g_img img{min-height:500px;max-height:500px;object-fit:cover} } body .tab_sec ul li{color:#555} .locationInterlinking li{display:inline-block;padding:10px 5px} .locationInterlinking li a{background:#fff;border:1px solid #1b80b5;padding:10px 15px;color:#1b80b5;border-radius:30px;font-size:15px;text-transform:capitalize} .locationInterlinking li a:hover{background:#1b80b5;color:#fff} .rightcolumn_gap_stl a,.subtitle_spot_stl,.subtitle_spot_stl a,.tab li,body.single-property .related_content_spot_stl a{color:#045c90} .tab li.active,.tab li:hover{font-weight:700} .single-property .breadcrumbs,body.home #style-1,body.single-property .callus_left_stl,body.single-property .contactcontent_stl,body.single-property .property_spot_stl{background:#045c90} .social-box a.icon,.top_index li{margin-right:15px} .bottom_i_list>li+li,.mt-20,.post-type-archive-wiki #sidebar{margin-top:20px} .bottom_i_list>li ul li a:hover,.property_box .thumbnail .flag,.testimonial_sidebar .green_bg,.testimonial_sidebar .orange_bg,.view-details-text{color:var(--second-color);} .testimonial_sidebar .widget+.widget{margin-top:40px} @media(max-width:480px){.bottom_i_list>li ul li{width:100%} } .testimonial_sidebar .title{background:#03588a;color:#fff;font-size:14px;padding:10px 15px;text-align:center;border-radius:3px;font-family:br_candormedium} .testimonial_sidebar .orange_bg{background:#ffa200} .testimonial_sidebar .green_bg{background:#83d73b} .properties{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} #field_11_7,#field_5_3,.clear{clear:both} .testimonial_sidebar .property_box{flex:100%;max-width:100%;padding:0} .property_box .feature-image img{width:100%;min-height:180px;object-fit:cover;max-height:180px;transition:.3s} .testimonial_sidebar .properties{margin-left:-5px!important;margin-right:-5px!important} .testimonial_sidebar .p_content .price{font-size:15px;margin-right:15px;font-weight:600;color:#03588a} .testimonial_sidebar .property_box .region{font-size:13px;background-size:12px;line-height:1.4;padding-left:26px;width:auto} .testimonial_sidebar .beds{width:auto;margin-right:5px} .property_box .thumbnail .flag{position:absolute;z-index:1;text-transform:uppercase;font-size:13px;box-sizing:border-box;padding:7px 20px;top:0;left:0;background:#83d73b} .ref-number,.view-details-text{bottom:0;font-size:12px;padding:5px 9px;position:absolute;z-index:1} .view-details-text{background-color:#83d73b;right:0} .p_title{line-height:1.4;margin-bottom:5px;font-size:18px;padding:20px 10px 10px;font-family:br_candormedium,sans-serif;color:#03588a;white-space:nowrap;text-overflow:ellipsis;font-weight:400} .p_title a{color:#03588a;box-shadow:none} .ref-number{background:#03588a;color:#fff} .thumbnail,.wp-caption{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out;position:relative} .bathbed,.region{font-size:13px;line-height:23px} .bathbed span,.property_box .box .thumbnail a.feature-image,body.single-property .leftcontent_spot .images{position:relative} .property_box .box .thumbnail a.feature-image{overflow:hidden;display:block} #enqModal .modal-content,.g_box .g_img,.p_tab,.p_title,.transposh-2{overflow:hidden} .property_box,.testimonial_sidebar .bathbed,.testimonial_sidebar .p_content,.testimonial_sidebar .p_title{padding-left:5px} .bathbed,.p_content{padding-left:10px;padding-right:10px;display:flex;flex-wrap:wrap;justify-content:space-between} .bathbed{padding-bottom:12px;padding-top:5px} .p_content .price{float:left;width:33%} .p_content .clear{width:100%} .region{float:left;color:#000;text-transform:none;padding-left:30px;background:url(/app/uploads/2021/06/property-marker-icon.png) 10px 0/16px no-repeat;font-family:br_candormedium} @media (max-width:991px){ .atomic-secondary-heading{font-size:38px} .responsive-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 20px !important; } .responsive-table-wrap table { width: 100%; min-width: 600px; /* Ensures scrolling instead of squeezing */ border-collapse: collapse; margin-bottom: 0px !important; } .responsive-table-wrap colgroup col { width: auto !important; } .responsive-table-wrap th, .responsive-table-wrap td { white-space: nowrap; text-align: left; padding: 10px; } .responsive-table-wrap table::-webkit-scrollbar { height: 6px; } .responsive-table-wrap table::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } } @media (max-width:575px){.testimonial_sidebar .property_box{flex:100%;max-width:100%} .sub_headline{font-size:28px;line-height:1.2} .atomic-secondary-heading{font-size:28px!important} } .header2 { box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; background:#fff; } .blog_sidebar .widget { position: relative; box-sizing: border-box; border-radius: 12px; overflow: hidden; } .wikiSidebar .widget-title { font-family: Outfit,sans-serif; font-weight: 600; color: #fff; font-size: 20px; line-height: 1.2; text-transform: unset; padding: 15px; background: var(--main-color); } .wikiSidebar ul { list-style: none; padding-left: 0px; } .wikiSidebar ul li { padding-left: 0px; } .wikiSidebar ul li a { color: #3A3A3A; transition: all 0.3s; background: #fff; display: block; padding: 10px 15px; border-bottom: 1px solid #ddd; } .wikiSidebar ul li:last-child a { border-bottom: 0px solid #ddd; } .wikiSidebar ul li a:hover{ background: var(--secondry-color); color: #FFF; } .bottom_i_list>li ul li a, .list_wiki{ position:relative; padding-left:12px; } .bottom_i_list>li ul li a:before, .list_wiki:before{ content: ""; position: absolute; left: 0px; top: 32%; transform: translate(-50%); width: 5px; height: 5px; border-radius: 50%; background: #777; } /* Basic Table Styling */ table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { padding: 12px; text-align: left; border: 1px solid #ddd; } th { background-color: var(--second-color); font-weight: 600; color: #fff; } td { background-color: #fff; } /* Hover Effect */ tr:hover { background-color: #f1f1f1; } /*faq toggle*/ .pfaq_toggle .pfaq_cont .pfaq_title { color:#ffffff!important; background:var(--main-color) !important; } .pfaq_toggle .pfaq_cont .pfaq_title:before { background:var(--second-color)!important; color:#ffffff!important; counter-increment:faq-counter; content:"Q" counter(faq-counter); position:absolute; top:0; bottom:0; left:0; width:48px; height:auto; font-size:20px; line-height:52px; text-align:center; font-weight:600 } .pfaq_toggle, .pfaq_cont { position:relative; float:left; width:100%; margin-bottom:12px; text-align:left } .pfaq_toggle .pfaq_title { position:relative; float:left; width:100%; padding:12px 45px 12px 58px!important; cursor:pointer; font-weight:500; font-size:20px!important; color:var(--main-color); margin:0!important; background:#f9f9f9 } .pfaq_toggle .pfaq_title:after { content:""; background:#fff url(https://surreyfloorsandingexperts.co.uk/app/uploads/2025/02/left-arrow1.png) no-repeat!important; background-size:8px!important; background-position:center!important; border:0 solid var(--main-color)!important; box-shadow:none!important; position:absolute; top:50%; transform:translateY(-50%) rotate(90deg); right:10px; font-size:22px; line-height:32px; width:30px; height:30px; text-align:center; border-radius:100%; transition-duration:.5s } .pfaq_toggle .pfaq_title.t_open:after { line-height:28px; color:#fff; border:2px solid #fff; transform:translateY(-50%) rotate(-90deg); transition-duration:.5s } .pfaq_toggle .pfaq_det { background:#fff !important; position:relative; float:left; width:100%; margin:0; padding:20px; border:1px solid #ffffff!important; border-top:none; box-sizing: border-box; display:none } .pfaq_toggle .pfaq_det p:last-child, .pfaq_toggle .pfaq_cont:last-child { padding-bottom:0; margin-bottom:0 } body.single-post .pfaq_toggle .pfaq_cont h3, body.single-post .pfaq_toggle .pfaq_cont h4 { margin-bottom:0px!important; color:#ffffff!important; font-weight:500!important; font-size:18px!important; letter-spacing:0.5px!important; box-sizing: border-box; } body.single-post .pfaq_toggle .pfaq_cont p, body .pfaq_toggle .pfaq_det ul { margin-bottom:15px; line-height:28px } .pfaq_toggle { counter-reset:faq-counter; margin-top:10px; margin-bottom:30px }