@import url("https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Rubik:wght@300;400;500;600;700;800;900&display=swap");  body.custom-background {
font-family: 'Rubik', sans-serif;
font-size: 16px;
line-height: 24px;
padding: 0 !important;
}
a,
li,
div,
span,
ul {
font-family: 'Rubik', sans-serif;
}
img {
max-width: 100%;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 0;
display: block;
box-shadow: none;
border-radius: 0;
}
a {
color: #000;
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
a:hover,
a:focus,
a:active {
color: #cd853f;
}
.nopadd {
padding: 0;
}
.padd_tb {
padding: 120px 0;
}
.padd_t {
padding-top: 120px;
}
.padd_b {
padding-bottom: 120px;
}
.nopadd_left {
padding-left: 0 !important;
}
.nopadd_right {
padding-right: 0 !important;
}
.fluid_padd {
padding: 0 7%;
}
.space_area {}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
font-size: 16px;
line-height: 26px;
color: #4e4e4e;
margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #000;
font-family: 'Rubik', sans-serif;
}
.secpanel {
display: block;
overflow: hidden;
width: 100%;
position: relative;
}
.secpanel p {
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
color: #4e4e4e;
}
.secpanel p:last-child {
margin-bottom: 0;
}
.sub_content {
margin: 10px auto 0;
width: 95%;
}
.sub_content p {
display: block;
text-align: center;
font-size: 18px;
line-height: 28px;
color: #717171;
}
.sticky {
background: #fff;
position: fixed;
top: 0;
z-index: 9;
left: 0;
right: 0;
box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.12);
}
.container {
max-width: 1250px;
}
.blue_text {
color: #245978;
}
.org_text {
color: #cd853f;
} .heading {
margin-bottom: 60px;
position: relative; }
.heading h2 {
font-size: 40px;
line-height: 47px;
color: #000;
font-weight: 600;
}
.heading h3 {
font-size: 24px;
line-height: 35px;
color: #245978;
text-transform: uppercase;
margin-bottom: 10px;
}
.hd_center {
text-align: center;
}
.hd_white {}
.hd_white h2 {
color: #fff;
}
.hd_white h3 {
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
span.menu-image-hover-wrapper img {
max-width: 28px!important;
height: 28px !important;
}
span.menu-image-title-after.menu-image-title {
display: none;
}
ul#rmp-menu-531 li:nth-last-child(-n+3) {
display: inline-block;
width: 23.33%;
padding: 0 0 !important;
line-height: 51px;
}
ul#rmp-menu-531 li:nth-last-child(-n+3) a {
padding: 20px 20px !important;
height: 70px;
text-align: center;
}
ul#rmp-menu-531 li:last-child a {
padding-right: 26px !important;
text-align: left;
}
ul#rmp-menu-531 li:last-child {
width: 53% !important;
text-align: left !important;
} .ft_company {
font-size: 12px;
color: #9a9a9a;
line-height: 24px;
font-weight: 500 !important;
display: none;
}
.ft_company a.Copyright {
color: #9a9a9a;
border-bottom: 0;
}
.ft_company a:hover.Copyright {
text-decoration: none;
} #return-to-top {
position: fixed;
bottom: 82px;
right: 12px;
text-align: center;
margin: 0 auto;
background: #4775e5;
width: 60px;
height: 60px;
border-radius: 50%;
text-decoration: none;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 99999999;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
top: 0;
font-size: 18px;
line-height: 60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: #8d55ea;
color: #000;
}
#return-to-top:hover i {
color: #fff; } .main-btn {
margin-top: 50px;
}
.main-btn a {
color: #fff;
background-color: #cd853f;
text-decoration: none;
padding: 19px 55px 18px;
font-family: 'Rubik', sans-serif;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
display: inline-block;
}
.main-btn a:hover,
.main-btn a:active,
.main-btn a:focus {
color: #fff;
background-color: #245978;
outline: none;
text-decoration: none;
}
.blk-btn a {
background-color: #000;
} .hdr-mainwrap {}
.hdr-mainarea {
padding: 23px 0;
}
.logo-wrap {
width: 350px;
display: inline-block;
}
.logo-wrap a {
display: inline-block;
}
.logo-wrap a img {}
.hdr-right-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
align-items: center;
column-gap: 30px;
}
.hdr-right-area {}
.hdr-rtop {
margin-bottom: 18px;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
}
.hdr-ctlist {}
div#custom_html-4 {
margin-right: 20px;
}
div#custom_html-4 ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
align-items: center;
column-gap: 43px;
list-style: none;
}
div#custom_html-4 ul li {
margin-bottom: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: flex-start;
line-height: 1;
}
div#custom_html-4 ul li i {
margin-right: 11px;
color: #cd853f;
font-size: 20px;
line-height: 24px;
}
div#custom_html-4 ul li a {
color: #4e4e4e;
}
.hdr-rbtm {}
.hdr-main-menu {}
.hdr-main-menu nav {}
.menu-main-menu-container {}
.hdr-main-menu ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
align-items: center;
column-gap: 40px;
list-style: none;
}
.hdr-main-menu ul li {
margin-bottom: 0;
line-height: 1;
}
.hdr-main-menu ul li a {
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
}
.hdr-main-menu ul li.current_page_item a {
color: #cd853f;
}
.hdr-whatsapp-icon {}
.hdrwhatsapp_btn span.zoom-social_icons-list-span.social-icon.socicon.socicon-whatsapp {
border-radius: 10px;
}
.hdrwhatsapp_btn {}
.hdrwhatsapp_btn ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
align-items: center;
column-gap: 15px;
list-style: none;
}
.hdrwhatsapp_btn ul li {
.hdrwhatsapp_btn ul li {
margin: 0 !important;
}
}
.hdrwhatsapp_btn ul li a {} .ft-wrap {
background-color: #191919;
}
.ftrinner-wrap {
padding: 70px 0;
}
.ftr-area {}
.ftr_main_row_wrap {}
.ftr-box {}
.ftr-contact {
padding-right: 40px;
}
div#media_image-3 {
margin-bottom: 18px;
width: 300px;
}
div#media_image-3 img {
max-width: 360px !important;
}
div#custom_html-2 {}
div#custom_html-2 p {
color: #b7b7b7;
font-size: 15px;
line-height: 24px;
}
div#custom_html-2 ul {
margin-top: 20px;
}
.ftr-contact ul {
display: inline-block;
}
.ftr-contact ul li {
margin-bottom: 10px;
display: flex;
}
.ftr-contact ul li a {
color: #b7b7b7;
font-size: 20px;
line-height: 50px;
display: inline-block;
vertical-align: top;
}
.ftr-contact ul li i {
background-color: #cd853f;
color: #fff;
width: 50px;
height: 50px;
border-radius: 7px;
font-size: 30px;
line-height: 50px;
text-align: center;
margin-right: 26px;
}
.ftr-contact ul li a:hover {
color: #cd853f;
}
.ftr_menu {
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #403d3d;
padding: 0 30px;
height: 100%;
}
.ftr_hd {
margin-bottom: 30px;
}
.ftr_hd h4 {
color: #b7b7b7;
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
}
.ftr_menu ul {}
.ftr_menu ul li {
position: relative;
padding-left: 23px;
margin-bottom: 12px;
font-size: 15px;
}
.ftr_menu ul li:before {
content: "";
background-color: #cd853f;
width: 7px;
height: 7px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.ftr_menu ul li a {
color: #b7b7b7;
}
.ftr_menu ul li a:hover {
color: #cd853f;
}
.ftr_coverarea {
padding-left: 40px;
}
.ftr_coverarea ul {
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
column-gap: 2%;
list-style: none;
flex-wrap: wrap;
}
.ftr_coverarea ul li {
width: 32%;
color: #b7b7b7;
position: relative;
padding-left: 23px;
margin-bottom: 12px;
}
.ftr_coverarea ul li:before {
content: "";
background-color: #cd853f;
width: 7px;
height: 2px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.ftr_coverarea ul li a {
color: #cd853f;
}
div#zoom-social-icons-widget-2 {
margin-top: 20px;
}
.copyright-ftrwrap {
background-color: #292929;
padding: 20px 0;
text-align: center;
}
.copyright-ftrarea {}
.copyright-box {}
.copyright-box p {
color: #b7b7b7;
}  @media (min-width: 992px) {
.hm_slider,
.hm_slide {
height: 80vh;
}
.inr_slidesec {
height: auto;
}
}
.hm_slide,
.inr_slidesec {
position: relative;
transition: 1s;
}
.hm_slide .slide_img,
.inr_slidesec .slide_img {
width: 100%;
height: 100%;
overflow: hidden;
}
.hm_slide .slide_img,
.inr_slidesec .slide_img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
flex-direction: row;
align-items: center;
}
.hm_slide .slide_img img {
max-width: 100% !important;
width: 100% !important;
height: 100% !important;
object-fit: cover;
opacity: 1 !important;
-webkit-animation-duration: 3s;
animation-duration: 3s;
transition: all 1s ease;
}
.inr_slidesec .slide_img img {
width: 100%;
}
.projects .inr_slidesec .slide_img img {
margin-top: -25%;
height: auto !important;
}
.hm_slide .slide_content,
.inr_slidesec .slide_content { height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
width: 100%;
background: rgb(0 0 0 / 60%);
position: relative;
}
.bnr_inrcontent {
width: 70%;
margin: 0 auto;
}
.hm_slide .slide_content.slide_content_left {
left: 15%;
transform: translate(-15%, -50%);
}
.hm_slide .slide_content.slide_content_right {
right: 15%;
left: auto;
transform: translate(5%, -50%);
}
.hm_slide .slide_content--headings,
.inr_slidesec .slide_content--headings {
color: #FFF;
width: 100%;
}
.hm_slide .slide_content--headings .animated,
.inr_slidesec .slide_content--headings .animated {
transition: all 0.5s ease;
}
.hm_slide .slide_content--headings .bnr-main-title,
.inr_slidesec .slide_content--headings .bnr-main-title {
font-family: 'Rubik', sans-serif;
font-size: 60px;
line-height: 1.3;
font-weight: 500;
color: #fff;
text-shadow: 4px 4px 5px rgb(0 0 0 / 50%);
}
.hm_slide .slide_content--headings .bnr_subtitle,
.inr_slidesec .slide_content--headings .bnr_subtitle {
font-family: 'Rubik', sans-serif;
font-size: 22px;
line-height: 1.3;
color: #fff;
font-weight: 400;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 12px 0;
text-transform: uppercase;
width: 58%;
margin: 4px auto 16px;
}
.hm_slide .slide_content--headings .bnr_topsubtitle,
.inr_slidesec .slide_content--headings .bnr_topsubtitle {
font-family: 'Rubik', sans-serif;
font-size: 22px;
line-height: 1.3;
color: #cd853f;
font-weight: 400;
text-transform: uppercase;
width: 58%;
margin: 0 auto 0;
}
.inr_slidesec .slide_content--headings .bnr-main-title {
margin-bottom: 10px;
}
.single-projects .bnr_inrcontent {
width: 100%;
margin: 0 auto;
}
.hm_slide .slide_content--headings .bnr-para,
.inr_slidesec .slide_content--headings .bnr-para {
font-family: 'Rubik', sans-serif;
font-size: 18px;
line-height: 1.3;
color: #e3e3e3;
width: 58%;
margin: 0 auto;
}
.inr_slidesec .slide_content--headings .bnr-para {
margin-bottom: 20px;
}
.hm_slide .slide_content--headings .bnr-telnum,
.hm_slide .slide_content--headings .bnr-telnum {
font-family: 'Rubik', sans-serif;
font-size: 22px;
line-height: 1.3;
margin: 24px 0;
}
.hm_slide .slide_content--headings .bnr-telnum:before {
content: "";
}
.hm_slide .slide_content--headings .bnr-telnum i,
.inr_slidesec .slide_content--headings .bnr-telnum i {
background-color: #cd853f;
color: #fff;
width: 46px;
height: 46px;
border-radius: 50%;
font-size: 23px;
line-height: 46px;
text-align: center;
margin-right: 26px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.hm_slide .slide_content--headings .bnr-telnum a,
.inr_slidesec .slide_content--headings .bnr-telnum a {
color: #FFF;
font-size: 22px;
}
.hm_slide .slide_content--headings .bnr-btn,
.inr_slidesec .slide_content--headings .bnr-btn {
display: inline-block;
margin: 0 auto;
}
.hm_slide .slide_content--headings .bnr-btn a,
.inr_slidesec .slide_content--headings .bnr-btn a {
color: #fff;
background-color: #245978;
}
.hm_slide .slide_content--headings .bnr-btn a:hover,
.inr_slidesec .slide_content--headings .bnr-btn a:hover {
color: #fff;
background-color: #cd853f;
} .inr_slidesec .slide_content {
padding: 60px 0;
min-height: 450px;
} .slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -60px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
display: block;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.simple-dots .slick-dots li {
width: 12px;
height: 12px;
}
.simple-dots .slick-dots li button {
border-radius: 50%;
background-color: transparent; width: 12px;
height: 12px;
border: 1px solid #fff;
}
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
color: white;
opacity: 1;
background: #fff;
}
.stick-dots .slick-dots li {
height: 3px;
width: 50px;
}
.stick-dots .slick-dots li button {
position: relative;
background-color: #acacac; width: 50px;
height: 4px;
padding: 0;
}
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
background: #245978; }
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
opacity: 1;
} @-webkit-keyframes zoomInImage {
from {
transform: scale3d(1, 1, 1);
transition: 1s;
}
to {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
}
@keyframes zoomInImage {
from {
transform: scale3d(1, 1, 1);
transition: 1s;
}
to {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
}
.zoomInImage {
-webkit-animation-name: zoomInImage;
animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
from {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
to {
transform: scale3d(1, 1, 1);
transition: 1s;
}
}
@keyframes zoomOutImage {
from {
transform: scale3d(1.1, 1.1, 1.1);
transition: 1s;
}
to {
transform: scale3d(1, 1, 1);
transition: 1s;
}
}
.zoomOutImage {
-webkit-animation-name: zoomOutImage;
animation-name: zoomOutImage;
transition: 1s;
}
.slick-nav {
--active: #fff;
--border: rgba(255, 255, 255, .12);
width: 50px;
height: 50px;
position: absolute;
cursor: pointer;
top: calc(50% - 50px);
}
.slick-nav.prev-arrow {
left: 3%;
transform: scaleX(-1);
z-index: 999;
}
.slick-nav.next-arrow {
left: auto;
right: 3%;
}
.slick-nav i {
display: block;
position: absolute;
margin: -10px 0 0 -10px;
width: 20px;
height: 20px;
left: 50%;
top: 50%;
}
.slick-nav i:before,
.slick-nav i:after {
content: "";
width: 10px;
height: 2px;
border-radius: 1px;
position: absolute;
left: 50%;
top: 50%;
background: var(--active);
margin: -1px 0 0 -5px;
display: block;
transform-origin: 9px 50%;
}
.slick-nav i:before {
transform: rotate(-40deg);
}
.slick-nav i:after {
transform: rotate(40deg);
}
.slick-nav:before,
.slick-nav:after {
content: "";
display: block;
position: absolute;
left: 1px;
right: 1px;
top: 1px;
bottom: 1px;
border-radius: 50%;
border: 2px solid var(--border);
}
.slick-nav svg {
width: 50px;
height: 50px;
display: block;
position: relative;
z-index: 1;
color: var(--active);
stroke-width: 2px;
stroke-dashoffset: 126;
stroke-dasharray: 126 126 0;
transform: rotate(0deg);
}
.slick-nav.animate svg {
-webkit-animation: stroke 1s ease forwards 0.3s;
animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
-webkit-animation: arrow 1.6s ease forwards;
animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
-webkit-animation: arrowUp 1.6s ease forwards;
animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
-webkit-animation: arrowDown 1.6s ease forwards;
animation: arrowDown 1.6s ease forwards;
}
@-webkit-keyframes stroke {
52% {
transform: rotate(-180deg);
stroke-dashoffset: 0;
}
52.1% {
transform: rotate(-360deg);
stroke-dashoffset: 0;
}
100% {
transform: rotate(-180deg);
stroke-dashoffset: 126;
}
}
@keyframes stroke {
52% {
transform: rotate(-180deg);
stroke-dashoffset: 0;
}
52.1% {
transform: rotate(-360deg);
stroke-dashoffset: 0;
}
100% {
transform: rotate(-180deg);
stroke-dashoffset: 126;
}
}
@-webkit-keyframes arrow {
0%,
100% {
transform: translateX(0);
opacity: 1;
}
23% {
transform: translateX(17px);
opacity: 1;
}
24%,
80% {
transform: translateX(-22px);
opacity: 0;
}
81% {
opacity: 1;
transform: translateX(-22px);
}
}
@keyframes arrow {
0%,
100% {
transform: translateX(0);
opacity: 1;
}
23% {
transform: translateX(17px);
opacity: 1;
}
24%,
80% {
transform: translateX(-22px);
opacity: 0;
}
81% {
opacity: 1;
transform: translateX(-22px);
}
}
@-webkit-keyframes arrowUp {
0%,
100% {
transform: rotate(-40deg) scaleX(1);
}
20%,
80% {
transform: rotate(0deg) scaleX(0.1);
}
}
@keyframes arrowUp {
0%,
100% {
transform: rotate(-40deg) scaleX(1);
}
20%,
80% {
transform: rotate(0deg) scaleX(0.1);
}
}
@-webkit-keyframes arrowDown {
0%,
100% {
transform: rotate(40deg) scaleX(1);
}
20%,
80% {
transform: rotate(0deg) scaleX(0.1);
}
}
@keyframes arrowDown {
0%,
100% {
transform: rotate(40deg) scaleX(1);
}
20%,
80% {
transform: rotate(0deg) scaleX(0.1);
}
} .breadcrumb-totalwrap {
padding: 40px 0;
background: #eee;
}
.breadcrumb_wrap { }
.breadcrumb_wrap #breadcrumbs-area {}
.breadcrumb_wrap #breadcrumbs-area span {
font-family: 'Rubik', sans-serif;
font-size: 18px;
line-height: 1.3; font-weight: 400;
}
.breadcrumb_wrap #breadcrumbs-area span a { }
.breadcrumb_wrap #breadcrumbs-area span.sep {}
.breadcrumb_wrap #breadcrumbs-area span.breadcrumb_last {} .hm-about-wrap {}
.hm-about-area {}
.hm-about-area .heading {
margin-bottom: 40px;
}
.hm-about-imgbox {
padding-right: 30px;
height: 100%;
}
.hm-about-imgbox img {
height: 100%;
object-fit: cover;
max-height: 700px;
width: 100%;
}
.hm-about-right {
padding-left: 30px;
}
.exp-wrap {
background: #e6ecf2;
margin-bottom: 37px;
}
.exp-area {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.exp-leftbox {
background: #131313;
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
span.yrcount {
color: #fff;
font-size: 60px;
line-height: 60px;
display: block;
padding: 20px 40px 20px 20px;
}
.exp-rightbox {
padding-left: 25px;
}
.exp-rightarea {}
span.exp-sbhd {
color: #245978;
font-size: 20px;
line-height: 26px;
display: block;
margin-bottom: 8px;
}
span.exp-hd {
color: #000;
font-size: 26px;
font-weight: 500;
}
.abt_boxswrap {
margin-top: 60px;
} .about_item {}
.about_item.leftwrap {}
.angry-grid {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 50% 22.7% 22.7%;
gap: 30px;
height: auto;
grid-template-rows: auto auto;
}
.hmabt_item {
border: 1px solid #245978;
background: #fff;
padding: 24px;
}
.hmabt_item .iconbox {
width: 60px;
height: 60px;
}
.hmabt_item .iconbox img {}
.abtitm_content {}
.abtitm_content h3 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px;
}
.abtitm_content p {}
#item-0,
#item-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}
#item-0 {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 2;
grid-column-end: 2;
}
#item-1 {
grid-row-start: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-column-end: 2;
}
#item-2 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 3;
}
#item-3 {
grid-row-start: 1;
grid-column-start: 3;
grid-row-end: 3;
grid-column-end: 4;
}
div#item-0.hmabt_item .iconbox,
div#item-1.hmabt_item .iconbox {}
#item-0 .abtitm_content,
#item-1 .abtitm_content {
width: 89%;
padding-left: 27px;
}
div#item-2.hmabt_item .iconbox,
div#item-3.hmabt_item .iconbox {
margin-bottom: 20px;
} .google-reviews-wrap {
background: #f7f7f7;
}
.google-reviews-area {}
.google-reviewsbox {
background: #fff;
padding: 40px;
} .insta-feed-wrap {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(36, 89, 120, 1) 65%, rgba(36, 89, 120, 1) 65%);
}
.insta-feed-area {}
.insta-feedbox {}
.insta-hd-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
margin-bottom: 60px;
}
.insta-hd-wrap .heading {
margin-bottom: 0;
}
.insta-hd-wrap .insta-hd {
display: flex;
justify-content: flex-end;
flex-direction: row;
flex-wrap: wrap;
}
.insta-hd-wrap .insta-hd a {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.insta-hd-wrap .insta-hd a .insta-hdicon {
width: 75px;
height: 75px;
background: #cd853f;
border-radius: 50%;
margin-right: 16px;
line-height: 75px;
text-align: center;
font-size: 34px;
color: #fff;
}
.insta-hd-wrap .insta-hd a .insta-hdicon i {}
.insta-hd-wrap .insta-hd a .insta-hdtitle {
font-size: 34px;
line-height: 36px;
font-weight: 600;
} .hm-serv-wrap {
padding-bottom: 180px;
}
.hm-serv-area {}
.hm-servbox {}
.hm-projgal-wrap {
background: #f9f9f9;
}
.hm-projgal-area {}
.hm-projgal-box {} .serv-item {}
.serv-box {
position: relative;
width: 92%;
box-shadow: 1px 1px 20px rgb(0 0 0 / 12%);
margin: 15px;
min-height: 510px;
}
.scontentbox {
min-height: fit-content;
z-index: 3;
position: relative;
min-height: 330px;
}
.stitle {
padding: 50px 0px 0 30px;
width: 86%;
}
.stitle h4 {
font-size: 28px;
line-height: 35px;
font-weight: 500;
}
.stext {
padding: 20px 0px 0 30px;
width: 69%;
}
.stext p {}
.sbtn {
margin-top: 42px;
width: 56%;
-webkit-clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 77.5% 100%, 0% 100%);
position: absolute;
bottom: 0;
}
.sbtn a {
background: #333333;
display: block;
padding: 14px 0 14px 30px;
font-size: 18px;
text-transform: uppercase;
color: #fff;
}
.sbtn a:hover {
background: #cd853f;
}
.simgbox {  position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: right;
height: 80%;
}
.simgbox:before {
content: "";
background: #245978;
position: absolute;
bottom: 0px; right: 0px;
height: 102%;
width: 100%;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.simgbox img {
width: 98%;
height: 100%;
object-fit: cover;
position: relative;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: inline-block;
}
.hm-servbox .slick-nav {
--active: #000;
--border: rgba(0, 0, 0, .12);
z-index: 3;
}
.slick-nav {}
.hm-servbox .slick-nav.next-arrow {
right: -4%;
}
.hm-servbox .slick-nav.prev-arrow {
left: -4%;
} .projgal-lists {
display: grid;
grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;
grid-row-gap: 30px;
}
.projgal-lists img {
width: 100%; height: 250px;
} figure.projgal-box {
color: #fff;
position: relative;
overflow: hidden; width: 100%;
background: #000000;
text-align: left;
}
figure.projgal-box * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.projgal-box img {
max-width: 100% !important;
opacity: 1;
width: 100% !important;
-webkit-transition: opacity 0.35s !important;
transition: opacity 0.35s !important;
height: 300px !important;
object-fit: cover;
}
figure.projgal-box figcaption {
position: absolute;
bottom: 0;
left: 0;
padding: 58px 40px;
width: 100%;
height: 100%;
margin: 0;
text-align: left;
}
figure.projgal-box figcaption h4,
figure.projgal-box figcaption ul {
margin: 0 0 5px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
}
figure.projgal-box figcaption h4 {
word-spacing: -0.15em;
font-weight: 400;
-webkit-transform: translate3d(30%, 0%, 0);
transform: translate3d(30%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
font-size: 30px;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-bottom: 20px;
}
figure.projgal-box figcaption ul {
font-weight: 200;
-webkit-transform: translate3d(0%, 30%, 0);
transform: translate3d(0%, 30%, 0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.projgal-box figcaption ul li {
color: #ffffff;
font-size: 20px;
}
figure.projgal-box figcaption ul li strong {
color: #cd853f;
font-weight: 400;
}
figure.projgal-box a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.projgal-box:hover img {
opacity: 0.2;
}
figure.projgal-box:hover figcaption h4 {
opacity: 1;
color: #ffffff;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
figure.projgal-box:hover figcaption ul {
opacity: 0.9;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.overlayhd {
position: absolute;
bottom: 0;
text-align: left;
background: rgb(0 0 0 / 40%);
width: 100%;
padding: 20px 25px;
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
}
.overlayhd h4 {
color: #fff;
font-weight: 400;
font-size: 20px;
}
.overlayhd h4 span.over-loc {
display: block;
font-size: 24px;
line-height: 30px;
margin-bottom: 4px;
}
span.over-title {
display: block;
}
.projgal-lists figure.projgal-box:hover .overlayhd {
bottom: -100%;
} .hm-hvproj-wrap {}
.hm-hvproj-area {}
.hm-hvproj-area .heading {
margin-bottom: 12px;
}
.hm-hvproj-area .sub-content {
margin-bottom: 60px;
}
.hm-hvproj-box {}
.hvproj-list-wrap {
padding-right: 0;
}
.hvproj-list {}
.hvproj-list ul {}
.hvproj-list ul li {
position: relative;
padding: 20px 0px 34px 120px;
border-bottom: 1px solid #ddd;
margin-bottom: 26px;
}
.hvproj-list ul li:last-child {
margin-bottom: 0;
}
.hvproj-list ul li:before {
content: "";
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/check-mark.png);
width: 80px;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #245978;
background-position: center;
background-repeat: no-repeat;
}
.hvproj-list ul li:nth-child(2n):before {
background-color: #cd853f;
}
.proj-box {}
.proj-box h3 {
font-size: 24px;
line-height: 30px;
font-weight: 500;
margin-bottom: 15px;
}
.proj-box p {}
.hm-hvproj-imgwrap {
position: relative;
text-align: right;
display: inline-block;
width: 100%;
padding-left: 0;
max-width: 522px; height: 100%;
}
.hm-hvproj-imgbox1 {
display: inline-block;
height: 100%;
}
.hm-hvproj-imgbox1 img {
height: 100%;
object-fit: cover;
}
.hm-hvproj-imgbox2 {
position: absolute;
bottom: -11px;
left: -10px;
border: 10px solid #fff;
max-width: 86%;
}
.hm-hvproj-imgbox2 img {} .inr-serv-wrap {}
.inr-serv-area {}
.inr-serv-listwrap {}
.serv-list-area {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
}
.serv-list-area .serv-item {
width: 33.33%;
} .serv-offer-wrap {}
.serv-offer-area {}
.serv-offerbox {}
.serv-offer-accor {}
.serv-offer-accor.accor-left {
padding-right: 30px;
}
.serv-offer-accor.accor-right {
padding-left: 30px;
}
i.ea-expand-icon.fa.fa-plus,
i.ea-expand-icon.fa.fa-minus {
width: 30px;
height: 30px;
}
i.ea-expand-icon.fa.fa-plus:before,
i.ea-expand-icon.fa.fa-minus:before {
display: none;
}
i.ea-expand-icon.fa.fa-plus {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/plus.png);
}
i.ea-expand-icon.fa.fa-minus {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/minus.png);
}
.sp-easy-accordion .sp-ea-single .ea-header {
box-shadow: 1px 1px 20px rgb(0 0 0 / 12%);  }
.ea-card.sp-ea-single {
margin-bottom: 23px;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 23px 32px !important;
color: #245978 !important;
font-weight: 400 !important;
font-size: 24px !important;
}
.ea-card.sp-ea-single {
margin-bottom: 23px;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 23px 32px !important;
color: #245978 !important;
font-weight: 400 !important;
font-size: 24px !important;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
padding: 32px; } .inr-projgalwrap {
background: #fff;
} .sing-project-wrap {}
.sing-project-area {}
.sproj-leftwrap {
padding-right: 50px;
}
.sproj-leftwrap .heading {
margin-bottom: 30px;
}
.proj-title-hd {}
.sproj-leftwrap .heading h3.proj-subtitle {
font-size: 17px;
text-transform: inherit;
color: #4e4e4e;
text-decoration: underline;
}
.sproj-contentwrap {}
.sproj-contentwrap p {}
.project-description {}
.project-description ul {
margin-bottom: 20px;
}
.project-description ul li {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/check-mark-circle.png);
background-repeat: no-repeat;
padding-left: 39px;
background-size: 23px;
background-position: 0 1px;
}
.project-description ul li strong {}
.project-description h2 {
font-size: 36px;
line-height: 40px;
margin-bottom: 10px;
}
.project-description h3 {
color: #245978;
font-size: 26px;
line-height: 35px;
margin-bottom: 10px;
border-bottom: 1px solid #dcdcdc
} .sproj-gallerywrap {
margin-top: 67px;
}
.sproj-galleryarea {}
.project-gallery {}
.project-gallery a {} .sp-ctabtn-wrap {
background: #e6ecf2;
padding: 50px 0;
}
.sp-ctabtn-area .main-btn {
margin-top: 0;
}
.sp-ctabtn-area .backbtn {}
.sp-ctabtn-area .backbtn a {
background-color: #245978;
}
.sp-ctabtn-area .backbtn a:hover {
background-color: #cd853f;
}
.sp-ctabtn-area .backbtn i {
font-size: 22px;
line-height: 0;
margin-right: 12px;
} .sproj-sidebar {
padding-left: 40px;
}
.sidebar-title {
margin-bottom: 30px;
}
.sidebar-title h3 {
color: #cd853f;
font-weight: 600;
letter-spacing: 0;
}
.proj-inf-box {
box-shadow: 1px 1px 20px rgb(0 0 0 / 12%);
margin-bottom: 40px;
}
.proj-inf-hdtitle {
background-color: #245978;
padding: 20px 34px;
}
.proj-inf-hdtitle h3 {
FONT-WEIGHT: 500;
color: #fff;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
}
.proj-inf-details {
padding: 30px 34px;
}
.proj-inf-details p {
font-size: 20px;
line-height: 30px;
color: #000;
}
.proj-inf-details p a {
color: #cd853f;
}
.locationbox {}
.yearbox {}
.projtypebox {}
.proj-inf-details ul {}
.proj-inf-details ul li {
position: relative;
padding-left: 20px;
font-size: 20px;
line-height: 30px;
}
.proj-inf-details ul li:before {
content: "";
background-color: #cd853f;
width: 10px;
height: 2px;
position: absolute;
left: 0;
top: 12px;
} .inr-abtwrap {}
.abt_leftwrap {
padding-left: 0;
padding-right: 0;
}
.abt_rightwrap {
padding-left: 50px;
padding-right: 0;
}
.abt_leftwrap .heading h3 {
text-transform: inherit;
}
.abt_leftwrap p {
width: 96%;
}
.hm-about-imgbox.abt_rightwrap img {
height: 656px;
} .abt-build-wrap {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 55%, #fff 55%, #fff 55%);
}
.abt-build-area {
padding-right: 40px;
}
.abt_imgbox3 {
padding-left: 40px;
}
.abt_imgbox3 img {}
.abt-build-area .heading {}
.abt-build-lists {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
column-gap: 6%;
position: relative;
}
.abt-build-lists:before {
content: "";
position: absolute;
width: 2px;
height: 100%;
border-left: 2px dashed #245978;
left: 44px;
margin: 0;
top: 0;
}
.abt-build-box {
position: relative;
z-index: 2;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 50px;
}
.abt-build-box:last-child {
margin-bottom: 0px;
}
.abt-build-icon {
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
flex-direction: row;
border: 1px solid #245978;
position: relative;
width: 90px;
height: 90px;
margin-right: 35px;
}
.abt-build-icon img {
width: 50%;
margin: auto;
}
.abt-build-textbox {
width: 78%;
}
.abt-build-textbox h3 {
color: #245978;
font-size: 28px;
line-height: 35px;
margin-bottom: 18px;
}
.abt-build-textbox p {}
.abt-build-textbox ul {}
.abt-build-textbox ul li {
position: relative;
padding-left: 22px;
}
.abt-build-textbox ul li:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
background: #cd853f;
top: 7px;
left: 0;
}
.abt-build-area .abt-build-icon:before {
content: "";
} .abt-bd-wrap {}
.abt-bd-area {}
.abt-bd-leftwrap {
padding-right: 40px;
}
.abt-bd-leftwrap img {}
.abt-bd-rightwrap {
padding-left: 40px;
}
.abt-bd-rightwrap .heading {} .abt_ctabox-area {}
.abt_ctabox-wrap {
background: #cd853f;
margin: 30px 0;
padding: 40px 50px;
}
.abt_ctabox-area .heading {
margin-bottom: 20px;
}
.abt_ctabox-area .heading h2 {
color: #fff;
}
.abt_ctabox-area p {
color: #fff;
font-size: 20px;
line-height: 30px;
}
.abt_ctabox-area .main-btn a {
background: #245978;
}
.abt_ctabox-area .main-btn a:hover {
background: #111;
}
.abt_ctabox-area .main-btn {
margin-top: 32px;
}
.abt_imgbox1 {}
.abt_imgbox1 img {
width: 100%;
height: 545px;
object-fit: cover;
}
.abt_imgbox2 {}
.abt_imgbox2 img {
width: 100%;
} .abt-commit-wrap {
background-color: #245978;
}
.abt-commit-area {}
.abt-commit-area .heading {
width: 86%;
margin: 0 auto;
} .serv-proc-wrap { background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 66%, rgba(36, 89, 120, 1) 66%);
}
.serv-proc-area {}
.serv-proc-hdwrap {
margin-bottom: 70px;
width: 50%;
}
.serv-proc-hdwrap .heading {
margin-bottom: 15px;
}
.serv-proc-hdwrap .heading h3 {
margin: 0;
}
.serv-proc-hdwrap p {}
.serv-proc-leftwrap {
padding-right: 40px;
}
.serv-proc-rightwrap {
padding-left: 40px;
}
.new-list {}
.new-list ol {
margin: 0;
padding: 0;
}
.new-list li {
list-style: none;
margin-bottom: 35px;
}
.new-list li:last-child {
margin-bottom: 0 !important;
}
.row-hiw {
display: flex;
flex-wrap: wrap;
align-items: stretch;
align-content: center;
}
.row-hiw .new-col-img {
position: relative;
width: 16%;
text-align: left;
}
.img-sec {
display: flex;
align-items: center;
justify-content: center;
}
.dgt-brdr {
font-family: 'PT Sans', sans-serif;
font-size: 130px;
line-height: 0.8;
font-weight: 600;
color: white;
-webkit-text-fill-color: #ffffff;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #cd853f;
}
.row-hiw .new-text {
width: 83%;
padding-left: 25px;
border-left: 1px dashed #666;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
align-content: flex-start;
}
.row-hiw .new-text h6 {
font-size: 24px;
line-height: 1;
color: #245978;
font-weight: 400;
margin-bottom: 13px;
letter-spacing: 0;
} .singleserv-bannerwrap {}
.singleserv-aboutwrap {}
.singleserv-aboutarea {}
.singleserv-aboutarea .heading {
margin-bottom: 30px;
}
.singleserv-abtimgbox {
padding-right: 40px;
}
.singleserv-abtimgbox img {
height: 525px;
width: 100%;
object-fit: cover;
}
.singleserv-abtright {
padding-left: 40px;
}
.singleserv-abt-contentbox {} .singleserv-why-wrap {
background-color: #f7f7f7;
}
.singleserv-why-area {}
.singleserv-why-left {
padding-right: 40px;
}
.singleserv-why-contentbox {}
.singleserv-why-contentbox p {
border-left: 6px solid #245978;
padding-left: 40px;
}
.singleserv-why-list {
padding-left: 40px;
}
.singleserv-why-list ul {}
.singleserv-why-list ul li {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/check-mark-circle.png);
background-repeat: no-repeat;
padding-left: 39px;
background-size: 23px;
background-position: 0 1px;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
margin-bottom: 17px;
}
.singleserv-why-list ul li:last-child {
margin-bottom: 0;
} .singleserv-whymight-wrap {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/korniche-roof-lantern-fitting-scaled.jpg);
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.singleserv-whymight-area {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.singleserv-whymight-right {
background: rgb(0 0 0 / 80%);
width: 51%;
}
.singleserv-whymight-contentbox {
width: 80%;
margin: 0 auto;
}
.singleserv-whymight-contentbox .heading {
margin-bottom: 30px;
}
.singleserv-whymight-contentbox .heading h2 {
color: #cd853f;
}
.singleserv-whymight-contentbox p, .singleserv-whymight-right li {
color: #cccccc;
} .singleserv-type-wrap {}
.singleserv-type-area {}
.singleserv-type-imgbox {}
.singleserv-type-right {
padding-left: 80px;
}
.singleserv-type-contentbox {}
.singleserv-type-contentbox p {
padding-left: 30px;
border-left: 4px solid #245978;
}
.singleserv-type-accorwrap {
margin-top: 60px;
}
.singleserv-type-accorarea {}
.apb-accor {}
.apb-accor h2.accordion-header {
box-shadow: 1px 1px 20px rgb(0 0 0 / 12%);
}
.apb-accor .accordion-item {
border: 0;
margin-bottom: 18px;
}
.apb-accor h2.accordion-header button {
padding: 23px 32px !important;
color: #245978 !important;
font-weight: 400 !important;
font-size: 24px !important;
background: #ffffff !important; 
}
.apb-accor .accordion-collapse {
background: #f9f9f9;
color: #444;
}
.apb-accor .accordion-collapse .accordion-body {
padding: 23px 32px;
}
.apb-accor .accordion-collapse .accordion-body p {}
.apb-accor .accordion-collapse .accordion-body ul {}
.apb-accor .accordion-collapse .accordion-body ul li {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/check-mark-circle.png);
background-repeat: no-repeat;
padding-left: 39px;
background-size: 23px;
background-position: 0 1px;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
margin-bottom: 17px;
}
.apb-accor .accordion-button:not(.collapsed) {
color: #fff;
background-color: #fff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.apb-accor .accordion-button::after {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/plus.png);
width: 1.75rem;
height: 1.75rem;
background-size: 1.75rem;
}
.apb-accor .accordion-button:not(.collapsed)::after {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/minus.png);
}
.accordion-button:focus {} .singleserv-benefits-wrap {}
.singleserv-benefits-area {}
.singleserv-benefits-area .heading {
margin-bottom: 30px;
}
.singleserv-benefits-left {
padding-right: 60px;
}
.singleserv-benefits-contentbox {}
.singleserv-benefits-contentbox p {}
.singleserv-benefits-imgbox {
height: 100%;
}
.singleserv-benefits-imgbox img{
height: 100%;
object-fit: cover;
}
.singleserv-benefits-list {
display: grid;
grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px;
grid-row-gap: 30px;
margin-top: 70px;
}
.singleserv-benefits-list .singleserv-benefits-box {
border: 1px solid #245978;
padding: 40px 60px;
background: #fff;
}
.singleserv-benefits-list .singleserv-benefits-box h3 {
margin-bottom: 20px;
} .singleserv-cost-wrap {
background-color: #245978;
}
.singleserv-cost-area {}
.singleserv-cost-box {
background-color: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
align-content: center;
}
.singleserv-cost-icon {
background-color: #cd853f;
-webkit-clip-path: polygon(0% 0%, 45% 0, 100% 50%, 45% 100%, 0% 100%);
clip-path: polygon(0% 0%, 45% 0, 100% 50%, 45% 100%, 0% 100%);
width: 20%;
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
justify-content: flex-start;
padding-left: 40px;
}
.singleserv-cost-icon img {}
.singleserv-cost-content {
width: 80%;
padding: 70px 90px;
}
.singleserv-cost-content .heading {
margin-bottom: 30px;
}
.singleserv-cost-content .heading h3 {}
.singleserv-cost-content p {} .blog-bannerwrap {}
.bloglist-wrap {}
.bloglist-area {}
.blog-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 30px;
row-gap: 30px;
padding-right: 40px;
}
article.blog-post {
width: 48%;
}
.blg-img {}
.blg-img img {}
.blg-content {
margin-top: 24px;
}
h2.blg-title {
font-size: 26px;
line-height: 1.2;
margin-bottom: 15px;
}
.blg-excerpt {}
.blg-excerpt p {}
.blg-btm {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
margin-top: 30px;
border-top: 1px solid #cd853f;
}
.blg-meta {
width: 65%;
color: #5e5d5d;
font-size: 14px;
line-height: 14px;
}
span.post-date {
text-transform: uppercase;
}
span.post-date i {
font-size: 18px;
line-height: 18px;
color: #cd853f;
margin-right: 16px;
}
span.post-author {
text-transform: uppercase;
display: none;
}
.blg-btm .main-btn {
margin-top: 0;
width: 35%;
}
.blg-btm .main-btn a {
padding: 15px 0 14px;
width: 100%;
text-align: center;
}
aside.sidebar {
padding-left: 0;
}
.widget {
margin-bottom: 30px;
}
h4.widget-title {
font-size: 26px;
line-height: 32px;
color: #000;
font-weight: 600;
border-bottom: 1px solid #cacaca;
padding-bottom: 11px;
}
.popular-blog-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.popular-blog-thumbnail {
width: 30%;
}
.popular-blog-thumbnail img {}
.popular-blog-content {}
.popular-blog-content h5 {
margin-bottom: 10px;
letter-spacing: 0;
}
.popular-blog-content h5 a {
text-decoration: none;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
}
.popular-blog-content {
width: 70%;
padding-left: 30px;
}
a.popular-blog-readmore {
color: #cd853f !important;
text-decoration: none;
} .singblog-wrap {
padding-top: 60px;
}
.singblog-area {}
.singblog-details {
padding-right: 40px;
}
.singblog-details .heading {
margin-bottom: 30px;
}
.singblog-details .heading h1 {
font-size: 40px;
line-height: 47px;
color: #000;
font-weight: 600;
}
.sblgmeta {
margin-bottom: 30px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
width: 100%;
}
.post-readingtime {
margin-left: 20px;
border-left: 1px solid #ddd;
padding-left: 20px;
}
.sblog-img {
margin-bottom: 30px;
}
.sblog-content {}
.sblog-content p {}
.sblog-content h3 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 10px;
color: #245978;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.sblog-content h2 {}
.sblog-content ul {}
.sblog-content ul li {
background-image: url(//apbrothers.co.uk/wp-content/themes/apb-child/images/check-mark-circle.png);
background-repeat: no-repeat;
padding-left: 39px;
background-size: 23px;
background-position: 0 1px;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
margin-bottom: 17px;
}
.sblog-nav {
margin-top: 30px;
}
nav.nav-single {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
span.nav-previous,
span.nav-next {
width: 50%;
}
span.nav-previous {}
span.nav-next {
text-align: right;
}
span.nav-previous a,
span.nav-next a {}
span.meta-nav {
background: #cd853f;
color: #fff;
height: 40px;
width: 40px;
display: inline-block;
font-size: 23px;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
span.nav-previous span.meta-nav {
margin-right: 10px;
}
span.nav-next span.meta-nav {
margin-left: 10px;
} .contdtls-wrap {}
.contdtls-area {}
.contdtls-detailsarea {
padding-right: 60px;
}
.contdtls-details {}
.contdtls-details .heading {}
.contdtls-lists {}
.contdtls-lists ul {}
.contdtls-lists ul li {
margin-bottom: 30px;
}
.cont-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.cicon {
background-color: #cd853f;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 23px;
}
.cicon i {}
.cdtls {
width: 90%;
padding-left: 20px;
}
span.ctitle {
display: block;
font-size: 16px;
color: #959090;
}
span.ctext {
font-size: 20px;
line-height: 25px;
color: #000;
}
span.ctext a {}
.contdtls-social {
margin-top: 60px;
}
.contact-formwrap {
background-color: #e6ecf2;
padding: 50px;
}
.contact-formwrap ul {}
.contact-formwrap ul li {
margin-bottom: 22px;
}
.contact-formwrap ul li lable {
font-size: 16px;
line-height: 1.2;
margin-bottom: 7px;
display: block;
color: #000;
}
.inp_text,
.inp_select,
.inp_area {
border: 0 !important;
padding: 10px 20px !important;
width: 100%;
}
.inp_text {}
.inp_select {}
.inp_area {
resize: none;
height: 200px;
}
.fm_submit {}
.fm_submit input {
color: #fff;
background-color: #cd853f;
text-decoration: none;
padding: 19px 55px 18px;
font-family: 'Rubik', sans-serif;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
display: inline-block;
border: 0;
}
.fm_submit input:hover {
color: #fff;
background-color: #245978;
outline: none;
text-decoration: none;
} .location-wrap {
background-color: #cd853f;
}
.location-area {
background-color: #245978;
padding: 60px;
}
.loc_list {}
.loc_list ul {
display: flex;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
column-gap: 4%;
list-style: none;
flex-wrap: wrap;
}
.loc_list ul li {
width: 22%;
color: #fff;
position: relative;
padding-left: 23px;
margin-bottom: 12px;
border-bottom: 1px solid #fff6;
padding-bottom: 12px;
}
.loc_list ul li:before {
content: "";
background-color: #cd853f;
width: 7px;
height: 2px;
position: absolute;
left: 0;
top: 11px;
margin: auto;
} .modal-header {
border: 0;
padding: 0;
}
.modal-body h3 {
margin-bottom: 25px;
font-size: 22px;
border-bottom: 1px solid #245978;
padding-bottom: 8px;
text-transform: uppercase;
}
.modal.show .modal-dialog {
transform: none;
position: absolute;
top: 0;
left: 0;  background-color: white;
padding: 0;
border: 0;
box-shadow: 5px 10px 25px #0000002e;
right: 0;
bottom: 0;
margin: auto;
height: 74vh;
}
.modal-body {
padding: 40px; }
button.close {
position: absolute;
right: 0;
border: 1px solid #ff0000;
background: #fff;
color: #ff0000;
border-radius: 0;
border-top: 0;
border-right: 0;
font-size: 24px;
line-height: 25px;
width: 30px;
height: 30px;
top: 0;
z-index: 99;
}
.modal-content {
border: 0;
border-radius: 0;
}
.modal-body ul.cont-form {}
.modal-body ul.cont-form li {}
.modal-body ul.cont-form li input,
.modal-body ul.cont-form li select,
.modal-body ul.cont-form li textarea {
background-color: #eee;
}
#rmp_menu_trigger-531 { }
.fm_submit input {
padding: 12px 40px 12px;
} .hdr-main-menu ul li .sub-menu {
position: absolute;
padding: 10px 0 0;
z-index: 9999;
width: 300px;
background: #fff;
visibility: hidden;
opacity: 0;
border-top: 3px solid #cd853f;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-transform: translateZ(0);
text-align: left;
}
.hdr-main-menu ul li:hover .sub-menu {
opacity: 1;
visibility: visible;
}
.hdr-main-menu ul li .sub-menu li {
padding: 12px 15px;
border-bottom: 1px dashed #dddddd; width: 100%;
}
.hdr-main-menu ul li .sub-menu li:last-child {
border: 0;
}
.hdr-main-menu ul li .sub-menu li a {
font-size: 16px;
display: block;
}
#rmp-menu-wrap-531 .rmp-submenu li {
width: 100% !important;
height: auto !important;
line-height: 1 !important;
display: block !important;
border-bottom: 1px solid #2e739c;
}
#rmp-menu-wrap-531 .rmp-submenu li:nth-last-child(-n+3) a {
padding: 10px 9% !important;
padding-left: 10% !important;
height: inherit;
line-height: 1.5;
}
#rmp-menu-wrap-531 .rmp-submenu li:last-child {
width: 100% !important;
} @media screen and (max-width: 1920px) and (min-width: 1601px) {}
@media screen and (max-width: 1440px) {
.bnr_inrcontent {
width: 80%;
}
.inr_slidesec .slide_content {
padding: 60px;
min-height: 400px;
}
}
@media screen and (max-width: 1366px) {
.sblog-nav span.meta-nav {
width: 35px;
height: 35px;
font-size: 22px;
line-height: 30px;
}
#item-0,
#item-1 {
flex-wrap: nowrap;
}
.container {
max-width: 90%;
}
span.yrcount {
padding: 13px 40px 13px 20px;
}
span.yrcount {
color: #fff;
font-size: 60px;
line-height: 60px;
display: block;
padding: 13px 40px 13px 20px;
}
.exp-wrap {
margin-bottom: 25px;
}
.hm-about-right {
padding-left: 19px;
}
.abt-bd-rightwrap .abt-build-lists .abt-build-textbox {
width: 77%;
}
.abt-build-box {
flex-wrap: nowrap;
}
}
@media screen and (max-width:1330px) {
.blog-list article.blog-post {
width: 100%;
}
}
@media screen and (max-width: 1280px) {
.singleserv-benefits-list .singleserv-benefits-box {
padding: 30px 30px;
}
span.yrcount {
font-size: 48px;
line-height: 60px;
}
span.over-title {
display: block;
font-size: 18px;
}
.contdtls-detailsarea .cont-box {
flex-wrap: nowrap;
}
.hdr-main-menu ul {
column-gap: 30px;
}
.hm_slide .slide_content--headings .bnr-main-title {
font-size: 55px;
line-height: 1.3;
}
.heading {
margin-bottom: 40px;
}
.heading h2 {
font-size: 34px;
line-height: 43px;
}
.heading h3 {
font-size: 20px;
line-height: 27px;
margin-bottom: 5px;
}
.padd_tb {
padding: 90px 0;
}
.padd_t {
padding-top: 90px;
}
.padd_b {
padding-bottom: 90px;
}
.hm-about-area .heading {
margin-bottom: 25px;
}
.hm-about-imgbox {
padding-right: 10px;
}
#item-0 .abtitm_content,
#item-1 .abtitm_content {
width: 88%;
padding-left: 27px;
}
.abtitm_content h3 {
font-size: 21px;
line-height: 23px;
margin-bottom: 15px;
}
.insta-hd-wrap .insta-hd a .insta-hdtitle {
font-size: 28px;
line-height: 30px;
font-weight: 600;
}
.insta-hd-wrap .insta-hd a .insta-hdicon {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 30px;
}
.insta-hd-wrap {
margin-bottom: 40px;
}
.stitle h4 {
font-size: 26px;
line-height: 30px;
font-weight: 500;
}
.stext {
padding: 20px 0px 0 30px;
width: 71%;
}
.hvproj-list ul li {
padding: 14px 0px 25px 120px;
margin-bottom: 26px;
}
.serv-offer-accor.accor-right {
padding-left: 20px;
}
.serv-offer-accor.accor-left {
padding-right: 20px;
}
.ftr_menu {
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #403d3d;
padding: 0 14px;
}
.abt-bd-rightwrap .abt-build-lists .abt-build-textbox {
width: 77%;
}
.serv-proc-hdwrap {
margin-bottom: 50px;
width: 60%;
}
.serv-proc-leftwrap {
padding-right: 0;
}
.serv-proc-rightwrap img {
height: 680px;
object-fit: cover;
}
.inr_slidesec .slide_content {
padding: 60px 0;
min-height: 380px;
}
.singblog-wrap {
padding-top: 60px;
}
figure.projgal-box figcaption {
padding: 57px 24px;
}
.modal-body {
padding: 30px;
overflow-y: scroll;
max-height: 600px;
}
}
@media screen and (max-width: 1200px) {
.heading h2,
.singblog-details .heading h1 {
font-size: 32px;
line-height: 38px;
}
.heading h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 5px;
}
.padd_tb {
padding: 70px 0;
}
.padd_t {
padding-top: 70px;
}
.padd_b {
padding-bottom: 70px;
}
.hm-about-right {
padding-left: 0;
}
.main-btn {
margin-top: 30px;
}
span.yrcount {
font-size: 50px;
line-height: 51px;
padding: 10px 40px 10px 20px;
}
span.exp-sbhd {
font-size: 17px;
line-height: 18px;
margin-bottom: 8px;
}
span.exp-hd {
font-size: 22px;
font-weight: 500;
}
#item-0 .abtitm_content,
#item-1 .abtitm_content {
width: 86%;
padding-left: 27px;
}
.angry-grid {
grid-template-columns: 48% 23% 23%;
}
.stitle h4 {
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
.proj-box h3 {
font-size: 20px;
line-height: 27px;
font-weight: 500;
margin-bottom: 10px;
}
.hvproj-list ul li {
padding: 14px 0px 25px 90px;
margin-bottom: 10px;
}
.hvproj-list ul li:before {
width: 65px;
height: 100%;
background-size: 27px;
}
.serv-offer-accor.accor-right {
padding-left: 15px;
}
.serv-offer-accor.accor-left {
padding-right: 15px;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
padding: 17px 25px !important;
font-weight: 400 !important;
font-size: 20px !important;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {
padding: 25px;
}
.ftr_menu ul li,
.ftr_coverarea ul li {
font-size: 14px;
}
.ftr_menu ul li a {
width: 100%;
}
.abt-build-textbox {
padding: 45px;
}
.abt-bd-rightwrap .abt-build-lists .abt-build-textbox {
width: 74%;
}
.dgt-brdr {
font-size: 100px;
}
.new-list li {
list-style: none;
margin-bottom: 20px;
}
.inr_slidesec .slide_content {
padding: 40px 0;
min-height: 350px;
}
.inr_slidesec .slide_content--headings .bnr-para {
margin-bottom: 20px;
width: 80%;
}
.hm_slide .slide_content--headings .bnr-main-title,
.inr_slidesec .slide_content--headings .bnr-main-title {
font-size: 54px;
line-height: 1.3;
}
.singblog-wrap {
padding-top: 60px;
}
.sblog-content h3 {
font-size: 22px;
line-height: 1.2;
}
.popular-blog-content h5 a {
font-size: 15px;
line-height: 1.3;
}
.popular-blog-content {
width: 70%;
padding-left: 20px;
}
h4.widget-title {
font-size: 22px;
line-height: 1.2;
}
.abt_imgbox3 img {
height: 656px;
}
.abt-build-textbox {
padding: 5px;
}
.abt-build-area {
padding-right: 5px;
}
.abt-build-box {
margin-bottom: 10px;
}
.abt-bd-leftwrap img {
height: 500px;
}
.abt-bd-leftwrap {
padding-right: 20px;
}
.sblog-nav span.nav-previous,
span.nav-next {
width: 100%;
}
.sblog-nav span.nav-next {
text-align: left;
padding-top: 10px;
}
figure.projgal-box figcaption ul li {
font-size: 16px;
}
figure.projgal-box img {
height: 240px !important;
}
figure.projgal-box figcaption {
padding: 46px 24px;
}
figure.projgal-box figcaption h4 {
font-size: 23px;
line-height: 1.3;
}
.hm_slide .slide_content--headings .bnr-main-title, .inr_slidesec .slide_content--headings .bnr-main-title {
font-size: 36px;
line-height: 1.3;
}
}
@media screen and (max-width: 1199px) {
.logo-wrap {
max-width: 350px;
display: inline-block;
width: 85%;
}
.hdr-main-menu ul {
column-gap: 22px;
}
.hdr-main-menu ul li a {
font-size: 16px;
line-height: 24px;
}
.hm_slide .slide_content--headings .bnr_subtitle,
.hm_slide .slide_content--headings .bnr-para {
width: 90%;
}
.hm_slide .slide_content--headings .bnr-main-title {
font-size: 46px;
line-height: 1.3;
}
.hm_slide .slide_img img {
max-width: 100%;
height: 100% !important;
object-fit: cover;
}
span.yrcount {
padding: 10px 25px 10px 10px;
}
.exp-rightbox {
padding-left: 14px;
}
.angry-grid {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 48.5% 48.5%;
gap: 30px;
height: 100%;
}
#item-2 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 2;
grid-column-end: 3;
}
#item-3 {
grid-row-start: 2;
grid-column-start: 2;
grid-row-end: 2;
grid-column-end: 3;
}
#item-0 .abtitm_content,
#item-1 .abtitm_content {
width: 100%;
padding-left: 0;
}
#item-0,
#item-1 {
display: block;
}
div#item-0.hmabt_item .iconbox,
div#item-1.hmabt_item .iconbox {
margin-bottom: 20px;
}
.projgal-lists {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.hm-hvproj-imgwrap {
padding-left: 30px;
}
.hm-hvproj-imgbox2 {
position: absolute;
bottom: 0;
left: 20px;
border: 10px solid #fff;
width: 98%;
}
.hm-hvproj-imgbox2 img {
width: 100%;
}
.abt-build-textbox {
padding: 4px 18px;
}
.abt-build-icon {
margin-right: 15px;
}
.abt-bd-rightwrap .abt-build-lists .abt-build-textbox { width: 80%;
}
.abt-bd-rightwrap {
padding-left: 10px;
}
.abt_imgbox3 img {
height: 700px;
}
.serv-list-area .serv-item {
width: 50%;
}
.ftr_coverarea ul li {
width: 49%;
}
div#media_image-3 {
margin-bottom: 18px;
width: 250px;
}
.ftr-contact ul li a {
font-size: 18px;
line-height: 40px;
}
.hm_slide .slide_content--headings .bnr-main-title,
.inr_slidesec .slide_content--headings .bnr-main-title {
font-size: 45px;
line-height: 1.3;
}
.inr_slidesec .slide_content {
padding: 40px 0;
min-height: 300px;
}
.singblog-wrap {
padding-top: 50px;
}
.serv-offer-accor.accor-left {
padding-right: 0px;
}
.abt-bd-leftwrap {
padding-right: 40px;
}
.apb-accor h2.accordion-header button {
font-size: 20px !important;
}
.abt-bd-leftwrap img {
height: 540px;
width: 100%;
object-fit: cover;
}
.contact-formwrap {
background-color: #e6ecf2;
padding: 30px;
}
.singleserv-abtright,.singleserv-why-list {
padding-left: 0;
}
.singleserv-whymight-right {
width: 70%;
}
.singleserv-whymight-contentbox {
width: 85%;
}
.singleserv-cost-content {
width: 80%;
padding: 40px 40px;
}
.singleserv-benefits-area .row {
align-items: flex-start !important;
}
}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 1024px) {
.abt-commit-wrap .about_item.leftwrap #item-1,
.abt-commit-wrap .about_item.leftwrap #item-3 {
height: 330px;
}
.hm-about-contentbox .heading h2,
.abt-commit-area .heading h2 {
font-size: 28px;
}
}
@media screen and (max-width: 991px) {
.padd_tb {
padding: 60px 0;
}
.singblog-wrap {
padding-top: 50px;
}
.angry-grid {
display: block;
height: 100%;
}
#item-0,
#item-1,
#item-2,
#item-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 30px;
}
#item-3 {
margin-bottom: 0px;
}
#item-0 .abtitm_content,
#item-1 .abtitm_content,
#item-2 .abtitm_content,
#item-3 .abtitm_content {
width: 89%;
padding-left: 25px;
}
.simgbox {
height: 70%;
}
.stitle {
padding: 35px 30px 0 30px;
width: 100%;
}
.serv-box {
min-height: 340px;
}
.inr-serv-area .serv-box {
min-height: 420px;
margin: 0;
margin-bottom: 30px;
width: 100%;
}
.inr-serv-area .sbtn {
-webkit-clip-path: polygon(0 0, 100% 0%, 70.5% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 70.5% 100%, 0% 100%);
bottom: 37px;
margin-top: 0;
width: 60%;
}
.stext {
padding: 20px 0px 0 30px;
width: 86%;
}
.sbtn {
-webkit-clip-path: polygon(0 0, 100% 0%, 61.5% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 61.5% 100%, 0% 100%);
bottom: 73px;
margin-top: 0;
}
.hm-hvproj-box .row {
flex-direction: column-reverse;
}
.singleserv-benefits-list {
display: block;
margin-top: 0px;
}
.singleserv-benefits-list .singleserv-benefits-box {
padding: 30px 30px;
margin-bottom: 30px;
}
.singleserv-benefits-list .singleserv-benefits-box:last-child{
margin-bottom: 0px;
}
.hm-hvproj-area .sub-content {
margin-bottom: 30px;
}
.hvproj-list-wrap {
padding-right: 0;
padding-top: 30px;
}
.abt_boxswrap {
margin-top: 20px;
}
.hdr-right-wrap {
display: none;
}
#rmp_menu_trigger-531 {
position: absolute
}
#rmp-menu-wrap-531 {
padding-top: 80px;
}
#rmp-container-531 {
background-color: #245978;
}
.hm-hvproj-imgbox1 {
display: block;
}
.hm-hvproj-imgwrap {
padding-left: 0px;
max-width: 100%;
margin-left: 0px;
}
.hm-hvproj-imgwrap img {
width: 100%;
}
.hm-hvproj-imgbox2 {
bottom: 0;
}
.hm-about-right {
padding: 40px 0px;
}
.hm_slide .slide_content {
min-height: 420px;
}
.ftr_coverarea {
padding-left: 0px;
padding-top: 20px;
}
.ftr_hd {
margin-bottom: 20px;
}
.ftr-area .zoom-social_icons-list-span {
margin-bottom: 20px;
}
.ftrinner-wrap {
padding-bottom: 50px;
}
.banner__slider .slick-nav {
top: calc(60% - 50px);
}
.banner__slider .hm_slide .slide_img img {
width: 100%;
height: 380px !important;
}
.ftr_menu {
border-left-style: solid;
padding: 0 40px;
border-right: none;
}
.ftr_coverarea {
padding-top: 40px;
margin-top: 20px;
}
.ftr_coverarea {
border-top-style: solid;
border-color: #403d3d;
border-right: none;
border-width: 1px;
}
.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
margin: 2px;
}
.accor-right div:first-child,
.serv-offer-accor.accor-left div:first-child {
margin-top: 5px;
}
.accor-right {
padding-left: 0px !important;
}
#rmp_menu_trigger-531 {
top: 30px;
}
.insta-hd-wrap .insta-hd a {
flex-wrap: nowrap;
}
article.blog-post {
width: 100%;
}
.bloglist-area .blog-list {
row-gap: 40px;
}
.page-id-18 .inr_slidesec .slide_img img {
height: inherit;
}
.sblog-nav span.nav-previous {
display: contents;
}
.contdtls-detailsarea {
padding-right: 25px;
}
.contdtls-detailsarea .cont-box {
flex-wrap: nowrap;
}
.contact-formwrap {
padding: 20px;
}
.location-area {
padding: 40px;
}
.loc_list ul li {
width: 30%;
}
.inr-abtwrap .hm-about-right {
padding: 0px 0px 40px;
}
.hm-about-imgbox {
padding: 0px;
}
.abt-build-textbox {
padding: 5px 15px;
}
.abt_imgbox3 {
margin-top: 40px;
padding-left: 0px;
}
.abt-bd-leftwrap {
padding-right: 0px;
}
.abt-bd-rightwrap {
padding-left: 0px;
padding-top: 40px;
}
.abt_ctabox-wrap {
padding: 30px 40px;
}
.abt_leftwrap p {
width: 100%;
}
.abt-build-area {
padding-right: 0px;
}
.inr-abtwrap .hm-about-right .heading h2,
.abt-commit-wrap .heading h2 {
font-size: 27px;
}
.abt-commit-wrap .about_item.leftwrap #item-1,
.abt-commit-wrap .about_item.leftwrap #item-3 {
height: auto;
}
.abt_imgbox3 img {
height: 100%;
}
.abt-build-icon {
margin-right: 25px;
}
.abt-bd-leftwrap img {
height: 100%;
}
.sing-project-area .sproj-sidebar {
padding-top: 40px;
padding-left: 0px;
}
.sing-project-area .sproj-leftwrap .heading h3.proj-subtitle {
margin-top: 5px;
}
.sproj-leftwrap .heading {
margin-bottom: 20px;
}
.sproj-leftwrap {
padding-right: 20px;
}
.singleserv-abtimgbox {
padding-right: 0;
margin-bottom: 40px;
}
.singleserv-why-list {
margin-top: 40px;
}
.singleserv-whymight-right {
width: 100%;
}
.singleserv-type-right {
padding-left: 0;
padding-top: 40px;
}
.projgal-lists {
grid-template-rows: repeat(2, 1fr);
}
.singleserv-benefits-left {
padding-right: 0;
margin-bottom: 40px;
}
.singleserv-cost-box {
display: block;
}
.singleserv-cost-icon {
-webkit-clip-path: polygon(0% 0%, 45% 0, 100% 50%, 45% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0, 100% 50%, 50% 100%, 0% 50%);
padding: 12px 12px 41px 12px;
justify-content: center;
width: 164px;
margin-left: 30px;
}
.singleserv-cost-icon img {
width: 70px;
}
.singleserv-cost-content {
width: 100%;
padding: 20px 40px 20px 40px;
}
br{ display: none;}
.singleserv-abtimgbox img {
height: 320px;
}
.heading h2, .singblog-details .heading h1 {
font-size: 30px;
line-height: 1.3;
}
.singleserv-why-contentbox p {
border-left: 0;
padding-left: 0;
}
.singleserv-why-left {
padding-right: 0;
}
.modal.show .modal-dialog {
max-width: 100%;
width: 70%;
}
.modal-body {
padding: 30px;
max-height: 100%;
}
}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 812px) {}
@media screen and (max-width: 800px) {
.projects .inr_slidesec .slide_content {
min-height: 270px !important;
}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
.modal.show .modal-dialog {
max-width: 100%;
width: 90%;
}
.modal-body {
padding: 20px;
overflow-y: scroll;
max-height: 600px;
}
.modal-body h3 {
margin-bottom: 20px;
font-size: 18px;
border-bottom: 1px solid #245978;
padding-bottom: 8px;
text-transform: uppercase;
}
button.close{
padding: 0 !important;
}
.inp_text, .inp_select, .inp_area {
border: 0 !important;
padding: 8px 14px !important;
width: 100%;
}
.inp_area {
resize: none;
height: 110px;
}
.padd_tb {
padding: 40px 0;
}
.singblog-wrap {
padding-top: 40px;
}
#rmp_menu_trigger-531 {
top: 15px;
}
.hm_slide .slide_content {
padding: 30px 0px;
}
.exp-wrap {}
span.exp-hd {
font-size: 18px;
font-weight: 500;
}
.hm-about-imgbox img {
max-height: 360px;
}
.exp-area {
flex-wrap: nowrap;
}
.main-btn a {
padding: 16px 42px;
width: 100%;
text-align: center;
}
.hm_slide .slide_content--headings .bnr-main-title {
font-size: 24px;
padding-bottom: 5px;
line-height: 30px;
}
.hm_slide .slide_content--headings .bnr_subtitle {
font-size: 18px;
}
.hm_slide .slide_content--headings .bnr-para {
font-size: 16px;
}
.angry-grid {
display: block;
}
.hmabt_item {
margin-bottom: 20px;
}
.align-items-stretch {
justify-content: center !important;
}
.hm-about-right {
padding: 30px 0px;
}
.hm-about-right .heading h2 {
font-size: 24px;
line-height: 32px;
}
#item-0,
#item-1,
#item-2,
#item-3 {
display: block;
}
#item-0 .abtitm_content,
#item-1 .abtitm_content,
#item-2 .abtitm_content,
#item-3 .abtitm_content {
width: 100%;
padding-left: 0;
}
.exp-rightbox {
padding: 10px 10px;
}
span.yrcount {
font-size: 30px;
}
.logo-wrap {
width: 60%;
}
.abt_boxswrap {
margin-top: 20px;
}
.hdr-mainarea {
padding: 16px 0;
}
.hm_slide .slide_content--headings .bnr-telnum a {
font-size: 18px;
}
.hm_slide .slide_content--headings .bnr-telnum i {
margin-right: 14px;
width: 43px;
height: 43px;
line-height: 41px;
}
.insta-hd-wrap .insta-hd a .insta-hdicon {
width: 40px;
height: 40px;
line-height: 41px;
font-size: 21px;
margin-right: 10px;
}
.insta-hd-wrap {
display: block;
}
.insta-hd-wrap .insta-hd {
justify-content: flex-start;
}
.insta-hd-wrap .insta-hd a .insta-hdtitle {
font-size: 20px;
}
.insta-hd-wrap .heading h2 {
font-size: 25px;
padding-bottom: 10px;
}
.projgal-lists {
display: block;
}
figure.projgal-box {
margin-bottom: 20px;
}
.hm-serv-area .heading h2,
.google-reviews-area .heading h2,
.hm-about-contentbox .heading h2,
.hm-projgal-area .heading h2,
.hm-hvproj-area .heading h2,
.serv-offer-area .heading h2 {
line-height: 32px;
font-size: 24px;
text-align: left;
}
.heading h3,
.hm-hvproj-area .sub-content {
text-align: left;
}
.hm-hvproj-imgwrap {
padding-left: 0px;
padding-top: 20px;
}
.hm-hvproj-imgbox2 {
bottom: 0;
}
.hvproj-list ul li {
margin-bottom: 20px;
}
.serv-offer-accor.accor-right {
padding-left: 0px;
}
.hm_slide .slide_content {
min-height: 400px;
}
.banner__slider .hm_slide .slide_img img {
height: 400px !important;
}
.main-btn a {
padding: 16px 42px;
}
.hm-hvproj-wrap .main-btn a,
.hm-projgal-wrap .main-btn a {
float: left;
}
.banner__slider .slick-nav {
width: 40px;
height: 40px;
top: calc(55% - 50px);
}
.banner__slider .slick-nav svg {
width: 40px;
height: 40px;
}
.hm-servbox .slick-nav.prev-arrow {
left: 1%;
}
.hm-servbox .slick-nav.next-arrow {
right: 1%;
}
.hm-servbox .slick-nav {
width: 35px;
height: 35px;
top: calc(55% - 50px);
}
.ftr-contact ul li i {
width: 40px;
height: 40px;
font-size: 25px;
line-height: 40px;
margin-right: 18px;
}
.ftr-area .zoom-social_icons-list-span {
font-size: 25px !important;
margin-bottom: 20px;
}
.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
margin: 0px !important;
}
div#media_image-3 {
width: 200px;
}
.ftr_coverarea {
padding-left: 3px;
padding-top: 20px;
}
.ftr_menu {
border-top-width: 1px;
border-top-style: solid !important;
border-color: #403d3d;
padding-top: 20px;
}
.ftr_coverarea {
border-top-width: 1px;
border-top-style: solid;
border-color: #403d3d;
}
.heading {
margin-bottom: 20px;
}
.ftr_hd h4 {
font-size: 18px;
}
.hm-serv-wrap .stick-dots .slick-dots li,
.hm-serv-wrap .stick-dots .slick-dots li button {
width: 25px;
}
.hm-hvproj-imgbox2 {
display: none;
}
.apb-accor .accordion-button::after {
background-size: 1.35rem;
}
.apb-accor h2.accordion-header button {
font-size: 20px !important;
padding: 14px 22px !important;
}
.apb-accor .accordion-collapse .accordion-body {
padding: 16px 20px;
}
#custom_html-3,
.ftr_menu {
border-style: none;
padding-left: 5px;
}
.copyright-box {
text-align: left;
}
.copyright-box p {
color: #b7b7b7;
font-size: 13px;
} .inr_slidesec .slide_content--headings .bnr-main-title {
font-size: 27px;
}
.bnr_inrcontent p {
font-size: 16px !important;
}
.serv-list-area .serv-item {
width: 100%;
}
.inr_slidesec .slide_img img {
height: 240px;
width: 100%;
}
.hm_slide .slide_content--headings .bnr_topsubtitle, .inr_slidesec .slide_content--headings .bnr_topsubtitle {
font-size: 16px;
line-height: 1.3;
}
.inr_slidesec .slide_content {
min-height: 240px !important;
padding: 0px 0px;
}
.inr_slidesec .slide_content--headings .bnr_topsubtitle {
line-height: 1.1;
}
.bnr_inrcontent {
width: 100%;
}
.bnr_inrcontent .main-btn a {
padding: 14px 29px;
font-size: 14px;
}
.inr_slidesec .slide_content--headings .bnr-main-title {
line-height: 25px;
padding-top: 8px;
}
.inr-serv-area .heading,
.sub_content p {
text-align: left;
}
.inr-serv-area .sub_content p {
font-size: 16px;
}
.inr-serv-area .heading h2 {
font-size: 25px;
line-height: 32px;
}
.stext p {
line-height: 24px;
}
.stitle {
padding: 30px 25px 0 25px;
}
.stext {
padding: 20px 0px 0 25px;
}
.sbtn {
-webkit-clip-path: polygon(0 0, 100% 0%, 67.5% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 67.5% 100%, 0% 100%);
bottom: 37px;
margin-top: 0;
}
.serv-box {
min-height: 400px;
}
.breadcrumb-totalwrap {
padding: 25px 0;
}
.inr-serv-wrap {
padding: 50px 0;
} .bnr_topsubtitle {
width: 100% !important;
}
.inr_slidesec .slide_content--headings .bnr-para {
width: 100%;
font-size: 16px;
}
.inr-projgalwrap {
padding: 50px 0;
} .bloglist-area article.blog-post {
width: 100%;
}
.bloglist-area .blog-list {
padding-right: 0px;
}
.bloglist-wrap {
padding: 50px 0;
}
h2.blg-title {
font-size: 24px;
}
aside.sidebar {
padding-top: 40px;
}
.singblog-details {
padding-right: 0px;
}
.singblog-details .heading h1 {
font-size: 24px;
line-height: 32px;
}
.sblog-nav span.meta-nav {
height: 30px;
width: 30px;
line-height: 23px;
font-size: 22px;
}
.sblog-nav span.nav-previous span.meta-nav {
margin-right: 5px;
}
.inr-serv-area .sub_content {
width: 100%;
}
.inr-serv-listwrap .simgbox {
height: 65%;
}
.inr-serv-listwrap .sbtn {
width: 67%;
bottom: 51px;
-webkit-clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 72.5% 100%, 0% 100%);
}
.inr-serv-listwrap .simgbox {
height: 68%;
}
.inr_slidesec .slide_content--headings .bnr-para,
.inr_slidesec .slide_content--headings .bnr-para,
.bnr_inrcontent p {
margin-bottom: 10px !important;
}  .contdtls-detailsarea {
padding-right: 0px;
}
.contdtls-detailsarea .cont-box {
flex-wrap: nowrap;
}
.contdtls-detailsarea .cont-box .cicon {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 23px;
}
.contdtls-detailsarea span.ctext {
font-size: 18px;
}
.contdtls-detailsarea .cdtls {
padding-left: 15px;
}
.contdtls-lists ul li {
margin-bottom: 20px;
}
.contdtls-details .heading h2 {
font-size: 24px;
line-height: 32px;
}
.contact-formwrap {
padding: 25px;
}
.loc_list ul li {
width: 45%;
}
.loc_list ul {
column-gap: 10%;
}
.location-area {
padding: 0px 10px;
}
.location-wrap {
background-color: #245978;
padding: 50px 0;
}
.contdtls-wrap {
padding: 50px 0;
}
.contdtls-social .zoom-social_icons-list-span {
font-size: 23px !important;
padding: 7px !important;
margin-right: 5px;
}
.location-area .heading h2 {
font-size: 24px;
line-height: 32px;
text-align: left;
}  .abt-build-area {
padding-right: 0px;
}
.abt-build-icon {
margin-right: 0px;
}
.abt-build-textbox {
padding: 5px 20px 0px;
}
.hm-about-imgbox.abt_rightwrap img {
height: 360px;
}
.inr-abtwrap,
.abt-build-wrap {
padding: 50px 0;
}
.abt-bd-area .heading h2 {
font-size: 24px;
line-height: 32px;
}
.abt_imgbox3 {
margin-top: 40px;
padding-left: 0px;
display: none;
}
.abt-commit-wrap .heading h2 {
text-align: left;
font-size: 20px;
line-height: 28px;
}
.abt-build-wrap .heading h2 {
text-align: left;
font-size: 24px;
line-height: 30px;
}
.abt-commit-area .heading {
width: 100%;
text-align: left;
}
.abt-bd-leftwrap {
padding-right: 0px;
}
.abt-bd-rightwrap {
padding-left: 0px;
padding-top: 40px;
}
.inr-abtwrap .hm-about-right {
padding: 5px 0px 30px;
}
.abt_ctabox-wrap {
padding: 30px 25px;
}
.abt_ctabox-area .heading h2 {
font-size: 24px;
line-height: 32px;
}
.abt-build-textbox h3 {
font-size: 23px;
line-height: 32px;
}
.abt_ctabox-area p {
font-size: 16px;
line-height: 25px;
}
.abt_ctabox-area .main-btn {
margin-top: 20px;
}
.abt_ctabox-area p {
margin-bottom: 10px;
}
.abt_ctabox-area .heading {
margin-bottom: 10px;
}
.inr-abtwrap .hm-about-right .heading h2 {
font-size: 19px;
line-height: 28px;
}
.abt_imgbox1 img {
height: 380px;
}
.abt-build-wrap .heading {
margin-bottom: 25px !important;
}
.abt-build-icon {
width: 75px;
height: 75px;
}
.abt-build-icon img {
width: 45%;
}
.abt-commit-wrap .about_item.leftwrap #item-1,
.abt-commit-wrap .about_item.leftwrap #item-3 {
height: 100%;
}
.abt-bd-leftwrap img {
height: 360px;
}
.abt-build-textbox h3,
.abt-build-textbox p {
margin-bottom: 10px;
}  .projects .inr_slidesec .slide_img img {
margin-top: 0px;
}
.sing-project-area .sproj-leftwrap .heading h2 {
font-size: 24px;
line-height: 32px;
}
.sing-project-wrap {
padding: 50px 0;
}
.sing-project-area .sproj-leftwrap {
padding-right: 0px;
}
.sing-project-area .sidebar-title h3 {
font-size: 24px;
}
.proj-inf-hdtitle h3 {
font-size: 20px;
}
.proj-inf-hdtitle {
padding: 10px 34px;
}
.proj-inf-details {
padding: 25px 34px;
}
.proj-inf-details p {
font-size: 18px;
}
.proj-inf-box {
margin-bottom: 25px;
}
.sp-ctabtn-wrap .main-btn a {
padding: 14px 11px;
font-size: 13px;
}
.single-projects .wpcf7-form {
padding: 30px 15px !important;
}
.single-projects .modal.show .modal-dialog {
margin: 15px;
}
.single-projects .wpcf7-form li {
font-size: 15px;
}
.sp-ctabtn-wrap {
padding: 50px 0;
}
.project-description h2,
.project-description h3 {
font-size: 24px;
line-height: 32px;
}
.project-description h3 {
padding-bottom: 10px;
}
.project-description ul li {
margin-bottom: 15px;
background-size: 21px;
}
.projects .inr_slidesec .slide_content {
min-height: 220px !important;
}
.sblog-nav span.nav-next a,
.sblog-nav span.nav-previous a {
font-size: 14px;
}
.post-readingtime {
margin-left: 10px;
padding-left: 10px;
}
.singleserv-benefits-list .singleserv-benefits-box {
padding: 0 0 30px 0;
margin-bottom: 30px;
border: 0;
border-bottom: 1px solid #245978;
}
.singleserv-benefits-list .singleserv-benefits-box h3 {
margin-bottom: 15px;
font-size: 26px;
}
.singleserv-cost-content {
width: 100%;
padding: 20px 20px;
}
.singleserv-benefits-imgbox img {
height: auto;
object-fit: cover;
}
.heading h2, .singblog-details .heading h1 {
font-size: 26px;
line-height: 1.3;
}
.singleserv-cost-icon {
width: 163px;
-webkit-clip-path: polygon(0% 0%, 45% 0, 100% 50%, 45% 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0% 80%);
padding: 7px 12px 25px 12px;
width: 80px;
margin-left: 20px;
}
.singleserv-cost-icon img {
width: 50px;
}
.singleserv-whymight-wrap:before {
content: "";
background: rgb(0 0 0 / 80%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.singleserv-whymight-right{ background: transparent; }
.singleserv-whymight-contentbox {
width: 100%;
position: relative;
}
section.secpanel.singleserv-whymight-wrap {
background-attachment: inherit;
}
.sproj-gallerywrap {
margin-top: 30px;
}
.breadcrumb_wrap #breadcrumbs-area span {
font-size: 15px;
line-height: 1.3;
}
.modal.show .modal-dialog {
height: 60vh;
}
}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 533px) {
.proj-inf-hdtitle h3 {
font-size: 17px;
}
.proj-inf-hdtitle {
padding: 10px 20px;
}
.proj-inf-details {
padding: 18px 20px;
}
.proj-inf-details p, .proj-inf-details ul li {
font-size: 16px;
}
}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 320px) {}