/*~~ Shutter Base CSS ~~*/ 

@font-face {
    font-family: 'Avenir Next Condensed Demi';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-DemiBold.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-Black.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-Regular.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-Medium.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/AvenirNextCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-LightOblique.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-Medium.woff2') format('woff2'),
        url('https://shutterbase.co.uk/templates/cassiopeia_shuuterbase/fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@media (min-width: 320px) {
  .d-md-block { display: block !important; }
}

@media (max-width: 767px) {
  .ba-gallery { padding:0px!important; }
}

.dog-10 p img { max-width:400px; margin-top:2rem; }

.bottom-b.no-card.footer-logo { flex:1.2; }
.bottom-b.no-card.footer-1 { flex:.9; }
.bottom-b.no-card.footer-2 { flex:.95; }
.bottom-b.no-card.footer-menu-contact { flex:1; }

@media (max-width: 1680px) {
  .bottom-b.no-card.footer-2 { flex: 1.1; }
  .bottom-b.no-card.footer-1 { flex: .75; }
}

@media (max-width: 1600px) {
  .bottom-b.no-card.footer-1 { flex:.75; }
  .bottom-b.no-card.footer-2 { flex: 1.1; }
  .bottom-b.no-card.footer-logo {flex: 1.1; }
}

@media (max-width: 1440px) {
  .bottom-b.no-card.footer-1 { flex: .8; }
  .grid-child.container-bottom-b .bottom-b.no-card { margin-top: 4rem!important; margin-bottom: 3rem!important; }
  .footer { font-size:1.1rem!important; }
}

@media (max-width: 1366px) {
  .dog-10 p img { max-width:340px; margin-top:1rem; }
}

@media (max-width: 1280px) {
  .bottom-b.no-card.footer-1 { flex: .8; }
  .bottom-b.no-card.footer-logo { flex: 1; }
  #mod-custom125.mod-custom p img { margin-top:.25rem; }
  
  .bottom-b.no-card ul.mod-menu.mod-list.nav li a { font-size: 1.4rem!important; line-height: 1.6!important; }
  #mod-custom126.mod-custom.custom p { font-size: 1.4rem!important; line-height: 1.96!important; }
  #mod-custom126.mod-custom.custom p a { font-size: 1.4rem!important; line-height: 1.96!important; }
}

@media (max-width: 1200px) {
  .bottom-b.no-card.footer-1 { flex: .725; }
  .bottom-b.no-card.footer-2 { flex: 1; }
  .dog-10 p img { max-width:280px;  }
  .background-1 .content-2 .image-fudges p img { width:400px!important; }
  #mod-custom126.mod-custom.custom { padding-right: 6rem !important; }
}

@media (max-width: 1119px) {
  .bottom-b.no-card.footer-1 { flex: .9; }
  .bottom-b.no-card.footer-2 { flex: 1.2; }
  #mod-custom126.mod-custom.custom { padding-right: 2rem !important; }
  
  .bottom-b.no-card ul.mod-menu.mod-list.nav li a { line-height: 1.475!important; }
  #mod-custom126.mod-custom.custom p { line-height: 1.83!important; }
  #mod-custom126.mod-custom.custom p a { line-height: 1.83!important; }
}

@media (max-width: 1024px) {
  .bottom-b.no-card.footer-1 { flex: .75; }
}


@media (max-width: 991px) {
  .bottom-b.no-card.footer-logo { flex:1; }
  .bottom-b.no-card.footer-1 { flex:1; width: 240px; }
  .bottom-b.no-card.footer-2 { flex:1; width: 240px; }
  .bottom-b.no-card.footer-menu-contact { flex:1; width: 240px; padding-bottom: 1rem; }

  .grid-child.container-bottom-b .bottom-b.no-card { margin-top: 0rem !important; margin-bottom: 0rem !important; padding-bottom: 1.5rem; }
  #mod-custom126.mod-custom.custom { float:none!important; }
  .bottom-b.no-card { margin-left:auto; margin-right:auto; }
  
  .background-1 .content-1 .row .col-lg-6 p { margin-bottom: 2rem; }
  .background-1 .content-1 h1 { margin-bottom: 2rem!important; font-size:2.6rem!important; }
  .background-1 .content-2 .image-fudges p img { min-width:100%!important; }
  .background-1 .content-2 .image-fudges h2 { margin-bottom:1rem!important; }
  .background-1 .content-2 .image-fudges h1 { margin-bottom:1rem!important; }
  
  .bottom-b.no-card ul.mod-menu.mod-list.nav li a { font-size:1.65rem!important; line-height:1.4!important; }
  #mod-custom126.mod-custom.custom p a { font-size:1.65rem!important; line-height:1.6!important; }
  #mod-custom126.mod-custom.custom p { font-size:1.65rem!important; line-height:1.6!important; }
}

@media (max-width: 767px) {
  .background-1 .content-1 h1 { margin-bottom: 1rem !important; font-size: 2rem !important; }
  .background-1 .content-1 .row .col-lg-6 p { margin-top: 1rem; }
}

@media (max-width: 480px) {
  .dog-10 p img { max-width:250px; margin-top:2rem; }
  .background-1 .content-1 h1 { margin-bottom: 1rem !important; font-size: 1.4rem !important; letter-spacing: 1px; line-height: 1.4; }
}

@media (max-width: 414px) {
  .background-1 .content-1 h1 { font-size: 1.8rem !important;line-height: 1.3; }
}

@media (max-width: 390px) {
  .fudgefu p a { font-size:.95rem!important; }
}

@media (max-width: 360px) {
  .background-1 .content-1 h1 { font-size: 1.5rem !important;line-height: 1.25; }
}

@media (max-width: 320px) {
  .fudgefu p a { font-size:.85rem!important; }
}

.grecaptcha-badge { display:none!important; }

.content-2 {
  padding-top: 3rem;
  padding-left: 6rem;
  padding-right: 6rem;
  padding-bottom: 0rem;
  margin-bottom: -1rem;
}

.background-1 .content-2 h1 {
  font-family: 'Avenir Next Condensed' !important;
  font-weight: 500 !important;
  text-align: center;
  font-size: 4rem;
  color: #E94E1B !important;
  margin-bottom: 1rem;
}

.background-1 .content-2 h2 { font-weight:500; color: #E94E1B !important; }

@media (max-width: 1440px) {
  
}

@media (max-width: 1366px) {
  .background-1 .content-2 h1 { font-size: 2.8rem; }
  .background-1 .content-2 p { font-size: 1.45rem; }
}

@media (max-width: 1280px) {
  .background-1 .content-2 p { font-size: 1.35rem; }
}

@media (max-width: 1250px) {
  .background-1 .content-2 h1 { font-size: 2.6rem; }
}

@media (max-width: 1200px) {
  .background-1 .content-2 h2 { font-size:1.8rem; }
}


@media (max-width: 1080px) {
  .content-2 { padding-left: 3rem; padding-right: 3rem; }
}

@media (max-width: 1024px) {
  .background-1 .content-2 p { font-size: 1.25rem; }
}

@media (max-width: 600px) {
  .background-1 .content-2 h1 { font-size: 2.2rem; }
  .background-1 .content-2 h2 { font-size:1.5rem; }
}

@media (max-width: 480px) {
  .background-1 .content-2 h1 { font-size: 1.6rem; }
  .background-1 .content-2 p { font-size: 1.1rem; }
  .background-1 .content-2 h2 { font-size:1.2rem; }
}

@media (max-width: 360px) {
  .content-2 { padding-left: 2rem; padding-right: 2rem; }
}


/*~~ Privacy Page ~~*/ 


.row .col-lg-6 table tbody {
  font-size: 0.55rem !important;
}

.col-lg-6 table tbody tr td p { font-size: 0.55rem !important; }

@media (max-width: 320px) {
  .row .col-lg-6 table tbody { font-size: 0.45rem !important; }
  .col-lg-6 table tbody tr td p { font-size: 0.45rem !important; }
}
  
.rsfp_thankou_popup_close_btn { top:-7px!important; }  
ul#dj-megamenu110.dj-megamenu.dj-megamenu-clean.dj-megamenu-wcag.horizontalMenu.dj-fa-5.dj-megamenu-js.normal { background-color: rgba(255,255,255,.75)!important; }

html { max-width:1920px; margin-left:auto; margin-right:auto; background-color:#202833; overflow-x:hidden; }
body.wrapper-fluid header > .grid-child { padding-left: 4rem; padding-right:4rem; }
body.wrapper-fluid .site-grid { grid-gap: 0 0em!important; }

hr { border-top: 4px solid #E94E1B!important; opacity: 1!important; margin-top:1.5rem; margin-bottom:1.5rem; }

.container-component nav { display:none!important; }

.btn-info { background-color: transparent; border-color: transparent; color: #fff; font-family: 'Avenir Next Condensed'!important; font-weight:600; font-style:normal; font-size:1.85rem; padding: 0rem 0rem!important; }

.btn-info:hover { background-color: transparent; border-color: transparent; color: #E94E1B; font-family: 'Avenir Next Condensed'!important; font-weight:600; font-style:normal; font-size:1.85rem; padding: 0rem 0rem!important; }

.btn-dark { width: 200px; background-color: transparent; border-color: transparent; color: #E94E1B; font-family: 'Avenir Next Condensed Demi'!important; font-weight:600; font-style:normal; font-size:2.2rem; padding: 0rem 0rem!important; }

.btn-dark:hover { background-color: transparent; border-color: transparent; color: #706F6F!important; font-family: 'Avenir Next Condensed Demi'!important; font-weight:600; font-style:normal; font-size:2.2rem; padding: 0rem 0rem!important; }

.hindges-bg-2 { background-color:#87bcc3!important; margin-top: 4rem; padding-top: 6rem; padding-left: 0rem; padding-right: 0rem; }
.hindges-bg-2 h2 { padding-left: 9rem; padding-right: 9rem; margin-bottom:2rem; color: #E94E1B; font-family: 'Avenir Next Condensed' !important; font-weight: 500 !important; font-size:2.4rem; }
.hindges-bg-2 p { padding-left: 9rem; padding-right: 9rem; color: #fff; font-size: 1.2rem !important; line-height: 2.1rem !important; font-family: 'Avenir' !important; font-weight: 500 !important; }

@media (min-width: 601px) {
  .dogpile { display:none!important; }
}

@media (max-width: 600px) {
  .dog-7 { display:none!important; }
}

@media (min-width: 992px) {
  .hindges-bg-2 { display:none!important; }
  .louvre-slats-2 { display:none!important; }
}

@media (max-width: 991px) {
  .hindges-bg { display:none!important; }
  .louvre-slats { display:none!important; }
  .louvre-slats-2 h2 { font-size:2.6rem; font-family: 'Avenir Next Condensed' !important; font-weight: 500 !important; color: #E94E1B !important; margin-bottom: 1rem; }
  .louvre-slats-2 p { font-size:1.2rem;  font-family: 'Avenir' !important; font-weight: 500 !important; line-height: 2rem; }
  .louvre-slats-2 { padding-left:4rem; padding-right:4rem; padding-top:4rem; }
  .louvre-slats-2 .slits p img { margin-top:-4rem; }
  .louvre-slats-2 .slots p img { margin-top:1rem; }
}

@media (max-width: 790px) {
  .hindges-bg-2 h2 { font-size:2.2rem; padding-left: 6rem; padding-right: 6rem; }
  .hindges-bg-2 p {  padding-left: 6rem; padding-right: 6rem; }
}

@media (max-width: 660px) {
  .hindges-bg-2 h2 { font-size:2.2rem; padding-left: 4rem; padding-right: 4rem; }
  .hindges-bg-2 p {  padding-left: 4rem; padding-right: 4rem; }
}

@media (max-width: 600px) {
  .louvre-slats-2 h2 { font-size:2.2rem; }
  .louvre-slats-2 .slits p img { margin-top: -3rem; }
  .louvre-slats-2 .slots p img { margin-top: 0rem; }
}
  
@media (max-width: 590px) {
  .hindges-bg-2 h2 { font-size:2rem; padding-left: 3rem; padding-right: 3rem; }
  .hindges-bg-2 p {  padding-left: 3rem; padding-right: 3rem; }
}

@media (max-width: 520px) {
  .hindges-bg-2 h2 { font-size:2rem; }
  .hindges-bg-2 p { font-size: 1.15rem !important; line-height: 1.9rem !important; }
}

@media (max-width: 480px) {
  .hindges-bg-2 { padding-top:3rem!important; margin-top: 2rem; }
  .hindges-bg-2 h2 { margin-bottom: 1.8rem!important; font-size:1.7rem!important;  }
  .louvre-slats-2 h2 { font-size:2rem; }
  .louvre-slats-2 { padding-left: 2.6rem; padding-right: 2.6rem; padding-top: 3rem; }
  .louvre-slats-2 p { font-size:1.1rem!important; line-height: 1.8rem!important; }
}

@media (max-width: 414px) {
  .louvre-slats-2 { padding-left: 2rem; padding-right: 2rem; padding-top: 3rem; }
  .louvre-slats-2 .slits p img { max-width: 118%; margin-left: -9%; }
}

@media (max-width: 320px) {
  .hindges-bg-2 h2 { font-size:1.7rem!important; }
}




/*~~ Smart Slider ~~*/ 

@media (max-width: 1366px) {
  div#n2-ss-1 .n2-ss-slider-2 { height:920px!important; }
  div#n2-ss-2 .n2-ss-slider-3 { height:920px!important; }
  div#n2-ss-3 .n2-ss-slider-1 { height:920px!important; }
  div#n2-ss-4 .n2-ss-slider-4 { height: 920px !important; }
  div#n2-ss-5 .n2-ss-slider-4 { height: 920px !important; }
}

@media (max-width: 900px) {
  div#n2-ss-1 .n2-ss-slider-2 { height:620px!important; }
  div#n2-ss-2 .n2-ss-slider-3 { height:620px!important; }
  div#n2-ss-3 .n2-ss-slider-1 { height:620px!important; }
  div#n2-ss-4 .n2-ss-slider-4 { height:620px!important; }
  div#n2-ss-5 .n2-ss-slider-4 { height:620px!important; }
}

@media (min-width: 601px) {
  .out { display:none!important; } 
  .really { display:none!important; } 
}

@media (max-width: 600px) {
  .in { display:none!important; } 
  .really { display:none!important; }
} 

@media (max-width: 500px) {
  .out{ display:none!important; } 
  .really { display:block!important; } 
}

@media (max-width: 600px) {
  div#n2-ss-6 .n2-ss-slide-active { padding-left:105px; }
  div#n2-ss-10 .n2-ss-slide-active { padding-left:55px; }
  div#n2-ss-8 .n2-ss-slide-active { padding-right:100px!important; }
}

@media (max-width: 500px) {
  div#n2-ss-6 .n2-ss-slide-active { padding-left:85px; }
  div#n2-ss-13 .n2-ss-slide-active { min-height: 660px !important; }
  div#n2-ss-7 .n2-ss-slide-active { padding-right: 90px; min-height: 600px !important; }
  div#n2-ss-11 .n2-ss-slide-active { padding-left:240px; min-height: 660px !important;  }
  div#n2-ss-9 .n2-ss-slide-active { padding-right:50px!important; min-height: 660px !important;  }
  div#n2-ss-15 .n2-ss-slide-active { height: 660px !important; min-height: 660px !important; }

}

@media (max-width: 599px) {
  div#n2-ss-1 .n2-ss-slider-2 { height:620px!important; }
  div#n2-ss-2 .n2-ss-slider-3 { height:620px!important; }
  div#n2-ss-4 .n2-ss-slider-4 { height:620px!important; }
  div#n2-ss-5 .n2-ss-slider-5 { height:620px !important; }
  #mod-custom112.mod-custom.custom p a img { max-width: 140px!important; }
}

@media (max-width: 500px) {
  #mod-custom112.mod-custom.custom p a img { max-width: 150px!important; }
  body.wrapper-fluid header > .grid-child { padding-left: 2rem!important; padding-right: 2rem!important; }
  div#n2-ss-15 .n2-ss-slide-active { min-height:620px !important; }
}

@media (max-width: 414px) {
  div#n2-ss-9 .n2-ss-slide-active { padding-right:20px!important; }
}

@media (max-width: 384px) {
  div#n2-ss-11 .n2-ss-slide-active { padding-left:280px; min-height: 660px !important;  }
}

@media (max-width: 360px) {
  div#n2-ss-11 .n2-ss-slide-active { padding-left:300px; min-height: 660px !important;  }
  div#n2-ss-9 .n2-ss-slide-active { padding-right:60px!important; }
}

@media (max-width: 320px) {
  div#n2-ss-9 .n2-ss-slide-active { padding-right:80px!important; }
}


/*~~ Header ~~*/ 

.container-header .grid-child { padding-top:0rem!important;  }
.site-grid > .full-width { margin-top:-365px; }
.container-header {  background-color: transparent!important; background-image: none!important; box-shadow: inset 0 5px 5px rgba(0,0,0,0); }
.container-banner.full-width { margin-bottom:0rem; }
.grid-child.container-component main { margin-top:0.3rem; }

#mod-custom112.mod-custom.custom p a img { max-width:260px; }


/*~~ Main Menu ~~*/ 

.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in { background-color:rgba(255, 255, 255, 0.75)!important; margin-left: 20px; }

.dj-megamenu-clean li ul.dj-submenu > li > a span.name { font-family: 'Avenir Next Condensed'!important; font-style: normal!important; font-size: 1.5rem; color: #E94E1B!important; }

.dj-megamenu-clean li ul.dj-submenu > li > a:hover span.name { font-family: 'Avenir Next Condensed'!important; font-style: normal!important; font-size: 1.5rem; color: rgba(112, 111, 111, 1)!important;  }

.dj-megamenu-clean li ul.dj-submenu > li > a:hover { background-color:rgba(255, 255, 255, 0)!important; }

.dj-megamenu-clean li ul.dj-submenu > li.itemid146.first.current.active > a.active { background-color:rgba(255, 255, 255, 0)!important; }

.dj-megamenu-clean li ul.dj-submenu > li.itemid147.current.active > a.active { background-color:rgba(255, 255, 255, 0)!important; }

li.dj-up.itemid114 a.dj-up_a span.dj-drop { padding-right:0rem!important; }

.dj-megamenu-wrapper { margin-top:195px; margin-left: auto; margin-right: auto; padding-right:10rem; }

.dj-megamenu-clean li a.dj-up_a { font-family: 'Avenir Next Condensed'!important; font-style: normal!important; color: #E94E1B!important; font-size: 2rem!important; padding-left: 0px !important; padding-right: 0px !important; letter-spacing:2px; font-weight: 400!important; }

.dj-megamenu-clean li a.dj-up_a:hover { color:#706f6f!important; }

.dj-megamenu-clean li a.dj-up_a .dj-icon + span { margin-left: 0px!important; margin-left: 0px!important; }

span.dj-drop span.arrow { display:none!important; }

.dj-megamenu-clean li a.dj-up_a > span span.name { vertical-align: middle; background: rgba(255,255,255, 0)!important;  padding-left: .2rem; padding-right: .2rem; padding-top:0rem; padding-bottom:0rem; }


@media (max-width: 991px) {
  ul.dj-mobile-light li.dj-mobileitem > a img { max-width:10%!important; }
  li.dj-mobileitem.itemid-116.divider { display:none!important; }

  button.dj-mobile-open-btn.dj-fa-5:hover { background-color:#fff!important; color:#333e4d;!important;  }
  button.dj-mobile-open-btn.dj-fa-5:active { background-color:#fff!important; color:#E94E1B!important;  }
  button.dj-mobile-open-btn.dj-fa-5:focus { background-color:#fff!important; color:#E94E1B!important;  }
  button.dj-mobile-open-btn.dj-fa-5 { background-color:#fff!important; color:#E94E1B!important;  }

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { background-color:#fff!important; color:#E94E1B!important;  }
  
.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus { background-color:#fff!important; color:#E94E1B!important;  }
  
  ul.dj-mobile-light li.dj-mobileitem > a { font-size: 1.2rem!important; ; line-height: 1.8rem!important; color: #E94E1B!important; }
  ul.dj-mobile-light li.dj-mobileitem > a:hover { color: rgba(112, 111, 111, 1)!important; }
  .dj-offcanvas-light .dj-offcanvas-close-btn { color: #E94E1B!important; }
}


@media (min-width: 992px) {
  .container-header .mod-menu { text-align: right; }
}

@media (max-width: 1600px) {
  .dj-megamenu-clean li a.dj-up_a { font-size: 1.7rem!important; letter-spacing:1px; }
  a.dj-up_a .dj-icon { max-height: 26px!important; }
}

@media (max-width: 1366px) {
  .content-1 { padding-top:2.5rem!important; }
  .dj-megamenu-wrapper { margin-top: 142px; }
  #mod-custom112.mod-custom.custom p a img { max-width: 200px; }
  
  .dj-megamenu-clean li a.dj-up_a .dj-icon { max-height:24px!important; }
  .dj-megamenu-clean li a.dj-up_a { font-size:1.5rem!important; }
  
  .dj-megamenu-clean li ul.dj-submenu > li > a span.name { font-size: 1.2rem; line-height: 0rem; }
  .dj-megamenu-clean li ul.dj-submenu > li > a:hover span.name { font-size: 1.2rem; color: rgba(112, 111, 111, 1)!important; }
  .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in { max-width:155px!important; padding-bottom: .5rem; }
}

@media (max-width: 1200px) {
  body.wrapper-fluid header > .grid-child { padding-left: 3rem; padding-right: 3rem; }
  .dj-megamenu-wrapper { margin-top: 126px; }
  #mod-custom112.mod-custom.custom p a img { max-width: 180px; }
  
  .dj-megamenu-clean li a.dj-up_a .dj-icon { max-height:21px!important; }
  .dj-megamenu-clean li a.dj-up_a { font-size:1.2rem!important; }
  
  .dj-megamenu-clean li ul.dj-submenu > li > a span.name { font-size: 1.1rem; line-height: 0rem; }
  .dj-megamenu-clean li ul.dj-submenu > li > a:hover span.name { font-size: 1.1rem; color: rgba(112, 111, 111, 1)!important; }
  .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in { max-width:145px!important; padding-bottom: .5rem; }
  
  div#n2-ss-2 .n2-ss-slide-active { padding-left:150px!important; }
  div#n2-ss-4 .n2-ss-slide-active { padding-left:150px!important; } 
  div#n2-ss-5 .n2-ss-slide-active { padding-right:0px!important; } 
}

@media (max-width: 1100px) {
  div#n2-ss-1 .n2-ss-slide-active { padding-left:90px!important; }
  div#n2-ss-4 .n2-ss-slide-active { padding-left:250px!important; } 
  div#n2-ss-5 .n2-ss-slide-active { padding-right:60px!important; } 
  div#n2-ss-3 .n2-ss-slide-active { padding-right:140px!important; padding-left:0px!important; } 
}

@media (max-width: 1024px) {
  .dj-megamenu-clean li a.dj-up_a .dj-icon { max-height:20px!important; }
  .dj-megamenu-clean li a.dj-up_a { font-size:1.1rem!important; }
}

@media (max-width: 991px) {
 .dj-megamenu-wrapper { margin-top: 2.5rem; margin-left: auto; margin-right: 0; padding-right: 0rem; }
}

@media (max-width: 900px) {
  div#n2-ss-4 .n2-ss-slide-active { padding-left:100px!important; padding-bottom:15rem!important; } 
}

@media (max-width: 480px) {
  button.dj-mobile-open-btn.dj-fa-5 { margin-top: -20px; margin-right: -10px; }
}




/*~~ Home - Welcome Dog Panel ~~*/

.background-1 { background-image: url("https://shutterbase.co.uk/images/bg-1.jpg"); background-repeat: no-repeat; background-size:cover; }

.background-1 .content-1 h1 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:center; font-size:4rem; color: #E94E1B!important; margin-bottom:3rem; }

.background-1 p { font-family: 'Avenir'!important; font-weight: 500!important; font-size:1.65rem; color:#575756; line-height: 2.8rem; }

.content-1 { padding-top:3rem; padding-left:9rem; padding-right:9rem;padding-bottom:0rem; margin-bottom: -1rem; }

.content-1 .row .col-lg-6 { padding-left: calc(var(--gutter-x)*1); padding-right: calc(var(--gutter-x)*1);  }

.content-1 .row .col-lg-6 .damn-dog p img { max-width: 150% !important; vertical-align: top; margin-top: -9rem; }
.content-1 .row .col-lg-6 .damn-dog p { margin-top:0rem!important; vertical-align:top!important; text-align:right!important; }

.damn-dog { max-width: 37%!important; display: inline-block!important; float:right; }
.damn-dog-copy { max-width: 60%!important; display: inline-block!important; }
.damn-dog-copy p { margin-left:2rem; }

@media (max-width: 1680px) {
 .content-1 .row .col-lg-6 .damn-dog p img { max-width: 160% !important; }
 .damn-dog-copy { max-width: 62%!important; }
 .damn-dog { max-width: 36%!important; display: inline-block!important; }
}

@media (max-width: 1600px) {
  .damn-dog-copy { max-width: 55%!important; }
  .damn-dog { max-width: 40% !important; }
  .content-1 .row .col-lg-6 .damn-dog p img { max-width: 150% !important; margin-top:-11rem; }
  .content-1 .row .col-lg-6 .damn-dog-copy p { margin-right:0rem!important; } 
}
  
@media (max-width: 1441px) {
  .damn-dog-copy { max-width: 55%!important; }
  .damn-dog { max-width: 40% !important; }
  .content-1 .row .col-lg-6 .damn-dog p img { max-width: 165% !important; margin-top:-12rem; }
  .background-1 .content-1 h1 { font-size: 3.6rem; }
}

@media (max-width: 1399px) {
  .content-1 { padding-left: 4rem; padding-right: 4rem; }
  .background-1 .content-1 h1 { font-size:3rem; }
  .background-1 p  { font-size:1.3rem; line-height:2.4rem; }  
  .content-1 .row .col-lg-6 .damn-dog p img { max-width: 112% !important; margin-top: -6.5rem; margin-right: -3.5rem; }
  .damn-dog-copy { max-width: 65% !important; }
  .content-1 .row .col-lg-6 div p { margin-top:-1rem!important; }
}

@media (max-width: 1366px) {
 .background-1 p { font-size: 1.25rem; line-height: 2.3rem; }
 .background-1 .content-1 h1 { font-size: 2.8rem; }
}

@media (max-width: 1300px) {
  .content-1 .row .col-lg-6 .damn-dog p img { max-width: 105% !important; margin-top: -6.5rem; margin-right: -2.7rem; }
 .content-1 { padding-left: 3rem; padding-right: 3rem; }
 .background-1 p { font-size: 1.15rem; line-height: 2.1rem; }
}

@media (max-width: 1250px) {
 .content-1 .row .col-lg-6 .damn-dog p img { margin-top: -5.5rem; }
}

@media (max-width: 1170px) {
  .content-1 .row .col-lg-6 .damn-dog p img { margin-top: -6rem; max-width: 109% !important }
 .content-1 { padding-left: 3rem; padding-right: 3rem; }
 .background-1 p { font-size: 1.1rem; line-height: 2.1rem; }
}

@media (max-width: 1130px) {
 .background-1 p { font-size: 1.05rem; line-height: 2rem; }
}

@media (max-width: 1024px) {
  .background-1 p { font-size: 1.08rem; line-height: 2.08rem; }
  .content-1 .row .col-lg-6 .damn-dog p img { margin-right:-3rem; max-width: 107% !important; margin-top: -5rem; }
}

@media (max-width: 991px) {
  .content-1 .row .col-lg-6 div p {  max-width: 100% !important; margin-left: 0rem!important; }
  .content-1 .row .col-lg-6 div p span { margin-top:-1rem!important; }
  .content-1 .row .col-lg-6 div { border-left: 0rem solid #fff!important; }
  .background-1 p { font-size: 1.4rem; line-height: 2.2rem; }
  .content-1 .row { --gutter-x: 0em!important; --gutter-y: 1.4rem!important; }
  .damn-dog-copy { max-width: 60% !important; }
  .background-1 .content-1 h1 { font-size: 2rem; }
}

@media (max-width: 768px) {
  .damn-dog-copy { max-width: 65% !important; }
}

@media (max-width: 600px) {
  .damn-dog-copy { max-width: 65% !important; }
  .background-1 p { font-size: 1.2rem; line-height: 2rem; }
  .background-1 .content-1 h1 { font-size: 1.6rem; }
}

@media (max-width: 480px) {
  .damn-dog-copy { max-width: 60% !important; margin-bottom: 1rem; }
  .background-1 p { font-size: 1rem; line-height: 1.6rem; }
  .background-1 .content-1 h1 { font-size: 1.9rem; }
  .content-1 .row { --gutter-x: 0em!important; --gutter-y: 1.3rem!important; }
  .content-1 { padding-left: 2rem; padding-right: 2rem; }
  .content-1 .row .col-lg-6 .damn-dog p img { margin-right: -1.5rem; }
}

@media (max-width: 414px) {
   .damn-dog-copy { max-width: 55% !important; margin-bottom: 1rem; }
  .content-1 .row .col-lg-6 .damn-dog p img { margin-right: 9rem; max-width: 140% !important; margin-top: -6rem; padding-right: 2rem; }
}

@media (max-width: 384px) {
  .content-1 .row .col-lg-6 .damn-dog p img  { max-width: 150% !important; margin-top: -5rem; }
}

@media (max-width: 375px) {
  .content-1 .row .col-lg-6 .damn-dog p img  { max-width: 175% !important; margin-top: -5rem; padding-right:4rem; }
}

@media (max-width: 360px) {
 .damn-dog-copy { max-width: 60% !important; }
 .background-1 .content-1 h1 { font-size: 1.8rem; margin-left: 2rem; margin-right: 2rem; }
 .damn-dog-copy p { font-size:.9rem!important; }
}

@media (max-width: 320px) {
  .content-1 .row .col-lg-6 .damn-dog p img { max-width: 200% !important; margin-top: -4.5rem; padding-right: 4.4rem; }
  .background-1 .content-1 h1 { font-size: 1.6rem; margin-left: 2rem; margin-right: 2rem; }
}

/*~~ Home-Squares Panel ~~*/

.jack .row > * { padding-left: calc(var(--gutter-x)*0); padding-right: calc(var(--gutter-x)*0); }
.jack .row .col-lg-6 p img { min-width:100%!important; }

.squares-copy .row > * { padding-left: calc(var(--gutter-x)*0); padding-right: calc(var(--gutter-x)*0); }

.row .col-lg-6 .squares-copy .square-1 { background-color: #333e4d; height: 550px; }

.row .col-lg-6 .squares-copy  .square-1 h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 500; font-style: normal!important; color: #E94E1B!important; color:#E94E1B; font-size: 2rem; margin-left: 10%; margin-right: 10%; padding-top:8%;  margin-bottom:5%; }

.row .col-lg-6 .squares-copy .square-1 p {  font-family: 'Avenir'!important; font-weight: 500; font-style: normal!important; color: #FFF!important;  font-size: 1.65rem; line-height:2.8rem; margin-left: 10%; margin-right: 10%; }

.row .col-lg-6 .squares-copy .square-2 { background-color: #dac7b3; height: 550px; }

.row .col-lg-6 .squares-copy .square-2 h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 500; font-style: normal!important; color: #E94E1B!important; color:#E94E1B; font-size: 2rem; margin-left: 10%; margin-right: 10%; padding-top:8%; margin-bottom:5%; }

.row .col-lg-6 .squares-copy .square-2 p {  font-family: 'Avenir'!important; font-weight: 500; font-style: normal!important; color: #FFF!important; font-size: 1.65rem; line-height:2.8rem; margin-left: 10%; margin-right: 10%; }

@media (max-width: 1680px) {
  .row .col-lg-6 .squares-copy .square-1 { height: 500px; }
  .row .col-lg-6 .squares-copy .square-2 { height: 500px; }
}

@media (max-width: 1399px) {
  .row .col-lg-6 .squares-copy .square-1 { height: 400px; }
  .row .col-lg-6 .squares-copy .square-2 { height: 400px; }
}

@media (max-width: 1444px) {
  .row .col-lg-6 .squares-copy .square-1 p {margin-left: 9%; margin-right: 9%; }
  .row .col-lg-6 .squares-copy .square-1 h2 {margin-left: 9%; margin-right: 9%; }
  .row .col-lg-6 .squares-copy square-2 p {margin-left: 9%; margin-right: 9%; }
  .row .col-lg-6 .squares-copy .square-2 h2 {margin-left: 9%; margin-right: 9%; }
}

@media (max-width: 1399px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.3rem; line-height:2.5rem;  }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.3rem; line-height:2.2rem;  }
}

@media (max-width: 1366px) {
  .row .col-lg-6 .squares-copy .square-1 h2 { font-size: 1.8rem; margin-left: 10%!important; margin-right: 11%!important; }
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.25rem; line-height:2.5rem; margin-left: 10%!important; margin-right: 11%!important; }
  .row .col-lg-6 .squares-copy .square-2 h2 { font-size: 1.8rem; margin-left: 10%!important; margin-right: 11%!important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.25rem; line-height:2.3rem; margin-left: 10%!important; margin-right: 11%!important; }
}

@media (max-width: 1300px) {
  .row .col-lg-6 .squares-copy .square-1 h2 { font-size: 1.7rem; margin-left: 11% !important; margin-right: 12% !important; }
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.15rem; line-height:2.3rem; margin-left: 11% !important; margin-right: 12% !important;}
  .row .col-lg-6 .squares-copy .square-2 h2 { font-size: 1.7rem; margin-left: 11% !important; margin-right: 11% !important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.15rem; line-height:2.1rem; margin-left: 11% !important; margin-right: 11% !important; }
  .row .col-lg-6 .squares-copy .square-1 { height: 370px; }
  .row .col-lg-6 .squares-copy .square-2 { height: 370px; }
}

@media (max-width: 1170px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.1rem; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.1rem; } 
  .row .col-lg-6 .squares-copy .square-1 { height: 340px; }
  .row .col-lg-6 .squares-copy .square-2 { height: 340px; }
}

@media (max-width: 1143px) {
  .row .col-lg-6 .squares-copy .square-1 h2 { font-size: 1.6rem; margin-left: 11% !important; margin-right: 12% !important; }
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.05rem; line-height:2.2rem; margin-left: 11% !important; margin-right: 12% !important;}
  .row .col-lg-6 .squares-copy .square-2 h2 { font-size: 1.6rem; margin-left: 11% !important; margin-right: 11% !important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.05rem; line-height:2rem; margin-left: 11% !important; margin-right: 11% !important; } 
}

@media (max-width: 1090px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: .95rem; line-height:2.1rem; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: .95rem; line-height:1.9rem; } 
  .row .col-lg-6 .squares-copy .square-1 { height: 340px; }
  .row .col-lg-6 .squares-copy .square-2 { height: 340px; }
}

@media (max-width: 1024px) {
  .row .col-lg-6 .squares-copy .square-1 { height:460px!important; }
  .row .col-lg-6 .squares-copy .square-2 { height:460px!important; }
  .row .col-lg-6 .squares-copy .square-1 { height: 320px!important; }
  .row .col-lg-6 .squares-copy .square-2 { height: 320px!important; }
}

@media (max-width: 991px) {
  .row .col-lg-6 .squares-copy .square-1 h2 { font-size: 2rem; margin-left: 11% !important; margin-right: 12% !important; margin-bottom: 2rem; }
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.4rem; line-height:2.2rem; margin-left: 11% !important; margin-right: 12% !important;}
  .row .col-lg-6 .squares-copy .square-2 h2 { font-size: 2rem; margin-left: 11% !important; margin-right: 11% !important; margin-bottom: 2rem; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.4rem; line-height:2.2rem; margin-left: 11% !important; margin-right: 11% !important; } 
  .row .col-lg-6 .squares-copy .square-1 { height: 460px !important; }
  .row .col-lg-6 .squares-copy .square-2 { height: 460px !important; }
}


@media (max-width: 600px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1.2rem; line-height:2rem; margin-left:3.5rem!important; margin-right:3.5rem!important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1.2rem; line-height:2rem; margin-left:3.5rem!important; margin-right:3.5rem!important; } 
  .row .col-lg-6 .squares-copy .square-1 { height: 380px !important; }
  .row .col-lg-6 .squares-copy .square-2 { height: 380px !important; }
  .row .col-lg-6 .squares-copy .square-1 h2 { margin-left:3.5rem!important; margin-right:3.5rem!important; }
  .row .col-lg-6 .squares-copy .square-2 h2 { margin-left:3.5rem!important; margin-right:3.5rem!important; } 
}

@media (max-width: 480px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1rem; line-height:1.8rem; margin-left:3.5rem!important; margin-right:3.5rem!important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1rem; line-height:1.8rem; margin-left:3.5rem!important; margin-right:3.5rem!important; } 
  .row .col-lg-6 .squares-copy .square-1 { height: 360px !important; }
  .row .col-lg-6 .squares-copy .square-2 { height: 360px !important; }
  .row .col-lg-6 .squares-copy .square-1 h2 { font-size: 1.6rem; margin-left:3.5rem!important; margin-right:3.5rem!important; margin-bottom: 1.5rem; padding-top: 10%; }
  .row .col-lg-6 .squares-copy .square-2 h2 { font-size: 1.6rem; margin-left:3.5rem!important; margin-right:3.5rem!important; margin-bottom: 1.5rem; padding-top: 10%; } 
}


@media (max-width: 320px) {
  .row .col-lg-6 .squares-copy .square-1 p { font-size: 1rem!important; line-height: 1.7rem!important; }
  .row .col-lg-6 .squares-copy .square-2 p { font-size: 1rem!important; line-height: 1.7rem!important; }
}



/*~~ Home - Benefits Panel ~~*/

.btn-info { z-index: 9999; position: relative; }

.background-2 { background-image: url("https://shutterbase.co.uk/images/bg-2.jpg"); background-repeat: no-repeat; background-size:cover; }

.benefits-container { padding-top:3rem; padding-left:0rem; padding-right:0rem;padding-bottom:0rem; margin-bottom: -1rem; }

.benefits-container .row .col-lg-6 { padding-left: calc(var(--gutter-x)*2); padding-right: calc(var(--gutter-x)*2); }
.benefits-container .col-lg-12 { padding-left: calc(var(--gutter-x)*2); padding-right: calc(var(--gutter-x)*2); }

.background-2 .benefits-container .row .col-lg-12 h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 600; font-style: normal !important; color: #E94E1B !important; font-size: 2rem; padding-left:3rem; margin-top:-1rem; margin-bottom:0rem; }

.background-2 .benefits-container .row .col-lg-6 p { font-family: 'Avenir Next Condensed'!important; font-weight:600; font-style:normal; font-size:1.85rem; color:#FFF; margin-left:3rem; margin-right:3rem;  }

.background-2 .benefits-container .row .col-lg-6 p img { max-width:80px; margin-left:0rem; }

.dog-2 { padding-right: 7rem; }

.benefits-container .row h6 { margin-top: -303px; }

.benefits-container .row h6 img { max-width: 300px; margin-right: 7rem; float:right; }

.benefits-container .row .col-lg-12 .dog-gone hr { margin-top: -.7rem !important; }
.benefits-container .row .col-lg-12 .dog-gone { padding-right:4rem; }

@media (max-width: 1399px) {
  .background-2 .benefits-container .row .col-lg-12 h2 { padding-left: 0rem; margin-left: 1rem; }
  .background-2 .benefits-container .row .col-lg-6 p { font-size:1.45rem; margin-left: 1rem;margin-right: 1rem; }
  .btn-info { font-size:1.45rem; }
  .btn-info:hover {font-size:1.45rem; }
  .background-2 .benefits-container .row .col-lg-6 p img { max-width: 65px!important; }
  .benefits-container .row h6 img { margin-top: 3.3rem; max-width: 240px; }
}

@media (max-width: 1280px) {
  .background-2 .benefits-container .row .col-lg-6 p { font-size:1.3rem; }
  .btn-info { font-size:1.3rem; }
  .btn-info:hover {font-size:1.3rem; }
  .background-2 .benefits-container .row .col-lg-6 p img { max-width: 58px!important; }
}

@media (max-width:1024px) {
  .background-2 .benefits-container .row .col-lg-6 p { font-size:1.15rem; }
  .btn-info { font-size:1.15rem; }
  .btn-info:hover {font-size:1.15rem; }
  .benefits-container .row h6 img { margin-top: 7rem; max-width: 180px; }
}

@media (max-width:991px) {
  .background-2 .benefits-container .row .col-lg-6 p { font-size: 1.4rem; margin-bottom: 0rem !important; }
  .benefits-container .row h6 img { margin-top: 18rem; max-width: 220px; }
  .btn-info { font-size:1.4rem; }
  .btn-info:hover { font-size:1.4rem; }
}

@media (max-width:500px) {
  .background-2 .benefits-container .row .col-lg-6 p { font-size: 1.25rem; margin-bottom: 0rem !important; }
  .benefits-container .row h6 img { margin-top: 21rem; max-width: 180px; }
  .btn-info { font-size:1.25rem; }
  .btn-info:hover {font-size:1.25rem; }
}



/*~~ Home - Customer Feedback Panel ~~*/

.carousel-caption { top:0rem!important; }
.carousel-caption.d-none.d-md-block p { font-family: 'Avenir Medium'!important; font-weight: 500!important; text-align:left; font-size: 1.4rem;
margin-left: 3rem; margin-right: 3rem; line-height:1.85rem!important; }

.carousel-caption.d-none.d-md-block h6 { font-size:3rem; font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; color:#E94E1B!important; margin-bottom:1.4rem; } 

.dog-carousol { background-color:#87BCC2!important; margin-top: -1.2rem; margin-bottom:0rem; padding-top:3rem; padding-bottom:3rem; }

.card-body { padding:0rem!important; }

.carousel-control-next, .carousel-control-prev { opacity:1!important; }

.carousel-control-next-icon { background-image: url("https://shutterbase.co.uk/images/button-arrow.png")!important; }
.carousel-control-prev-icon { background-image: url("https://shutterbase.co.uk/images/button-arrow-back.png")!important; }

.carousel-control-next-icon, .carousel-control-prev-icon { width:6rem!important; height:6rem!important; }

@media (max-width: 1800px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.8rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1.3rem; line-height: 1.75rem !important; }
}

@media (max-width: 1680px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.7rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1.2rem; line-height: 1.7rem !important; }
}

@media (max-width: 1600px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.6rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1.15rem; line-height: 1.65rem !important; margin-left:2rem; margin-right:2rem;  }
}

@media (max-width: 1550px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.2rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1.1rem; line-height: 1.6rem !important; }
}

@media (max-width: 1480px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.2rem; margin-bottom: 1rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1.09rem; line-height: 1.6rem !important; margin-left:1rem; margin-right:1rem;  }
  .carousel-caption { padding-top:0rem!important; padding-bottom:0rem!important;  }
}

@media (max-width: 1399px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.2rem; margin-bottom: 1rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1rem; line-height: 1.5rem !important; margin-left:1rem; margin-right:1rem;  }  
}

@media (max-width: 1299px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.2rem; margin-bottom: .5rem; }
  .carousel-caption.d-none.d-md-block p { font-size:1rem; line-height: 1.45rem !important; margin-left:1rem; margin-right:1rem;  }  
}

@media (max-width: 1259px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2.2rem; margin-bottom: .5rem; }
  .carousel-caption.d-none.d-md-block p { font-size:.9rem; line-height: 1.4rem !important; margin-left:1rem; margin-right:1rem;  }  
}

@media (max-width: 1170px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2rem; margin-bottom: .75rem; }
  .carousel-caption.d-none.d-md-block p { font-size:.8rem; line-height: 1.3rem !important; margin-left:1rem; margin-right:1rem;  }  
}

@media (max-width: 1090px) {
  .carousel-caption.d-none.d-md-block h6 { font-size:2rem; margin-bottom: .5rem; }
  .carousel-caption.d-none.d-md-block p { font-size:.75rem; line-height: 1.18rem !important; margin-left:1rem; margin-right:1rem; margin-bottom:.5rem;  }  
  .dog-carousol { margin-top: -1.5rem; }
}

@media (max-width: 1024px) {
  .contact-us .row .col-lg-5 p { font-size: 1.2rem; margin-right: 2.9rem; }
  .contact-us .row .col-lg-5 h2 { font-size: 2.1rem; margin-bottom: 1.2rem; }
}

@media (max-width: 991.98px) {
  button#Submit.rsform-submit-button.btn.btn-primary { margin-bottom: 0rem!important; }
  .contact-us .row .col-lg-5 p { margin-right:0rem!important; }
  .carousel-caption.d-none.d-md-block p { font-size: 1rem; line-height: 1.4rem !important; }
  .carousel-caption.d-none.d-md-block h6 { margin-bottom:1rem; }
}

@media (max-width:850px) {
  .carousel { min-height:500px!important; } 
  img.d-block { min-height:500px!important; } 
  .carousel-caption.d-none.d-md-block p { font-size: 1.2rem; line-height: 1.8rem !important; }
}

@media (max-width:800px) {
  .contact-us .row .col-lg-5 p { font-size: 1.2rem!important; margin-bottom: 2rem !important; }
  .contact-us .row .col-lg-5 h2 { font-size: 2rem!important; margin-bottom: 1rem!important; }
}

@media (max-width:767px) {
  .carousel-caption.d-none.d-md-block p { font-size: 1.1rem; line-height: 1.7rem !important; }
}


@media (max-width:600px) {
  button#Submit.rsform-submit-button.btn.btn-primary { font-size:1.4rem!important; padding-left: 2rem!important; padding-right: 2rem!important; }
  .social-1 { margin-right: 10px!important; }
  .social-2 { margin-right: 12px!important; }
  .social-3 { margin-right: 0px!important; }
  .social-icons { width:225px!important; }
  .carousel-caption.d-none.d-md-block p { font-size: 1rem; line-height: 1.6rem !important; }
  .dog-carousol { margin-top: -1.7rem; }
}

@media (max-width:550px) {
  .carousel-control-next-icon, .carousel-control-prev-icon { width: 2rem !important; height: 2rem !important; }
  .carousel-control-next, .carousel-control-prev { max-width:4rem!important; }
  .carousel { min-height:600px!important; } 
  img.d-block { min-height:600px!important; } 
  .carousel-caption.d-none.d-md-block h6 { margin-top:1rem; }
}


@media (max-width:499px) {
  .social-icons { width:100%!important; margin-top:0px!important; }
  button#Submit.rsform-submit-button.btn.btn-primary { width:100%!important; }
  .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton { padding-top: 2.2rem!important; }
  .social-1 { max-width:100%!important; margin-right: 17% !important; }
  .social-2 { max-width:100%!important; margin-right: 17% !important; }
  .social-3 { max-width:100%!important; margin-right: 17% !important; }
  .social-4 { max-width:100%!important; }
}

@media (max-width:480px) {
  .social-1 { margin-right: 15% !important; }
  .social-2 { margin-right: 15% !important; }
  .social-3 { margin-right: 15% !important; }
  .carousel-caption.d-none.d-md-block p { font-size: 1rem; line-height: 1.4rem !important; }
  .carousel-caption.d-none.d-md-block h6 { margin-bottom: .6rem; }
  .background-2 .benefits-container .row .col-lg-12 h2 { font-size:1.7rem!important; }
  .carousel-caption.d-none.d-md-block h6 { font-size:1.7rem!important; }
  .dog-carousol { margin-top: -1.8rem; }
  .benefits-container .col-lg-12 { margin-bottom:-40px!important; }
  .contact-us .row .col-lg-5 p { font-size: 1.1rem!important; margin-bottom: 2rem !important; }
  .contact-us .row .col-lg-5 h2 { font-size: 1.8rem!important; margin-bottom: 1rem!important; }
}

@media (max-width:440px) {
  .social-1 { margin-right: 13% !important; }
  .social-2 { margin-right: 13% !important; }
  .social-3 { margin-right: 13% !important; }
}

@media (max-width:410px) {
  .social-1 { margin-right: 11% !important; }
  .social-2 { margin-right: 11% !important; }
  .social-3 { margin-right: 11% !important; }
  .carousel-caption.d-none.d-md-block p { font-size: .95rem; line-height: 1.35rem !important; }
}

@media (max-width:374px) {
  .social-1 { margin-right: 9% !important; }
  .social-2 { margin-right: 9% !important; }
  .social-3 { margin-right: 9% !important; }
  .carousel-caption.d-none.d-md-block p { font-size: .93rem; line-height: 1.32rem !important; }
}

@media (max-width:360px) {
  .contact-us { padding-left: 2rem!important; padding-right: 2rem!important; }
  .social-1 { margin-right: 12% !important; }
  .social-2 { margin-right: 12% !important; }
  .social-3 { margin-right: 11% !important; }
}

@media (max-width:355px) {
  .social-1 { margin-right: 8% !important; }
  .social-2 { margin-right: 8% !important; }
  .social-3 { margin-right: 8% !important; }
  .carousel-caption.d-none.d-md-block p { font-size: .85rem!important; line-height: 1.25rem !important; }
  .carousel-caption.d-none.d-md-block h6 { font-size: 1.5rem !important; }
}


/*~~ Shutters - HOW WE wORK ~~*/

.how-work {
  padding-top: 3rem;
  padding-left: 8rem;
  padding-right: 8rem;
  padding-bottom: 0rem;
  margin-bottom: -1rem;
}

.how-work h1 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:center; font-size:4rem; color: #E94E1B!important; margin-bottom:3rem; }

.how-work .row .col-lg-6 .fixed-step { display:inline-block; vertical-align: top; max-width:200px; margin-right: 2%; }
.how-work .row .col-lg-6 .fixed-copy { display:inline-block; vertical-align: top; max-width:69%;  }

.how-work .row .col-lg-6 .fixed-step h6 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:right; font-size:4rem; color: #706F6F!important; margin-bottom:2rem; font-style:normal; margin-right: .5rem; }

.how-work .row .col-lg-6 .fixed-copy h5 { font-family: 'Avenir'!important; font-weight: 900!important; text-align:left; font-size:2rem; color: #E94E1B!important; margin-bottom:0rem; font-style:normal; }

.how-work .row .col-lg-6 .fixed-copy p { font-family:'Avenir'!important; font-weight: 500!important; text-align:left; font-size:2rem; color: #706F6F!important; margin-bottom:0rem; font-style:normal; }

.dog-3 p { padding-left:8rem; padding-right:8rem;  }
.dog-3 p img { max-width:100%; margin-top:2rem; }

.dog-3-wrapper { margin-top:-7rem; position:relative; z-index:9999; }

.dog-3-button { padding-left:170px; }
 
.dog-3-button p img { max-width:80px!important; }


@media (max-width: 1631px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size:1.9rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size:1.9rem; }
}

@media (max-width: 1562px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size:1.85rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size:1.85rem; }
}

@media (max-width: 1529px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size:1.75rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size:1.75rem; }
}

@media (max-width: 1461px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size:1.65rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size:1.65rem; }
}

@media (max-width: 1440px) {
  .how-work .row .col-lg-6 .fixed-step h6 { font-size:3.2rem; }
}

@media (max-width: 1399px) {
  .how-work h1 { font-size:3rem; }
  .how-work .row .col-lg-6 .fixed-step h6 { font-size:2.6rem; }
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.55rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.55rem; }
  .btn-dark { font-size: 1.55rem; width: 140px; }
  .btn-dark:hover { font-size: 1.55rem; }
  .dog-3-button p img { max-width: 65px !important; }
  .dog-3-button { padding-left: 140px; }
}

@media (max-width: 1366px) {
  .how-work h1 { font-size: 2.8rem; }
}

@media (max-width: 1330px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.45rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.45rem; }
}

@media (max-width: 1280px) {
  .dog-3-button { padding-left: 130px; }
}

@media (max-width: 1250px) {
  .how-work h1 { font-size: 2.6rem; }
}

@media (max-width: 1260px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.4rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.4rem; }
}

@media (max-width: 1220px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.35rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.35rem; }
}

@media (max-width: 1190px) {
  .how-work { padding-left :4rem!important; padding-right :3rem!important; }
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.3rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.3rem; }
  .dog-3 p { padding-left: 4rem; padding-right: 4rem; }
}

@media (max-width: 1160px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.25rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.25rem; }
}

@media (max-width: 1125px) {
  .how-work .row .col-lg-6 .fixed-step h6 { font-size:2.2rem; }
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.2rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.2rem; }
}

@media (max-width: 1090px) {
  .how-work .row .col-lg-6 .fixed-step h6 { font-size:2rem; }
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.15rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.15rem; }
}

@media (max-width: 1060px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.1rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.1rem; }
}

@media (max-width: 1020px) {
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1.05rem; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.05rem; }
}

@media (max-width: 991px) {
.how-work .row .col-lg-6 .fixed-step { display:inline-block; vertical-align: top; max-width:200px; margin-right: 2%; }
.how-work .row .col-lg-6 .fixed-copy { display:inline-block; vertical-align: top; max-width: 86%; min-width: 86%;  }
.dog-3-button { padding-right: 10%; float: right; margin-top: -1.5rem; }
.btn-dark { font-size: 1.35rem; width: 120px; }
.btn-dark:hover { font-size: 1.35rem; width: 120px; }
.dog-3-button p img { max-width: 50px !important; }
.dog-3 p img { margin-top:0rem; }
.how-work .row .col-lg-6 .fixed-copy p { font-size: 1.2rem; }
.how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1.2rem; }
}

@media (max-width: 830px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 81%; min-width: 81%;  }
  .how-work { padding-left: 3rem !important; padding-right: 2rem !important; }
  .dog-3-button { padding-right: 12%; }
}

@media (max-width: 620px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 78%; min-width: 78%;  }
  .dog-3-button { padding-right: 14%; margin-top: -.75rem; }
  .dog-3-button p img { max-width: 35px !important; }
  .btn-dark { font-size: 1.2rem; width: 108px; }
  .btn-dark:hover { font-size: 1.2rem; width: 108px; }
}

@media (max-width: 600px) {
  .how-work h1 { font-size: 2.2rem; }
}

@media (max-width: 560px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 74%; min-width: 74%;  }
}

@media (max-width: 500px) {
  .dog-3 p img { max-width: 126%; margin-left: -13%; }
  .dog-3-button { padding-right: 9%; }
}

@media (max-width: 480px) {
  .how-work h1 { font-size: 2rem; }
}

@media (max-width: 470px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 70%; min-width: 70%;  }
}

@media (max-width: 414px) {
  .btn-dark { margin-bottom:0rem; }
  .btn-dark:hover { margin-bottom:0rem; }  
  .dog-3-button { margin-top: -.5rem; padding-right: 10%; }
  .dog-3 p img { max-width: 136%; margin-left: -18%; }
  .how-work .row .col-lg-6 .fixed-copy p { font-size: 1rem!important; }
  .how-work .row .col-lg-6 .fixed-copy h5 { font-size: 1rem!important; }
  .how-work .row .col-lg-6 .fixed-step { max-width:100px!important; }
  .how-work { padding-left: 2rem !important; padding-right: 1rem !important; }
  .btn-dark { font-size: 1.1rem; width: 110px!important; }
  .btn-dark:hover { font-size: 1.1rem; width: 110px!important; }
}

@media (max-width: 400px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 66%; min-width: 66%;  }
}

@media (max-width: 384px) {
 .dog-3-button  { margin-top: 0rem; padding-right: 12%; margin-bottom: -2rem; }
}

@media (max-width: 375px) {
  .dog-3 p img { max-width: 144%; margin-left: -22%; }
}

@media (max-width: 360px) {
  .dog-3 p img { max-width: 148%; margin-left: -24%; }
}

@media (max-width: 350px) {
  .how-work .row .col-lg-6 .fixed-copy { max-width: 60%; min-width: 60%;  }
}

@media (max-width: 320px) {
  .dog-3 p img { max-width: 154%; margin-left: -27%; }
}
  

/*~~ Shutters - SHUTTER STYLES ~~*/

.background-3 { background-image: url("https://shutterbase.co.uk/images/bg-3.jpg"); background-repeat: no-repeat; background-size:cover; margin-top:3rem; padding-bottom:5rem; margin-bottom: -1rem; }

.shutter-styles { padding-top:3rem; padding-left:9rem; padding-right:9rem;padding-bottom:0rem; margin-bottom: -1rem; }

.shutter-styles .row .col-lg-6 { padding-left: calc(var(--gutter-x)*1); padding-right: calc(var(--gutter-x)*1);  }

.background-3 .shutter-styles h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:center; font-size:4rem; color: #E94E1B!important; margin-bottom:2rem; }

.background-3 .shutter-styles p { font-family: 'Avenir'!important; font-weight: 500!important; font-size:1.65rem; color:#575756; line-height: 2.8rem; }

.background-3 .shutter-styles ul li { font-family: 'Avenir'!important; font-weight: 500!important; font-size:1.65rem; color:#575756;  line-height: 2.4rem; margin-bottom: 1.71rem; }

.background-3 .shutter-styles ul { margin-bottom:1rem!important; margin-top:2rem!important; }

@media (max-width: 1887px) {
  .background-3 .shutter-styles ul { margin-bottom:0rem!important; margin-top:0rem!important;  }
  .background-3 .shutter-styles ul li { line-height: 2.27rem;  }
}

@media (max-width: 1872px) {
  .background-3 .shutter-styles ul { margin-bottom:0rem!important; margin-top:0rem!important;  }
  .background-3 .shutter-styles ul li { line-height: 1.89rem;  }
}

@media (max-width: 1769px) {
  .background-3 .shutter-styles ul { margin-bottom: .75rem !important; margin-top: 2.25rem !important; }
  .background-3 .shutter-styles ul li { line-height: 2.05rem; }
}

@media (max-width: 1752px) {
  .background-3 .shutter-styles ul { margin-bottom: 2.5rem !important; margin-top: 3.25rem !important; }
  .background-3 .shutter-styles ul li { line-height: 2.05rem; }
}

@media (max-width: 1731px) {
  .background-3 .shutter-styles ul { margin-bottom: 1.5rem !important; margin-top: 3.3rem !important; }
  .background-3 .shutter-styles ul li { line-height: 2.1rem; margin-bottom: 2.6rem; }
}

@media (max-width: 1677px) {
  .background-3 .shutter-styles ul { margin-bottom: 1rem !important; margin-top: 2rem !important; }
  .background-3 .shutter-styles ul li {line-height: 2.1rem; margin-bottom: 2.45rem; }
}

@media (max-width: 1626px) {
  .background-3 .shutter-styles ul { margin-bottom: 0.75rem !important; margin-top: 1rem !important; }
  .background-3 .shutter-styles ul li { line-height: 2.1rem; margin-bottom: 1.9rem; }
}

@media (max-width: 1524px) {
  .background-3 .shutter-styles ul { margin-bottom: 0.75rem !important; margin-top: 1rem !important; }
  .background-3 .shutter-styles ul li { line-height: 2.1rem; margin-bottom: 1.33rem; }
}

@media (max-width: 1420px) {
 .background-3 .shutter-styles p { font-size:1.55rem; }
 .background-3 .shutter-styles ul li { font-size:1.55rem; }
}

@media (max-width: 1399px) {
  .background-3 .shutter-styles h2  { font-size:3rem; }
  .background-3 .shutter-styles p { line-height:2.7rem; }
  .background-3 .shutter-styles ul li { margin-bottom: 1.15rem; }
}

@media (max-width: 1340px) {
   .background-3 .shutter-styles p { font-size:1.45rem; }
   .background-3 .shutter-styles ul li { font-size:1.45rem; line-height: 2rem; margin-bottom: 1.4rem; }
}

@media (max-width: 1279px) {
   .background-3 .shutter-styles p { font-size:1.4rem; line-height:2.6rem;  }
   .background-3 .shutter-styles ul li { font-size:1.4rem; line-height: 2rem; margin-bottom: 1.15rem; }
}

@media (max-width: 1245px) {
   .background-3 .shutter-styles p { font-size:1.35rem; line-height:2.5rem;  }
   .background-3 .shutter-styles ul li { font-size:1.35rem; line-height: 2rem; margin-bottom: 1.1rem; }
}

@media (max-width: 1210px) {
   .background-3 .shutter-styles p { font-size:1.3rem; line-height:2.3rem;  }
   .background-3 .shutter-styles ul li { font-size:1.3rem; line-height: 1.9rem; margin-bottom:.76rem; }
}

@media (max-width: 1190px) {
  .shutter-styles { padding-left:4rem!important; padding-right:4rem!important; }
  .background-3 .shutter-styles p {  font-size: 1.25rem; line-height: 2.2rem; }
  .background-3 .shutter-styles ul li { font-size:1.25rem; line-height: 1.8rem; margin-bottom:2rem; } 
}

@media (max-width: 1171px) {
  .shutter-styles { padding-left:4rem!important; padding-right:4rem!important; }
  .background-3 .shutter-styles p {  font-size: 1.35rem; line-height: 2.2rem; }
  .background-3 .shutter-styles ul li { font-size:1.35rem; line-height: 1.67rem; margin-bottom: 1rem; } 
}

@media (max-width: 1050px) {
  .shutter-styles { padding-left:4rem!important; padding-right:4rem!important; }
  .background-3 .shutter-styles p {  font-size: 1.25rem; line-height: 2.2rem; }
  .background-3 .shutter-styles ul li { font-size: 1.25rem; line-height: 1.65rem; margin-bottom: 1.1rem;} 
}

@media (max-width: 991px) {
  .background-3 .shutter-styles .row .col-lg-6 div { border-left: 0rem solid #fff!important; }
  .background-3 .shutter-styles .row .col-lg-6 div p { margin-left:0px!important; }
  .background-3 .shutter-styles .row .col-lg-6 div ul { margin-left:0px!important; }
}

@media (max-width: 800px) {
  .background-3 .shutter-styles p { font-size: 1.2rem; line-height: 2.1rem; }
}

@media (max-width: 600px) {
  .background-3 .shutter-styles h2 { font-size: 2.2rem!important; }
}

@media (max-width: 480px) {
  .background-3 .shutter-styles h2 { font-size: 2rem!important; }
  .shutter-styles { padding-left: 2rem !important; padding-right: 2rem !important; }
  .background-3 .shutter-styles p { font-size: 1.1rem!important; line-height: 2rem!important; }
  .background-3 .shutter-styles ul li { font-size: 1.1rem!important; }
}


/*~~ Shutters - LOUVRE SLAT SIZES ~~*/

.louvre-slats { padding-top:3rem; padding-left:9rem; padding-right:9rem;padding-bottom:0rem; margin-bottom: -1rem; margin-top:6rem; }

.louvre-slats .row .col-lg-6 .dog-4 {  }

.louvre-slats .row .col-lg-6 h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:left; font-size:4rem; color: #E94E1B!important; margin-bottom:2rem; }

.louvre-slats .row .col-lg-6 p { font-family: 'Avenir'!important; font-weight: 500!important; font-size:1.65rem; color:#575756; line-height: 2.8rem; }

.louvre-slats .row .col-lg-6 p img { max-width: 74%; vertical-align: bottom!important; }
.louvre-slats .row .col-lg-6 p  { text-align:center; }

.louvre-slats .row .col-lg-6 .slits p img { max-width:90%!important; margin-top:-1rem; }
.louvre-slats .row .col-lg-6 .slits p { text-align:right; }

@media (max-width: 1820px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 73%; }
}

@media (max-width: 1814px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 68%; }
}

@media (max-width: 1760px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 66%; }
}

@media (max-width: 1700px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 63%; }
}

@media (max-width: 1650px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 61%; }
}

@media (max-width: 1600px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 58%; }
}

@media (max-width: 1573px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 63%; margin-top: -2rem; }
  .louvre-slats .row .col-lg-6 h2 { text-align:left; font-size:3.6rem; }
  .louvre-slats .row .col-lg-6 p { text-align:left; font-size:1.5rem; line-height:2.8rem; text-align: center;  }
}

@media (max-width: 1500px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 59%; }
}

@media (max-width: 1458px) {
  .louvre-slats .row .col-lg-6 p img { max-width: 54%!important; }
  .louvre-slats .row .col-lg-6 p { line-height:2.5rem; }
}

@media (max-width: 1399px) {
  .louvre-slats .row .col-lg-6 h2 { font-size:3rem; }
  .louvre-slats .row .col-lg-6 p { font-size:1.5rem; line-height: 2.4rem; }
}

@media (max-width: 1357px) {
  .louvre-slats .row .col-lg-6 p { font-size:1.4rem; line-height: 2.3rem; }
}

@media (max-width: 1290px) {
  .louvre-slats .row .col-lg-6 h2 { font-size: 2.6rem; }
  .louvre-slats .row .col-lg-6 p { font-size:1.3rem!important; line-height: 2.2rem!important; }
  .louvre-slats .row .col-lg-6 p img { margin-top: -.75rem; max-width: 50% !important; }
}

@media (max-width: 1290px) {
  .louvre-slats .row .col-lg-6 h2 { font-size: 2.6rem; }
  .louvre-slats .row .col-lg-6 p { font-size:1.3rem!important; line-height: 2.2rem!important; }
  .louvre-slats .row .col-lg-6 p img { margin-top: -.75rem; max-width: 50% !important; }
}

@media (max-width: 1250px) {
  .louvre-slats .row .col-lg-6 h2 { font-size: 2.4rem; }
  .louvre-slats .row .col-lg-6 p { font-size:1.2rem!important; line-height: 2.1rem!important; }
  .louvre-slats .row .col-lg-6 p img { margin-top: -1rem; max-width: 56% !important; }
}

@media (max-width: 1227px) {
  .louvre-slats .row .col-lg-6 p img { margin-top: -1rem; max-width: 49% !important; }
}

@media (max-width: 1190px) {
  .louvre-slats { padding-left:4rem!important; padding-right:4rem!important; margin-bottom: -2rem!important; margin-top: 3rem!important; }
  .louvre-slats .row .col-lg-6 p img { margin-top: 1rem; max-width: 56% !important; }
} 

@media (max-width: 1130px) {
  .louvre-slats .row .col-lg-6 p img { margin-top: 0rem; max-width: 56% !important; }
} 

@media (max-width: 1070px) {
  .louvre-slats .row .col-lg-6 p img { margin-top: -2rem; max-width: 50% !important; }
  .louvre-slats .row .col-lg-6 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
} 

@media (max-width: 1030px) {
  .louvre-slats .row .col-lg-6 p img { margin-top: -2.5rem; max-width: 50% !important; }
  .louvre-slats .row .col-lg-6 p { font-size: 1.2rem !important; line-height: 2.1rem !important; }
} 

@media (max-width: 991px) {
  .louvre-slats .row .col-lg-6 .slits p { text-align: center!important; }
  .louvre-slats .row .col-lg-6 h2 { font-size: 2.6rem; }
}

@media (max-width: 600px) {
  .louvre-slats .row .col-lg-6 h2 { font-size: 2.2rem; margin-top: -2rem; }
  .louvre-slats { margin-bottom:-4rem!important; }
}

@media (max-width: 480px) {
  .louvre-slats .row .col-lg-6 h2 { font-size: 2rem; }
  .louvre-slats .row .col-lg-6 p img { max-width:80%!important; }
  .louvre-slats .row .col-lg-6 .slits p img { max-width: 120% !important; margin-top: -1rem; margin-left: -10%; }
  .louvre-slats { padding-left: 3rem !important; padding-right: 3rem !important; }
}



/*~~ Shutters - HINDGES ~~*/

.hindges-bg { background-image: url("https://shutterbase.co.uk/images/hindge.jpg"); background-repeat: no-repeat; background-size:100%; height: 690px;  }

.hindges { padding-top:3rem; padding-left:6rem; padding-right:6rem;padding-bottom:0rem; margin-bottom: -1rem; margin-top:6rem;  }

.hindges .row .col-lg-6 h2 { font-family: 'Avenir Next Condensed'!important; font-weight: 500!important; text-align:left; font-size: 3.5rem; color: #E94E1B!important; margin-bottom: 3rem; margin-top: 2rem; }

.hindges .row .col-lg-6 p { font-family: 'Avenir'!important; font-weight: 500!important; font-size:1.85rem; color:#575756; line-height: 3rem; color:#fff; }

.hindges .row .col-lg-6 { padding-left: calc(var(--gutter-x)*.5); padding-right: calc(var(--gutter-x)*4);  }

@media (max-width: 1805px) {
  .hindges-bg { height:660px; }
  .hindges .row .col-lg-6 h2 { font-size:3.2rem; }
}

@media (max-width: 1730px) {
  .hindges-bg { height:640px; }
}

@media (max-width: 1675px) {
  .hindges-bg { height:610px; }
}

@media (max-width: 1660px) {
  .hindges .row .col-lg-6 h2 { font-size:3rem; }
  .hindges .row .col-lg-6 p { font-size:1.65rem; line-height:2.7rem; }
  .hindges-bg { height:600px; }
}

@media (max-width: 1580px) {
  .hindges .row .col-lg-6 h2 { font-size:2.8rem; }
}

@media (max-width: 1567px) {
  .hindges .row .col-lg-6 h2 { font-size:2.8rem; }
  .hindges-bg { height:560px; }
}

@media (max-width: 1489px) {
  .hindges .row .col-lg-6 h2 { font-size: 2.5rem; }
  .hindges-bg { height:535px; }
}

@media (max-width: 1399px) {
  .hindges .row .col-lg-6 h2 { font-size: 2.3rem; margin-bottom:2rem; }
  .hindges-bg { height:490px; }
  .hindges .row .col-lg-6 p { font-size: 1.45rem; line-height: 2.5rem; }
}

@media (max-width: 1300px) {
  .hindges .row .col-lg-6 h2 { font-size: 2.1rem; }
}

@media (max-width: 1280px) {
  .hindges .row .col-lg-6 p { font-size: 1.35rem; line-height: 2.4rem; }
  .hindges-bg { height:470px; }
}

@media (max-width: 1230px) {
  .hindges .row .col-lg-6 p { font-size: 1.3rem; line-height: 2.25rem; }
  .hindges-bg { height:450px; }
}

@media (max-width: 1200px) {
  .hindges .row .col-lg-6 h2 { font-size: 1.9rem; }
}

@media (max-width: 1175px) {
  .hindges-bg { height:420px; }
  .hindges .row .col-lg-6 p { font-size: 1.2rem; line-height: 2rem; }
  .hindges .row .col-lg-6 h2 { margin-bottom:1.6rem; font-size: 1.75rem; margin-top: 1rem; }
}

@media (max-width: 1100px) {
  .hindges-bg { height:390px; }
}

@media (max-width: 1080px) {
  .hindges { padding-left:3rem!important; padding-right:3rem!important; }
}

@media (max-width: 1020px) {
  .hindges-bg { height:370px; }
}

@media (max-width: 991px) {
  .hindges .row .col-lg-6 p { max-width:100%!important; font-size: 1.1rem; line-height: 1.8rem; margin-bottom:0px!important;  }
  .hindges .row .col-lg-6 h2 { max-width:52%!important; margin-top: 0rem;  }
  .hindges-bg { height:350px; }
}







/*~~ Blinds - Header~~*/


.background-4 { background-image: url("https://shutterbase.co.uk/images/bg-1.jpg"); background-repeat: no-repeat; background-size:cover; }

.background-4 .content-4 h1 {
  font-family: 'Avenir Next Condensed' !important;
  font-weight: 500 !important;
  text-align: center;
  font-size: 4rem;
  color: #E94E1B !important;
  margin-bottom: 2rem;
}

.content-4 {
  padding-top: 3rem;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-bottom: 4rem;
  margin-bottom: 0rem;
}

.background-4 .content-4 p {
  font-family: 'Avenir' !important;
  font-weight: 500 !important;
  font-size: 1.65rem;
  color: #575756;
  line-height: 2.8rem
  text-align:center;
}

.color-block-1 { background-color:#ADAA8F; padding:4rem; margin-top:-1rem; height: 767px; }
.color-block-2 { background-color:#AA9B8F; padding:4rem; margin-top:-1rem; height: 767px; }
.color-block-3 { background-color:#374540; padding:4rem; margin-top:-1rem; height: 767px; }
.color-block-4 { background-color:#7C9A68; padding:4rem; margin-top:-1rem; height: 767px; }
.color-block-5 { background-color:#A4B0B6; padding:4rem; margin-top:-1rem; height: 767px; }
.color-block-6 { background-color:#B9A170; padding:4rem; margin-top:-1rem; height: 767px; }

.color-blocks .row .row { margin-top:-1rem; }

.color-blocks .row { padding-left: calc(var(--gutter-x)*0); padding-right: calc(var(--gutter-x)*0)!important; --gutter-x: 0rem !important; }


@media (max-width: 1676px) {
  .color-block-5 { height: 800px; } 
  .color-block-6 { height: 800px; } 
  .color-block-4 p { line-height:2.7rem!important; }
}

@media (max-width: 1648px) {
  .color-block-1 { height: 820px; } 
  .color-block-2 { height: 820px; } 
}

@media (max-width: 1561px) {
  .color-block-5 { height: 840px; } 
  .color-block-6 { height: 840px; } 
  .color-block-4 p { line-height:2.95rem!important; }
}

@media (max-width: 1449px) {
  .color-block-4 p { line-height:2.7rem!important; }
}

@media (max-width: 1440px) {
  .color-block-1 p { font-size: 1.55rem!important; color: #fff; line-height: 2.7rem!important; }
  .color-block-2 p { font-size: 1.55rem!important; color: #fff; line-height: 2.7rem!important; }
  .color-block-3 p { font-size: 1.55rem!important; color: #fff; line-height: 2.58rem!important; }
  .color-block-4 p { font-size: 1.55rem!important; color: #fff; line-height: 2.8rem!important; }
  .color-block-5 p { font-size: 1.55rem!important; color: #fff; line-height: 2.7rem!important; }
  .color-block-5 ul li { font-size: 1.55rem!important; color: #fff; line-height: 2.65rem!important; }
  .color-block-6 p { font-size: 1.55rem!important; color: #fff; line-height: 2.7rem!important; }
  .background-4 .content-4 p { font-size: 1.55rem!important; }
}

@media (max-width: 1399px) {
  .background-4 .content-4 h1 { font-size:3rem; }
}

@media (max-width: 1380px) {
  .color-block-1 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-2 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-3 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-4 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-5 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-5 ul li { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .color-block-6 p { font-size: 1.35rem!important; color: #fff; line-height: 2.6rem!important; }
  .background-4 .content-4 p { font-size: 1.55rem!important; }
  
  .color-block-1, .color-block-2 { height: 785px; }
  .color-block-3, .color-block-4 { height: 740px; }
  .color-block-5, .color-block-6 { height: 780px; }
}

@media (max-width: 1366px) {
  .color-block-1 p { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .color-block-2 p { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .color-block-3 p { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .color-block-4 p { font-size: 1.2rem!important; color: #fff; line-height: 2.48rem!important; }
  .color-block-5 p { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .color-block-5 ul li { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .color-block-6 p { font-size: 1.2rem!important; color: #fff; line-height: 2.25rem!important; }
  .background-4 .content-4 p { font-size: 1.45rem!important; }
  
  .color-block-1, .color-block-2 { height: 680px; }
  .color-block-3, .color-block-4 { height: 630px; }
  .color-block-5, .color-block-6 { height: 660px; }
  
  .color-block-2 p img { max-width: 190px!important; }
  .dog-7 { margin-top: 4rem!important; margin-bottom:2rem!important; }
}

@media (max-width: 1300px) {
  .color-block-1 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-2 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-3 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-4 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-5 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-5 ul li { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .color-block-6 p { font-size: 1.25rem!important; color: #fff; line-height: 2.2rem!important; }
  .background-4 .content-4 p { font-size: 1.45rem!important; }
  
  .color-block-1, .color-block-2 { height: 700px; }
  .color-block-3, .color-block-4 { height: 650px; }
  .color-block-5, .color-block-6 { height: 700px; }
  
  .color-block-2 p img { max-width: 190px!important; }
  .color-block-3, .color-block-4 { height: 630px; }
}

@media (max-width: 1250px) {
  .background-3 .shutter-styles h2 { font-size: 2.6rem; }
  .background-4 .content-4 h1 { font-size: 2.6rem; }
}

@media (max-width: 1251px) {
  .color-block-3, .color-block-4 { height: 670px; }
  .color-block-4 p { line-height: 2.39rem !important; }
}

@media (max-width: 1200px) {
  .color-block-5, .color-block-6 { height: 730px; }
  .color-block-1 h2 { margin-bottom: 1.6rem!important; }

  .color-block-2 h2 { margin-bottom: 1.6rem!important; }
  .color-block-3 h2 { margin-bottom: 1.6rem!important; }
  .color-block-4 h2 { margin-bottom: 1.6rem!important; }
  .color-block-5 h2 { margin-bottom: 1.6rem!important; }
  .color-block-6 h2 { margin-bottom: 1.6rem!important; }
}

@media (max-width: 1160px) {
  .color-block-4 p { line-height: 2.2rem !important; }
  .background-4 .content-4 p { font-size: 1.35rem !important; }
}

@media (max-width: 1131px) {
 .color-block-4 p { line-height: 2.04rem !important; }
}

@media (max-width: 1117px) {
  .color-block-4 p { line-height: 2.2rem !important; }
  .color-block-3, .color-block-4 { height: 710px; }
}

@media (max-width: 1101px) {
  .background-4 .content-4 p { font-size: 1.25rem !important; }
  .color-block-4 p { line-height: 2.2rem !important; }
  .color-block-3, .color-block-4 { height: 710px; }
  
  .color-block-1 { padding:3rem; }
  .color-block-2 { padding:3rem; }
  .color-block-3 { padding:3rem }
  .color-block-4 { padding:3rem; }
  .color-block-5 { padding:3rem; }
  .color-block-6 { padding:3rem; }
  
  .color-block-1 p { font-size: 1.15rem !important; line-height: 2.1rem !important; }
  .color-block-2 p { font-size: 1.15rem !important; line-height: 2.1rem !important; }
  .color-block-3 p { font-size: 1.15rem !important; line-height: 2.1rem !important; }
  .color-block-4 p { font-size: 1.15rem !important; line-height: 2.29rem !important; }
  .color-block-5 p { font-size: 1.15rem !important; line-height: 2.1rem !important; }
  .color-block-6 p { font-size: 1.15rem !important; line-height: 2.1rem !important; }
  
  .color-block-2 p img { max-width: 170px !important; margin-top: -1rem; }
  
  .color-block-1, .color-block-2 { height: 620px; }
  .color-block-3, .color-block-4 { height: 630px; }
  .color-block-5, .color-block-6 { height: 670px; }
  
  .dog-7 { margin-top: 3rem!important; margin-bottom:1rem!important; }
}

@media (max-width: 1024px) {
  .color-block-4 p { line-height: 2.1rem !important; }  
}

@media (max-width: 997px) {
  .color-block-4 p { line-height: 1.94rem !important; }  
}

.color-block-1 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-2 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-3 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-4 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-5 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-6 h2 { font-family: 'Avenir Next Condensed' !important; font-weight: 500; font-style: normal !important; color: #E94E1B !important; margin-top: -1rem; margin-bottom: 2.6rem; }

.color-block-1 p { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.8rem; }

.color-block-2 p {font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.8rem; }

.color-block-3 p { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.68rem; }

.color-block-4 p { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.95rem; }

.color-block-5 p { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.8rem; }

.color-block-5 ul { padding-right: 1.5rem!important; }

.color-block-5 ul li { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.8rem; color: #E94E1B; }

.color-block-6 p { font-family: 'Avenir' !important; font-weight: 500 !important; font-size: 1.65rem; color: #fff; line-height: 2.8rem; }

.color-block-2 p img { max-width:220px; }

.dog-7 { margin-top:5rem; margin-bottom:3rem; }

@media (max-width: 991px) {
  .content-4 { padding-left: 2rem; padding-right: 2rem; padding-bottom: 4rem; margin-bottom: 0rem; }
  .color-blocks .row .col-lg-6 p img { min-width: 100%; }
  .color-block-2 p img { min-width: 170px !important; }
  
  .color-block-1 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-2 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-2 p { margin-bottom:0rem!important; }
  .color-block-3 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-4 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-5 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-6 p { font-size: 1.25rem !important; line-height: 2.15rem !important; }
  .color-block-5 ul { margin-top: 1rem; }
  .color-block-2 p img { margin-top: 2rem!important; }
  
  .color-block-1 h2 { font-size: 2rem; }
  .color-block-2 h2 { font-size: 2rem; }
  .color-block-3 h2 { font-size: 2rem; }
  .color-block-4 h2 { font-size: 2rem; }
  .color-block-5 h2 { font-size: 2rem; }
  .color-block-6 h2 { font-size: 2rem; }
  
  .color-block-2 { height: 560px; }
}

@media (max-width: 850px) {
  .color-block-2 p img { margin-top: 1rem !important; }
}

@media (max-width: 800px) {
  .background-4 .content-4 p { margin-bottom: 1rem !important; font-size: 1.4rem !important; line-height: 2rem !important; }
  .background-4 .content-4 h1 { margin-bottom: 1rem !important; }
  .content-4 { padding-bottom: 2.4rem!important; }
  .color-block-2 p img { margin-top: -.75rem !important; }
}

@media (max-width: 680px) {
  .color-block-2 { height: 600px; }
}

@media (max-width: 600px) {
  .background-4 .content-4 h1 { font-size: 2.2rem !important; }
  .background-4 .content-4 p { margin-bottom: 1rem !important; font-size: 1.2rem !important; line-height: 1.8rem !important; }
  .color-block-2 p img { margin-top: .75rem !important; }
  .color-block-2 { height: 640px; }
}

@media (max-width: 550px) {
  .color-block-2 { height: 650px; }
}

@media (max-width: 500px) {
  .color-block-3 { height: 650px; }
  .color-block-6 { height: 720px; }
  .color-block-1 h2 { font-size:1.8rem!important; }
  .color-block-2 h2 { font-size:1.8rem!important; }
  .color-block-3 h2 { font-size:1.8rem!important; }
  .color-block-4 h2 { font-size:1.8rem!important; }
  .color-block-5 h2 { font-size:1.8rem!important; }
  .color-block-6 h2 { font-size:1.8rem!important; }
}


@media (max-width: 480px) {
  .background-4 .content-4 h1 { font-size: 2rem !important; text-align:center!important; }
  .color-block-1 h2 { font-size: 1.8rem!important; }
  .color-block-2 p img { min-width: 120px !important; max-width: 120px !important; margin-top: 2rem !important; }
  
  .color-block-1 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  .color-block-2 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  .color-block-2 p { margin-bottom:0rem!important; }
  .color-block-3 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  .color-block-4 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  .color-block-5 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  .color-block-6 p { font-size: 1.15rem !important; line-height: 2.05rem !important; }
  
  .color-block-1 h2 { font-size:1.6rem!important; }
  .color-block-2 h2 { font-size:1.6rem!important; }
  .color-block-3 h2 { font-size:1.6rem!important; }
  .color-block-4 h2 { font-size:1.6rem!important; }
  .color-block-5 h2 { font-size:1.6rem!important; }
  .color-block-6 h2 { font-size:1.6rem!important; }
  
  .background-4 .content-4 p { margin-bottom: 1rem !important; font-size: 1.3rem !important; line-height: 1.85rem !important; }
  .color-block-1 { height: 540px; padding: 2rem !important; }
  .color-block-2 { height: 540px; padding: 2rem !important; }
  .color-block-3 { height: 550px; padding: 2rem !important; }
  .color-block-4 { height: 560px; padding: 2rem !important; }
  .color-block-5 { height: 550px; padding: 2rem !important; }
  .color-block-6 { height: 640px; padding: 2rem !important; }
  
  .color-block-1 h2 { padding-top:.75rem!important; }
  .color-block-2 h2 { padding-top:.75rem!important; }
  .color-block-3 h2 { padding-top:.75rem!important; }
  .color-block-4 h2 { padding-top:.75rem!important; }
  .color-block-5 h2 { padding-top:.75rem!important; }
  .color-block-6 h2 { padding-top:.75rem!important; }  
}

@media (max-width: 442px) {
  .background-4 .content-4 p { font-size: 1.15rem !important; line-height: 1.75rem !important; }
  .color-block-2 p img { margin-top:0rem!important; }
  .color-block-3 { height: 600px;  }
  .color-block-4 { height: 580px;  }
  .color-block-5 { height: 580px;  }
  .color-block-5 { height: 660px;  }
}

@media (max-width: 414px) {
  .color-block-6 { height: 750px; }
  .content-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .color-block-5 ul li { font-size: 1.15rem !important; }
  
  .color-block-1 { height:560px; min-height:560px; max-height:560px;  }
  .color-block-2 { height:580px; min-height:580px; max-height:580px;  }
  .color-block-3 { height:670px; min-height:670px; max-height:670px; }
  .color-block-4 { height:600px; min-height:600px; max-height:600px; }
  .color-block-5 { height:590px; min-height:590px; max-height:590px; }
  .color-block-6 { height: 680px; min-height:680px; max-height:680px; }
}

@media (max-width: 403px) {
  .color-block-1 { height:580px; min-height:580px; max-height:580px;  }
  .color-block-2 { height:600px; min-height:600px; max-height:600px;  }
  .color-block-3 { height:660px; min-height:660px; max-height:660px; }
  .color-block-4 { height:650px; min-height:650px; max-height:650px; }
  .color-block-5 { height:620px; min-height:620px; max-height:620px; }
  .color-block-6 { height: 670px; min-height:670px; max-height:670px; }
  
  .color-block-1 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
  .color-block-2 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
  .color-block-3 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
  .color-block-4 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
  .color-block-5 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
  .color-block-6 h2 { font-size:1.4rem!important; margin-bottom:1rem!important; }
}

@media (max-width: 384px) {
  .background-4 .content-4 p { font-size: 1.05rem !important; line-height: 1.65rem !important; }
  .background-4 .content-4 h1 { font-size: 1.8rem !important; }
  .color-block-2 p img { margin-top: 1rem !important; }
  
  .color-block-1 { height:440px; min-height:440px; max-height:440px;  }
  .color-block-2 { height:480px; min-height:480px; max-height:480px;  }
  .color-block-3 { height:490px; min-height:490px; max-height:490px; }
  .color-block-4 { height:480px; min-height:480px; max-height:480px; }
  .color-block-5 { height:490px; min-height:490px; max-height:490px; }
  .color-block-6 { height: 540px; min-height:540px; max-height:540px; }
  
  .color-block-1 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  .color-block-2 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  .color-block-3 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  .color-block-4 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  .color-block-5 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  .color-block-6 h2 { font-size:1.3rem!important; margin-bottom:.8rem!important; }
  
  .color-block-1 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  .color-block-2 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  .color-block-3 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  .color-block-4 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  .color-block-5 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  .color-block-6 p { font-size: 1rem !important; line-height: 1.6rem !important; }
  
  .color-block-5 ul li { font-size: 1rem !important; }
}

@media (max-width: 375px) {
  .color-block-1 { height:450px; min-height:450px; max-height:450px;  }
  .color-block-2 { height:510px; min-height:510px; max-height:510px;  }
  .color-block-3 { height:490px; min-height:490px; max-height:490px; }
  .color-block-4 { height:480px; min-height:480px; max-height:480px; }
  .color-block-5 { height:490px; min-height:490px; max-height:490px; }
  .color-block-6 { height: 540px; min-height:540px; max-height:540px; }
}

@media (max-width: 360px) {
  .content-4 { padding-left: 1.1rem; padding-right: 1.1rem; }
  
  .color-block-1 { height:500px; min-height:500px; max-height:500px;  }
  .color-block-2 { height:580px; min-height:580px; max-height:580px;  }
  .color-block-3 { height:570px; min-height:570px; max-height:570px; }
  .color-block-4 { height:540px; min-height:540px; max-height:540px; }
  .color-block-5 { height:540px; min-height:540px; max-height:540px; }
  .color-block-6 { height: 600px; min-height:600px; max-height:600px; }
  
  .color-block-1 p { font-size: 1rem !important; line-height: 1.5rem !important; }
  .color-block-2 p { font-size: 1rem !important; line-height: 1.5rem !important; }
  .color-block-3 p { font-size: 1rem !important; line-height: 1.5rem !important; }
  .color-block-4 p { font-size: 1rem !important; line-height: 1.5rem !important; }
  .color-block-5 p { font-size: 1rem !important; line-height: 1.5rem !important; }
  .color-block-6 p { font-size: 1rem !important; line-height: 1.5rem !important; }
}




/*~~ Gallery~~*/

.ba-gallery { margin-top: -.95rem !important; margin-bottom: -2.3rem !important; }

#mod-custom129.mod-custom.custom { margin-top:-1.1rem; }



/*~~ Contact Form ~~*/

.contact-us { background-color:#333E4D!important; margin-top:-1rem; padding-left: 6rem; padding-right: 6rem; padding-top: 4rem; padding-bottom: 4rem; }

.contact-us .row .col-lg-5 h2 { font-size:3.5rem; color:#fff; font-family: 'Avenir'!important; font-weight:normal!important;  font-style: normal!important; margin-bottom:1.5rem; }
.contact-us .row .col-lg-5 p { font-size:1.65rem; color:#fff; font-family: 'Avenir'!important; font-weight: 500!important;  font-style: normal!important; margin-bottom:3rem; margin-right:10rem; }

.mb-3.rsform-block.rsform-type-textbox { background-color:#c2c5c9!important; margin-bottom:2rem!important; }
.mb-3.rsform-block.rsform-type-textarea { background-color:#c2c5c9!important; margin-bottom:2rem!important; }

input.rsform-input-box.form-control { font-family: 'Avenir'!important; font-weight:normal!important; font-style: normal!important; color:#333E4D!important; background-color:#c2c5c9!important; border: 0px solid #ced4da; padding-top:0rem; font-size: 1.2rem; border-radius: 0rem; }

textarea.rsform-text-box.form-control { font-family: 'Avenir'!important; font-weight:normal!important; font-style: normal!important; color:#333E4D!important; background-color:#c2c5c9!important; border: 0px solid #ced4da; padding-top:0rem; font-size: 1.2rem; border-radius: 0rem; margin-bottom: -3.7rem; }

label.form-label.formControlLabel { font-family: 'Avenir'!important; font-weight:bold!important; font-style: bold!important; color:#333E4D!important; font-size:1.2rem; margin-top:.5rem; margin-bottom:0rem; margin-left:1rem; }

button#Submit.rsform-submit-button.btn.btn-primary { font-size: 2rem !important; text-transform:uppercase!important; padding-left:5rem; padding-right:5rem; float:right; }

.btn-primary { background-color:#fff!important; color:#3C3C3B; border-radius:0rem!important; font-family: 'Avenir'!important; font-weight:bold!important; font-style: bold!important; }

.btn-primary:hover { color:#c2c5c9!important; }

.formControls div { margin-left: 1rem; margin-top: -.75rem !important; padding-bottom: .5rem !important; }

.mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton { padding-top: 3.5rem; }

.social-icons { background-color:#fff; width:360px; height: 67px; margin-top: -5.2rem; z-index: 99999; position: relative; }

#system-message-container { margin-bottom:em!important; }

.social-1 { display:inline-block; width:60px; margin-top:.5rem; float:left; margin-left:.5rem; margin-right:31px; }
.social-2 { display:inline-block; width:60px; margin-top:.5rem;  margin-right:33px;  }
.social-3 { display:inline-block; width:60px; margin-top:.5rem;  margin-right:34px;  }
.social-4 { display:inline-block; width:60px; margin-top:.5rem; float:right; }


@media (max-width: 1680px) {
  .contact-us .row .col-lg-5 p { margin-right:10rem; }
}

@media (max-width: 1470px) {
  .contact-us .row .col-lg-5 p { margin-right:7rem; }
}

@media (max-width: 1399px) {
  .contact-us .row .col-lg-5 h2 { font-size: 3rem; margin-bottom: 1.3rem;  }
  .contact-us .row .col-lg-5 p { font-size: 1.45rem; margin-right:4rem; }
  button#Submit.rsform-submit-button.btn.btn-primary { padding-left: 3rem; padding-right: 3rem; font-size:1.6rem!important; }
  
  .social-icons { height: 58px; margin-top: -4.65rem; width: 288px; padding-right: .5rem; }
  
  .social-1 { display:inline-block; width:40px; margin-top:.5rem; float:left; margin-left:.5rem; margin-right:31px; }
  .social-2 { display:inline-block; width:40px; margin-top:.5rem;  margin-right:33px;  }
  .social-3 { display:inline-block; width:40px; margin-top:.5rem;  margin-right:34px;  }
  .social-4 { display:inline-block; width:40px; margin-top:.5rem; float:right; }
  
  .social-1 a img { max-width:100%!important; }
  .social-2 a img { max-width:100%!important; }
  .social-3 a img { max-width:100%!important; }
  .social-4 a img { max-width:100%!important; }
}

@media (max-width: 1280px) {
  .contact-us .row .col-lg-5 h2 { font-size: 2.6rem; margin-bottom: 1.3rem;  }
  .contact-us .row .col-lg-5 p { font-size: 1.35rem; margin-right:4rem; }
}

@media (max-width: 1080px) {
  .contact-us { padding-left:3rem; padding-right:3rem; }
}

@media (max-width: 1100px) {
  .contact-us .row .col-lg-5 h2 { font-size: 2.5rem; margin-bottom: 1.3rem;  }
  .contact-us .row .col-lg-5 p { font-size: 1.25rem; margin-right:3rem; }
  
  .social-icons { height: 57px; width: 258px; }
  
  .social-1 { margin-right:21px; }
  .social-2 { margin-right:23px;  }
  .social-3 { display:inline-block; margin-right:24px;  }
  
  button#Submit.rsform-submit-button.btn.btn-primary { padding-left: 2.5rem; padding-right: 2.5rem; }
}

@media (max-width: 480px) {
  textarea.rsform-text-box.form-control { margin-bottom:-2.3rem; }
}


/*~~ FOOTER ~~*/

.grid-child.container-bottom-b { background-image: url("https://shutterbase.co.uk/images/footer-bg.jpg"); background-repeat: no-repeat; background-size:cover; margin-top:-1rem; }

#mod-custom125.mod-custom p img { margin-left:6rem; }

.grid-child.container-bottom-b .bottom-b.no-card { margin-top:7rem; margin-bottom:4rem; }

.bottom-b.no-card ul.mod-menu.mod-list.nav li { margin-left:5rem!important; }

.bottom-b.no-card ul.mod-menu.mod-list.nav li a { font-family: 'Avenir Next Condensed'!important; font-weight: normal; font-style: normal; font-size:2rem; line-height: 2.65rem; color:#E94E1B; text-decoration:none!important; }

.bottom-b.no-card ul.mod-menu.mod-list.nav li a:hover { color:#706F6F; }

#mod-custom126.mod-custom.custom p a { font-family: 'Avenir Next Condensed'!important; font-weight: normal!important; font-style: normal!important; font-size:2rem; line-height: 1.6; color:#E94E1B; text-decoration:none!important; }

#mod-custom126.mod-custom.custom p { font-family: 'Avenir Next Condensed'!important; font-weight: normal!important; font-style: normal!important; font-size:2rem; line-height: 1.6; color:#E94E1B;  }

#mod-custom126.mod-custom.custom p a:hover { color:#706F6F; }

#mod-custom126.mod-custom.custom { max-width: 400px !important; float: right; padding-right: 6rem; }

.bottom-b.no-card ul.mod-menu.mod-list.nav.footer-menu-2 li { margin-left:0px!important; }

@media (max-width: 1680px) {
  .bottom-b.no-card ul.mod-menu.mod-list.nav li { margin-left: 3rem !important; }
  #mod-custom125.mod-custom p img { margin-left: 5rem; }
  #mod-custom126.mod-custom.custom { padding-right: 6rem; }
}

@media (max-width: 1440px) {
  .bottom-b.no-card ul.mod-menu.mod-list.nav li a { font-size: 1.65rem; line-height: 1.33; }
  #mod-custom126.mod-custom.custom p a { font-size: 1.65rem; line-height: 1.62; }
  #mod-custom126.mod-custom.custom p { font-size: 1.65rem; line-height: 1.62; }
  #mod-custom125.mod-custom p img { max-width:285px; }
}


@media (max-width: 1280px) {
  .grid-child.container-bottom-b .bottom-b.no-card { margin-top: 6rem; }
  .bottom-b.no-card ul.mod-menu.mod-list.nav li { margin-left: 20% !important; }
  .footer { font-size:1rem!important; }
}

@media (max-width: 1200px) {
  .bottom-b.no-card ul.mod-menu.mod-list.nav li { margin-left: 40px!important; }
  #mod-custom125.mod-custom p img { margin-left: 2rem; }
  #mod-custom126.mod-custom.custom { padding-right: 2rem; }
}

@media (max-width: 1119px) {
  #mod-custom125.mod-custom p img { max-width: 265px; }
}


@media (max-width: 991px) {
  #mod-custom125.mod-custom p img { max-width:240px!important; margin-left: auto!important; margin-right: auto!important; margin-top:3rem; }
  .bottom-b.no-card ul.mod-menu.mod-list.nav li { margin-left: 0px !important; }
  .grid-child.container-bottom-b { padding-bottom:2rem; }
}

@media (max-width: 860px) {
  .footer1 { max-width: 100%!important; display: block!important; text-align: center; }
  .footer2 { max-width: 100%!important; display: block!important; text-align: center; float:none!important; }
}

@media (max-width: 500px) {
  .footer { font-size:1rem!important; }
}

@media (max-width: 414px) {
  .grid-child.container-bottom-b { padding-bottom: 0rem; padding-top: 2rem; }
}

@media (max-width: 375px) {
  .footer1 { font-size:1rem!important; }
  .footer2 { font-size:1rem!important; }
}

@media (max-width: 414px) {
 #mod-custom125.mod-custom p img { margin-top:2rem!important; }
 .grid-child.container-bottom-b .bottom-b.no-card { margin-bottom:1rem!important;  }
 #mod-custom126.mod-custom.custom { margin-bottom:2rem; }
 .footer1 { margin-bottom: .5rem; }
}

.footer1 { max-width:49%; display:inline-block; }
.footer2 { max-width:49%; display:inline-block; float:right; }

footer a { text-decoration:none!important; color:#fff!important; }
footer a:hover { color:#b9c0c2!important; }


.footer { margin-top:0rem; width:100%!important; background-color:#706F6F!important; background-image:none!important; font-family: 'Avenir'!important; font-weight: 500; font-style: normal; font-size:1.2rem; }

body.wrapper-fluid footer > .grid-child { padding-left:1.4rem; padding-right:1.4rem; padding-top:1.2rem; padding-bottom:1rem; }

@media (max-width: 1200px) {
  .footer1 { max-width:70%; }
  .footer2 { max-width:29%;}
}