/*~~ Kellys ~~*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

html { max-width:1600px; margin-left:auto; margin-right:auto; background-color:#d4e6f7; }

:root {
  --cassiopeia-color-primary: #fff;
  --cassiopeia-color-hover: #539fdd;
  --cassiopeia-color-link: #003366;
  --body-font-family: 'Montserrat', sans-serif!important;
}

div#n2-ss-1 .n2-font-44648864cf35bfd3efbd66f38c905aff-hover { font-size: 225% !important; }

@media only screen and (max-width: 1200px) {
  div#n2-ss-1 .n2-font-44648864cf35bfd3efbd66f38c905aff-hover { font-size: 1.6rem!important; }
  div#n2-ss-1 .n-uc-uwMEL2MSyDT4 { max-width: 485px!important; }
  div#n2-ss-1 .n-uc-73FueZ59O3Ha { max-width: 230px!important; }
  div#n2-ss-1 .n-uc-2pWB437J3yYe { max-width: 390px!important; }
  div#n2-ss-1 .n-uc-m0zZ9DXMubEK { max-width: 470px!important; }
  div#n2-ss-1 .n-uc-joCG5ByYMGMO { max-width: 300px!important; }
}

@media only screen and (max-width: 600px) {
  div#n2-ss-1 .n2-font-44648864cf35bfd3efbd66f38c905aff-hover { font-size: 1.3rem!important; }
  div#n2-ss-1 .n-uc-uwMEL2MSyDT4 { max-width: 395px!important; }
  div#n2-ss-1 .n-uc-73FueZ59O3Ha { max-width: 185px!important; }
  div#n2-ss-1 .n-uc-2pWB437J3yYe { max-width: 310px!important; }
  div#n2-ss-1 .n-uc-m0zZ9DXMubEK { max-width: 380px!important; }
  div#n2-ss-1 .n-uc-joCG5ByYMGMO { max-width: 240px!important; }
}

@media only screen and (max-width: 414px) {
  div#n2-ss-1 .n2-font-44648864cf35bfd3efbd66f38c905aff-hover { font-size: 1rem!important; }  
  div#n2-ss-1 .n-uc-uwMEL2MSyDT4 { max-width: 305px!important; }
  div#n2-ss-1 .n-uc-73FueZ59O3Ha { max-width: 145px!important; }
  div#n2-ss-1 .n-uc-2pWB437J3yYe { max-width: 245px!important; }
  div#n2-ss-1 .n-uc-m0zZ9DXMubEK { max-width: 290px!important; }
  div#n2-ss-1 .n-uc-joCG5ByYMGMO { max-width: 190px!important; }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Montserrat', sans-serif!important; }

a:hover {  color:#539fdd!important; }

.flash-1, .flash-2, .flash-3, .flash-4, .flash-button { position:relative; display:inline-block; }

.flash-1 { margin-left:2rem; margin-top:.75rem; margin-bottom:.85rem; }
.flash-4 { float:right!important; margin-top: .7rem; }

.grecaptcha-badge { bottom:70px!important; z-index:9999; }
.container-bottom-a { column-gap:0em!important; }
.container-bottom-a > * { margin: 0em 1% 0em 0em!important; min-width: 49.5%!important; }
.formError { font-family: 'Montserrat', sans-serif!important; font-weight:600!important; }
.rsfp_thankou_popup_close_btn { right:15px!important; }
.fudge2 p { margin-bottom:0rem!important; }


@media only screen and (max-width: 991px) {
  .bottom-a.card.pain, .bottom-a.card.pain2 { margin-top:1rem!important; min-width:100%!important; }
}

.h1, h1 { font-size: 1.6rem!important; color:#003366; font-weight: 600!important; }
.h2, h2 { font-size: 1.4rem!important; font-weight: 500!important; color:#539fdd; }
.h3, h3 { font-size: 1.2rem; font-weight: 500!important; color:#539fdd; }
.h4, h4 { font-size: 1.2rem; font-weight: 500!important; color: #003366; }
.p, p { font-size: 1rem; font-weight: 400!important; }
ul { padding-left: 1rem; }

@media only screen and (max-width: 1366px) {
  .h1, h1 { font-size: 1.2rem!important; }
  .h2, h2 { font-size: 1.1rem!important; }
  .h3, h3 { font-size: 1rem!important; }
  .h4, h4 { font-size: 1rem!important; }
  .p, p { font-size: .9rem!important; }
}

@media only screen and (max-width: 1100px) {
  .h1, h1 { font-size: 1.15rem!important; }
  .h2, h2 { font-size: 1rem!important; }
  .h3, h3 { font-size: .9rem!important; }
  .h4, h4 { font-size: .9rem!important; }
  .p, p { font-size: .8rem!important; }
}

@media only screen and (max-width: 991px) {
  .h1, h1 { font-size: 1.3rem!important; }
  .h2, h2 { font-size: 1.2rem!important; }
  .h3, h3 { font-size: 1.1rem!important; }
  .h4, h4 { font-size: 1.1rem!important; }
  .p, p { font-size: 1rem!important; }
}


/*~~ Header ~~*/

.container-topbar { background-color: #003366; margin-bottom: .7rem; }
.container-component > * + * { margin-top:0rem!important; }
i.fa.fa-phone { font-size:16px!important; }
i.fa.fa-mobile { font-size:18px!important; }
#mod-custom111.mod-custom.custom flash-1 a { font-size:16px; font-weight:600; text-decoration:none; border-radius: 0rem !important; }
#mod-custom111.mod-custom.custom flash-1 a:hover { color:#539fdd!important; }
#mod-custom111.mod-custom.custom flash-2 a { font-size:16px; font-weight:600; text-decoration:none; border-radius: 0rem !important; }
#mod-custom111.mod-custom.custom flash-2 a:hover { color:#539fdd!important; }

.container-header { background-image: url("https://www.kellyssurveyors.co.uk/images/header-bg.jpg")!important; margin-bottom: -.5rem; }
.container-header .container-nav { background-color:#539fdd; padding-top: 0px; padding-bottom: 0px; }

#mod-custom109.mod-custom.custom { min-width:100%!important; height: 82px; }

.h-left, .h-middle, .h-right { display:inline-block; position:relative; }
.h-middle { float:right; margin-right: -6px; }

@media only screen and (max-width: 1366px) {
  .h-left p a img { max-width:80%!important; }
  .h-middle p a img { max-width:80%!important; float:right!important; }
  .h-left p { margin-top: .8rem !important; margin-bottom: .8rem !important; }
  .h-middle p { margin-top: .8rem !important; margin-bottom: .8rem !important; }
  .position-sticky { position: relative!important; top: 48px !important; }
  .container-topbar { position: fixed!important; min-width: 100%; z-index: 999; height: 48px; top: 0px !important; }
  dl, ol, ul { font-size: .9rem!important; }
  .position-sticky { position: relative !important; }
  .container-banner.full-width { margin-top: 3rem!important; margin-bottom: 1.5rem!important; }
}

@media only screen and (max-width: 991px) {
  a.btn.btn-info { margin-top: -.1rem!important; }
}

@media only screen and (max-width: 800px) {
  .container-header { background-image: url("https://www.kellyssurveyors.co.uk/images/header-bg-sm.jpg")!important; }
}

@media only screen and (max-width: 650px) {
  .flash-4 { display:none!important; }
  .flash-button  { float:right; margin-right:2rem; margin-top:.75rem; }
  .flash-3 { display:none!important; }
}

@media only screen and (max-width: 600px) {
  #mod-custom111.mod-custom.custom p span { font-size:14px!important; margin-top: .1rem; }
  #mod-custom111.mod-custom.custom p a { font-size: 14px; }
  i.fa.fa-phone { font-size: 14px !important; }
  a.btn.btn-info { font-size: .7rem !important; }
  .h-left { max-width:57%; }
  .h-middle { max-width:39%; }
  #mod-custom111.mod-custom.custom p span { display:none!important; }
}

@media only screen and (max-width: 500px) {
  .flash-button { margin-right:1rem!important; }
  .flash-1 { margin-left:1rem!important; }
  body.wrapper-fluid header > .grid-child { padding-left: 1em; padding-right: 1em; }
  #mod-custom111.mod-custom.custom p { margin-left:1em!important; }
  .h-left p a img { max-width: 170px !important; }
  .h-middle p a img { max-width: 130px !important; }
  #mod-custom109.mod-custom.custom { height:70px; }
  .h-middle p { margin-top: .6rem !important; }
  #mod-custom111.mod-custom.custom p a { font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 0rem !important; }
  i.fa.fa-phone { font-size: 16px !important; }
  .container-header { background-image: url("https://www.kellyssurveyors.co.uk/images/header-bg-xs.jpg")!important; }
}

@media only screen and (max-width: 480px) {
  #mod-custom111.mod-custom.custom p a.btn.btn-info { display:none!important; }
  .flash-button { display:none!important; }
  .flash-2 { float:right!important; margin-right:1rem; margin-top:.75rem; }
}

@media only screen and (max-width: 320px) {
  .h-left p a img { max-width: 160px !important; }
  .h-middle p a img { max-width: 120px !important; }
}


/*~~ Megamenu ~~*/

#dj-megamenu112offcanvas ul.dj-mobile-light li.dj-mobileitem:hover > a, #dj-megamenu112offcanvas ul.dj-mobile-light li.dj-mobileitem.active > a {
  color: rgba(255, 255, 255, 1) !important;
}

.dj-megamenu-default { font-family: 'Montserrat', sans-serif!important; }
.dj-megamenu-default li a.dj-up_a { font-size:13px!important; font-weight:600!important; }
.dj-megamenu-default li a.dj-up_a:hover { background-color:#003366!important; color:#fff!important; }
#dj-megamenu112 li ul.dj-submenu > li > a:hover { background-color:#003366!important; }
.dj-megamenu-default li a.dj-up_a .arrow { top: calc(50% - 6px)!important; }
#dj-megamenu112, #dj-megamenu112sticky { border-left: solid rgba( 66, 127, 176, 1) thin; border-right: solid rgba( 99, 190, 255, 1) thin; }
li.dj-up.itemid101 { border-left: solid rgba( 99, 190, 255, 1) thin; }
li.dj-up.itemid107 { border-right: solid rgba( 66, 127, 176, 1) thin; }
.dj-megamenu-default li ul.dj-submenu > li > a { font-weight:500!important; }
.dj-megamenu-default li ul.dj-submenu > li > a:hover { color:#fff!important; }


@media only screen and (max-width: 1366px) {
  .dj-megamenu-default li a.dj-up_a { font-size:12px!important; font-weight:600!important; padding: 0 15px!important; }
}

@media only screen and (max-width: 991px) {
  .dj-megamenu-offcanvas-light .dj-mobile-open-btn { font-size:28px!important; margin: .25em auto!important; }
  ul.dj-mobile-light li.dj-mobileitem.parent > a span.toggler { color:#fff!important; }
  #dj-megamenu112offcanvas ul.dj-mobile-light li.dj-mobileitem:hover > a, #dj-megamenu112offcanvas ul.dj-mobile-light li.dj-mobileitem.active > a, #dj-megamenu112offcanvas ul.dj-mobile-light li.dj-mobileitem > a { line-height:1.2rem!important; }
  .sticky-top { z-index:990!important; position:relative!important; }
}

/*~~ Content ~~*/

.intro h1 { font-size:1.9rem!important; }
.intro h2 { font-size:1.7rem!important; }
.intro p { font-size:1.1rem!important; }

.com-content-article__body h2 a { color:#003366!important; }
.com-content-article__body h2 a:hover { color:#539fdd!important; }

.com-content-article__body .flash { display:none!important; }

dl, ol, ul { font-size: 1rem; }
a:not([class]) { text-decoration: none; font-weight: 600; }
.page-header h1 { display:none!important; }
.col-md-4 p img { border: solid #003366 1px; } 
.com-content-article__body p img { border: solid #003366 1px!important; } 
figure.left.item-image a img { min-width:100%!important; }

.top-b.no-card { margin-top:0rem!important; margin-bottom:0rem!important; }
.main-top.no-card { margin-top:0rem!important; }
#mod-custom129.mod-custom.custom { margin-top:-.5rem; margin-bottom: -1.5rem; }
.row.mb-3.rsform-block.rsform-block-submit { margin-bottom:0rem!important; }
.card-body { background: #f5f9fc!important; }
.container-top-b { margin-top: 1rem!important; margin-bottom: .8rem!important; }
.grid-child.container-bottom-a { margin-bottom:1rem!important; }

.com-content-article__body { background-color: #f5f9fc!important; padding:1rem; border: solid #539fdd 1px; margin-top: .5rem; margin-bottom: 1%;  }

.completed .blog-item .item-content { padding:25px; padding-top:0px!important; }
.completed .blog-item { background-color: #f5f9fc!important; box-shadow: none; border: solid #539fdd 1px; padding: 0rem !important; }

.boxed .blog-item { background-color: #f5f9fc; box-shadow: none; border: solid #539fdd 1px; }
.blog-item .item-image { margin-top:0rem; }

.com-content-category-blog__item.blog-item { background-color:#eee; padding:.7rem; }

.btn-secondary { background-color: #539fdd; border-color: #539fdd; color: #fff; border-radius:0px; }
.btn-secondary:hover { background-color: #003366; border-color: #539fdd; color: #fff!important; }

.btn-primary { background-color: #539fdd!important; border-color: #539fdd!important; color: #fff; border-radius:0px!important; }
.btn-primary:hover { background-color: #003366!important; border-color: #539fdd!important; color: #fff!important; }

.icon-chevron-right { display:none; }

.btn-info { background-color: #539fdd!important; border-color: #539fdd!important; color: #fff!important; border-radius:0px!important; padding-top: 0.2rem!important; padding-bottom: .2rem!important; padding-left: .5rem!important; padding-right: .5rem!important; }
.btn-info:hover { background-color: #fff!important; border-color: #fff!important; color: #003366!important; }

a.btn.btn-info { font-size:.8rem!important; margin-top: -.25rem; }

p.readmore { margin-bottom:0rem; }

.container-bottom-a > * { margin: 0em 0; }
.bottom-a.card { border: solid #539fdd 1px; border-radius:0rem; }

.flash h2 { font-size: 1.5rem!important; }


@media only screen and (max-width: 1366px) {
  .flash h2 { font-size: 1.25rem!important; }
  .container-sidebar-right .sidebar-right:first-child { margin-top: 2.4em!important; }
  dl, ol, ul { font-size: .9rem!important; }
  .form-label { font-size: .9rem!important; }
  input { font-size: .9rem!important; }
  textarea { font-size: .9rem!important; }
  button, select { font-size: 0.9rem !important; }
  .intro h1 { font-size:1.7rem!important; }
  .intro h2 { font-size:1.5rem!important; }
  .intro p { font-size:1rem!important; }
  .boxed .blog-item .item-content { padding: 15px; }
  .btn-secondary { font-size:.9rem; }
  .completed .blog-item .item-content { padding: 15px; }
  #mod-custom145.mod-custom.custom h1 { margin-bottom:0.6rem!important; } 
}

@media only screen and (max-width: 1100px) {
  .flash h2 { font-size: 1.05rem!important; }
  dl, ol, ul { font-size: .8rem!important; }
  .form-label { font-size: .8rem!important; }
  input { font-size: .8rem!important; }
  textarea { font-size: .8rem!important; }
  button, select { font-size: 0.8rem !important; }
  .intro h1 { font-size:1.5rem!important; }
  .intro h2 { font-size:1.2rem!important; }
  .intro p { font-size:1rem!important; }
  .btn-secondary { font-size:.8rem; }
}

@media only screen and (max-width: 991px) {
  .flash h2 { font-size: 1.5rem!important; }
  dl, ol, ul { font-size: 1rem!important; }
  .form-label { font-size: 1rem!important; }
  input { font-size: 1rem!important; }
  textarea { font-size: 1rem!important; }
  button, select { font-size: 1rem !important; }
  .intro h1 { font-size:1.5rem!important; text-align:left!important; }
  .intro h2 { font-size:1.2rem!important; margin-bottom:0rem!important; text-align:left!important;  }
  .intro p { font-size:1rem!important; margin-top: .5rem; text-align:left!important;  }
  .boxed .blog-item .item-content { padding: 25px; }
  .boxed .blog-item { margin-top:1rem; }
  .btn-secondary { font-size:1rem; }
  .com-content-article__body { margin-bottom: 0rem !important; }
  .completed .blog-item .item-content { padding: 25px; }
  .completed .blog-item { margin-top:1rem; } 
  #mod-custom140.mod-custom.custom h1 { margin-bottom:0rem!important; } 
  #mod-custom145.mod-custom.custom h1 { margin-bottom:0.3rem!important; } 
  #mod-custom144.mod-custom.custom h1 { margin-bottom:0rem!important; } 
  .bottom-a.card { margin-top:2rem; }
  .col-lg-5 p img { margin-bottom:1rem; }
  .fudge h2 { font-size:1.1rem!important; line-height: 1.4; }
}

@media only screen and (max-width: 500px) {
  body.wrapper-fluid .site-grid { grid-gap: 0 1em!important; }
  .boxed .blog-item .item-content { padding: 15px; }
  .completed .blog-item .item-content { padding: 15px; }
  .boxed .blog-item { margin-top:0rem; }
  .completed .blog-item { margin-top:0rem; } 
  .container-sidebar-right .sidebar-right:last-child { margin-bottom: 0em!important; }
  .container-sidebar-right .sidebar-right:first-child { margin-top: 1em !important; }
  .com-content-article.item-page { margin-bottom:0rem!important; }
  .intro h2 { margin-bottom:1rem!important; }
  #mod-custom140.mod-custom.custom h1 { margin-bottom:1rem!important; } 
  #mod-custom145.mod-custom.custom h1 { margin-bottom:.6rem!important; } 
  #mod-custom144.mod-custom.custom h1 { margin-bottom:1rem!important; } 
  .blog-items { margin: 0 0 0em!important; }
  .bottom-a.card { margin-top:1rem; }
  .grid-child.container-bottom-a { margin-bottom: 0rem !important; }
}




/*~~ Side Bar Right ~~*/

.sidebar-right.no-card { border: solid #539fdd 1px!important; } 
.container-sidebar-right .sidebar-right:first-child { margin-top:2.9em; border: solid #539fdd 1px!important; }


/*~~ Footer ~~*/

.grid-child.container-bottom-b { background-color:#003366!important; margin-top:1rem; padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; }
.bottom-b.no-card .mod-list li a { color:#fff!important; font-weight:500!important; line-height: 1.7rem; }
.bottom-b.no-card .mod-list li a:hover { color:#539fdd!important; text-decoration:none; }
.mod-list li.active > a { text-decoration: none !important; }

.bottom-b.no-card.footer-menu-1 { flex: 0.6 !important; }
.bottom-b.no-card.footer-menu-2 { flex: 1.1 !important; }
.bottom-b.no-card.footer-menu-3 { flex: 1 !important; }
#mod-custom138.mod-custom.custom { flex: 0.4 !important; }
.grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a { color:#fff; text-decoration: none; }
.grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a:hover { color:#539fdd; }

.grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a.btn.btn-info { font-size:1rem!important; margin-top: .3rem; font-weight:500!important; padding-left: 1rem!important; padding-right: 1rem!important; padding-top: .4rem!important; padding-bottom: .4rem!important; }

footer.container-footer.footer.full-width { margin-top:0rem; background-color:#539fdd!important; background-image:none!important; }

.mod-footer { min-width:100%; }
.mod-footer .footer1 { display:inline-block; }
.mod-footer .footer1 p, .mod-footer .footer2 p  { font-size:1rem!important; color:#fff; margin-bottom: .3rem; margin-top: .5rem; }
.mod-footer .footer2 { display:inline-block; }
.mod-footer .footer2 p a:hover { color:#003366!important; }

#mod-custom138.mod-custom.custom p { line-height:1.45; font-weight: 500 !important; }

footer.container-footer.footer.full-width .grid-child { padding-top:1rem!important; padding-bottom:1rem!important; }
.back-to-top-link { color: #fff !important; border-radius: 0rem !important; height: 40px; background-color: #539fdd !important; align-self:flex-end!important; right:1.5rem; }
.back-to-top-link:hover { color:#003366!important; background-color:#fff!important; }

@media only screen and (max-width: 1366px) {
  .bottom-b.no-card.footer-menu-1 { flex: 0.6 !important; }
 .bottom-b.no-card.footer-menu-2 { flex: 1.1 !important; }
 .bottom-b.no-card.footer-menu-3 { flex: 1 !important; }
 #mod-custom138.mod-custom.custom { flex: 0.4 !important; }
}

@media only screen and (max-width: 1366px) {
  .bottom-b.no-card .mod-list li a { font-size:.9rem!important; line-height:1.8rem; }
  #mod-custom138.mod-custom.custom p { font-size:.9rem!important; }
  .grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a.btn.btn-info { font-size: .9rem !important; }
  .mod-footer .footer1 p, .mod-footer .footer2 p { font-size: .9rem !important; margin-bottom: .5rem; }
  #mod-custom138.mod-custom.custom p i.fa.fa-phone { font-size: 14px !important; }
}

@media only screen and (max-width: 1280px) {
  .bottom-b.no-card.footer-menu-2 { flex: 1.2 !important; }
}

@media only screen and (max-width: 1200px) {
  .bottom-b.no-card .mod-list li a { font-size: .8rem !important; }
  #mod-custom138.mod-custom.custom p { font-size: .8rem !important; line-height: 1.5rem!important; }
  .bottom-b.no-card.footer-menu-2 { flex: 1.1 !important; }
  .bottom-b.no-card.footer-menu-1 { flex: 0.55 !important; }
  .grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a.btn.btn-info { font-size: .8rem !important; }
  .bottom-b.no-card .mod-list li a { line-height:1.6rem!important; }
}

@media only screen and (max-width: 1100px) {
  .bottom-b.no-card .mod-list li a { font-size:.7rem!important; }
  #mod-custom138.mod-custom.custom p { font-size:.7rem!important; }
  .mod-footer .footer1 p, .mod-footer .footer2 p { font-size: .8rem !important; margin-bottom: .5rem; }
  #mod-custom138.mod-custom.custom p i.fa.fa-phone { font-size: 12px !important; }
  .grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a.btn.btn-info { font-size: .7rem !important; }
}

@media only screen and (max-width: 991px) {
  .bottom-b.no-card .mod-list li a { font-size:1rem!important; }
   #mod-custom138.mod-custom.custom p { font-size:1rem!important; }
  .grid-child.container-bottom-b.full-width #mod-custom138.mod-custom.custom p a.btn.btn-info { font-size: 1rem !important; margin-top: .6rem !important; }
  .grid-child.container-bottom-b.full-width { text-align:center; line-height: 2.4rem; }
  #mod-custom138.mod-custom.custom p i.fa.fa-phone { font-size: 15px !important; }
}

@media (max-width: 991.98px) {
  .footer .grid-child .mod-footer { margin: 0rem 0!important; }
  .mod-footer .footer1 p, .mod-footer .footer2 p { font-size: .8rem !important; }
}

@media (max-width: 500px) {
  .mod-footer .footer1 { display: block; }
  .mod-footer .footer1 p, .mod-footer .footer2 p  { margin-top:0rem!important; margin-bottom:0rem!important; }
  body.wrapper-fluid footer > .grid-child { padding-left:1rem; padding-right:1rem; }
}

@media (max-width: 480px) {
 .bottom-b.no-card.footer-menu-1 > .mod-list li { line-height:1.7rem!important; }
 .bottom-b.no-card.footer-menu-2 > .mod-list li { line-height:1.7rem!important; }
 .bottom-b.no-card.footer-menu-3 > .mod-list li { line-height:1.7rem!important; }
}

@media (max-width: 320px) {
  .mod-footer .footer1 p, .mod-footer .footer2 p {  font-size: .7rem !important; }
}