/*~~ Roller Shutter London  ~~*/

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.sorts-mill-goudy-regular {
  font-family: "Sorts Mill Goudy", serif;
  font-weight: 400;
  font-style: normal;
}

:root {
  --body-font-size: 1.1rem!important;
  --body-font-family: "Raleway", sans-serif!important;
}

ol, ul { padding-left: 1.25rem; }

table { margin-top: -85px; }

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

#system-message-container { margin-bottom:1rem; margin-top:0rem!important; }

.carousel-caption.d-md-block h2 { font-family: "Sorts Mill Goudy", serif!important; font-size:1.6vw!important; background-color:rgba(34, 34, 34, 0.75); padding:1vw; color:#fff!important; display:block; margin-left:auto; margin-right:auto; line-height: 1.3; }

.carousel-caption { bottom:15vw; }

.new-top { margin-top:0rem; }
.alt-top { margin-top:0rem; }
.new-top p img { min-width:100%!important; }
.new-top .row { --gutter-x: 1.25em; }
.new-banner p { margin-bottom:0px; }

body.wrapper-fluid .site-grid { grid-gap: 0 0em; }
body.wrapper-fluid header > .grid-child { padding-left: 9%; padding-right: 9%; }
body.wrapper-fluid footer > .grid-child { padding-left: 1em; padding-right: 1em; padding-top: 1rem; padding-bottom: 1rem; text-align: center; }

.container-header { background-color: #fff!important; background-image: none!important; }
.container-component > * + * { margin-top:0px!important; }

.page-header h1 { font-family: "Raleway", sans-serif!important; text-align:center; color: #8a8a8a !important; font-weight:700; text-transform:uppercase!important; font-size: 1.8rem; letter-spacing:2px; }

h1, .h1 { font-family: "Raleway", sans-serif; color: #8a8a8a !important; font-weight:700; text-transform:uppercase!important; font-size: 1.8rem; letter-spacing:2px; line-height: 1.3; }

h2 { font-family: "Raleway", sans-serif; text-transform:uppercase; color:#8a8a8a!important; font-size:1.6rem; line-height:1.3rem; letter-spacing:2px; margin-bottom: 1rem; font-weight:600; }

.new-home-page h2 { margin-bottom: .5rem!important; margin-top: 0px !important; font-weight:600; line-height: 1.3; }

main#content.span12 div.item-page div.page-header h2 { text-align:center; color:#8a8a8a!important; font-weight:600; }

h3 {  font-family: "Raleway", sans-serif!important; font-size: 1.5rem; line-height: 1.3; color:rgba(0,0,0,0.75); font-weight:600; }

.boris h2 {  font-family: "Raleway", sans-serif !important; font-size: 1.5rem; line-height: 1.3; color: rgba(0,0,0,0.75)!important; font-weight: 600; text-transform: none; letter-spacing: 0px; }

h4 { font-size: 1.4em; line-height: 0.8em; color:rgba(0,0,0,0.75); font-weight:200; }

h5 { font-size: 1.2em!important; line-height: 1.3em; color:rgba(0,0,0,0.75); font-weight:200; }

.container-banner { margin: 0 0 1.5rem!important; }

body:not(.has-sidebar-left) .site-grid .container-component { grid-column-start: full-start; }
body:not(.has-sidebar-right) .site-grid .container-component { grid-column-end: full-end; }

.grid-child.container-component { padding-left:9%; padding-right:9%; }
.container-header .container-nav { margin-top: 57px; }

.dj-megamenu-clean li a.dj-up_a { font-size: 1.2rem!important; }
.dj-megamenu-wrapper { margin-top:1.1rem; }
li.dj-up.itemid106 a.dj-up_a { padding-right:0px!important; }
.dj-megamenu-clean .arrow { display:none!important; }
.dj-megamenu-clean li a.dj-up_a > span.dj-drop { padding-right:0px!important; }

.dj-megamenu-clean li div.dj-subwrap { border-width: 1px; border-style: solid; border-color: rgb(138, 138, 138); margin-left: 18px !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 { color: #222!important; background-color: #fff!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: #fff!important; color: #222!important; }

.new-home-page .row .col-lg-6 p a img { min-width:100%!important; }
.new-home-page .row { --gutter-x: 1.25em!important; }

a { color: #8a8a8a!important; text-decoration:none!important; }
a:hover { color: #222!important; }

.grid-child.container-bottom-b { background-color: #8a8a8a !important; background-image: none!important; padding-top:2rem; padding-bottom:2rem; margin-top: 1rem; } 
 
.bottom-b.no-card ul li a { color:#fff!important; } 
.bottom-b.no-card ul li a:hover { color: #222 !important; }
.bottom-b.no-card.one { margin-left:9%; }

.footer { color: #fff; background-color: #222; background-image: none; margin-top: 0em; min-width: 100%; }
.footer .grid-child ul li a { background-color: #8a8a8a!important; text-decoration:none!important; color:#fff!important; }

.mod-footer { margin-right:auto; margin-left:auto; } 
.footer1 { margin-right:auto; margin-left:auto; } 
.footer2 { display:none!important; }
.footer .grid-child .mod-footer { margin-right:auto; margin-left:auto; display:block; }

.btn-info {
  --btn-color: #fff;
  --btn-bg: #fff;
  --btn-border-color: #222;
  --btn-hover-color: #fff;
  --btn-hover-bg: #fff;
  --btn-hover-border-color: #222;
  --btn-focus-shadow-rgb: 79,122,158;
  --btn-active-color: #fff;
  --btn-active-bg: #fff;
  --btn-active-border-color: #222;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #222;
  --btn-disabled-bg: #fff;
  --btn-disabled-border-color: #222;
  border-radius: 0px;
  font-weight: 600;
}

.btn-primary {
  background-color: #fff!important;
  border-color: #222!important;
  color:#8a8a8a!important; 
  border-radius: 0px!important;
  font-weight: 600!important;
  text-transform: uppercase !important;
  --btn-active-color: #8a8a8a!important;
  --btn-active-bg: #fff!important;
  --btn-active-border-color: #222!important;
  --bs-btn-active-color: #8a8a8a!important;
  --bs-btn-active-bg: #fff!important;
  --bs-btn-active-border-color: #222!important;
  --bs-btn-bg: #fff!important;
  --bs-btn-border-color: #222!important;
  --bs-btn-hover-color: #8a8a8a!important;
  --bs-btn-hover-bg: #fff!important;
  --bs-btn-hover-border-color: #222!important;
}

.btn-primary:hover {
  background-color: #fff!important;
  border-color: #222!important;
  color: #222!important;
  border-radius: 0px!important;
  font-weight: 600!important;
  text-transform: uppercase !important;
  --btn-active-color: #8a8a8a!important;
  --btn-active-bg: #fff!important;
  --btn-active-border-color: #222!important;
  --bs-btn-active-color: #8a8a8a!important;
  --bs-btn-active-bg: #fff!important;
  --bs-btn-active-border-color: #222!important;
  --bs-btn-bg: #fff!important;
  --bs-btn-border-color: #222!important;
  --bs-btn-hover-color: #8a8a8a!important;
  --bs-btn-hover-bg: #fff!important;
  --bs-btn-hover-border-color: #222!important;
}



@media only screen and (max-width: 1600px) {
  body.wrapper-fluid header > .grid-child { padding-left: 2em; padding-right: 2em; }
  .grid-child.container-component { padding-left: 2em; padding-right: 2em; }
  div.header-top-inner { width: 100%!important; min-width: 100%!important; max-width: 100%!important; margin-left: 0em!important; margin-right: 0em!important; padding-left: 2em!important; padding-right: 2em!important; }
  .bottom-b.no-card.one { margin-left: 2em; }
}

@media only screen and (max-width: 1440px) {
  h1, .h1 { font-size: 1.7rem!important; }
}

@media only screen and (max-width: 1366px) {
  h1, .h1 { font-size: 1.5rem!important; }
  .page-header h1 { font-size: 1.5rem!important; }
  h2, .h2 {  font-size: 1.3rem!important; }
  h3 {  font-size: 1.3rem!important; }
  :root { --body-font-size: 1rem!important; }
}

@media only screen and (max-width: 1200px) {
  .dj-megamenu-wrapper { margin-top: 1.5rem; }
  .tap-1 .carousel-item .carousel-caption.d-md-block h2 { max-width:24vw!important; }
  .tap-2 .carousel-caption.d-md-block h2 { max-width:36vw!important; }
  .tap-3 .carousel-caption.d-md-block h2 { max-width:19vw!important; }
  .tap-4 .carousel-caption.d-md-block h2 { max-width:26vw!important; }
  .tap-5 .carousel-caption.d-md-block h2 { max-width:21vw!important; }
  .tap-6 .carousel-caption.d-md-block h2 { max-width:20vw!important; }
}

@media only screen and (max-width: 1119px) {
  .tap-7 .carousel-caption.d-md-block h2 { max-width:33vw!important; }
  
  .tap-8 .carousel-caption.d-md-block h2 { max-width:42vw!important; }
  .tap-9 .carousel-caption.d-md-block h2 { max-width:42vw!important; }
  .tap-10 .carousel-caption.d-md-block h2 { max-width:48vw!important; }
}

@media only screen and (max-width: 991px) {
  .bottom-b.no-card { text-align:center!important; }
  .bottom-b.no-card.one { margin-left: 0em; }
  .new-top .row .col-lg-4 p img { margin-bottom:1rem; }
  .alt-top .row .col-lg-4 p img { margin-bottom:1rem; }
}

@media only screen and (max-width: 800px) {
  .carousel-caption { bottom:13vw; }
  .tap-8 .carousel-caption.d-md-block h2 { max-width:44vw!important; }
  .tap-10 .carousel-caption.d-md-block h2 { max-width:50vw!important; }
  .tap-2 .carousel-caption.d-md-block h2 { max-width:38vw!important; }
  .tap-7 .carousel-caption.d-md-block h2 { max-width:35vw!important; }
}

@media only screen and (min-width: 601px) {
  .header-top-inner-mobile { display:none!important; }
}

@media only screen and (max-width: 600px) {
  .header-top-inner { display:none!important; }
  .header-top-inner-mobile { padding-left:1em; padding-right:1em; }
  body.wrapper-fluid header > .grid-child { padding-left: 1em; padding-right: 1em; }
  .grid-child.container-component { padding-left: 1em; padding-right: 1em; }
  div.header-top-inner { padding-left: 1em!important; padding-right: 1em!important; }
  .bottom-b.no-card.one { margin-left: 0em; }

  h1, .h1 { font-size: 1.3rem!important; }
  .page-header h1 { font-size: 1.3rem!important; }
  h2, .h2 {  font-size: 1.15rem!important; }
  h3 {  font-size: 1.15rem!important; }

  .carousel-caption { bottom: 11vw; left: 1em; right: 1em; }
  .carousel-indicators { display:none!important; }
  .tap-1 .carousel-item .carousel-caption.d-md-block h2 { max-width: 210px !important; font-size: .9rem !important; }

  .tap-2 .carousel-caption.d-md-block h2 { max-width: 320px !important; font-size: .9rem !important; }
  .tap-3 .carousel-caption.d-md-block h2 { max-width: 170px !important; font-size: .9rem !important; }
  .tap-4 .carousel-caption.d-md-block h2 { max-width: 230px !important; font-size: .9rem !important; }
  .tap-5 .carousel-caption.d-md-block h2 { max-width: 180px !important; font-size: .9rem !important; }
  .tap-6 .carousel-caption.d-md-block h2 { max-width: 170px !important; font-size: .9rem !important; }
  .tap-7 .carousel-caption.d-md-block h2 { max-width: 300px !important; font-size: .9rem !important; }
  .tap-11 .carousel-caption.d-md-block h2 { max-width: 140px !important; font-size: .9rem !important; }
  .tap-12 .carousel-caption.d-md-block h2 { max-width: 110px !important; font-size: .9rem !important; }

  .tap-8 .carousel-caption.d-md-block h2 { max-width: 380px !important; font-size: .9rem !important; }
  .tap-9 .carousel-caption.d-md-block h2 { max-width: 380px !important; font-size: .9rem !important; }
  .tap-10 .carousel-caption.d-md-block h2 { max-width: 440px !important; font-size: .9rem !important; }

  .container-banner { margin: 0 0 1rem !important; }
}

@media only screen and (max-width: 480px) {
  #mod-custom150.mod-custom.custom p a img { max-width:200px; }
  .dj-megamenu-wrapper { margin-top: .5rem; }
  .carousel-caption { bottom: 9.5vw; }

  .tap-8 .carousel-caption.d-md-block h2 { max-width: 240px !important; font-size: .9rem !important; }
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 8.5vw; }
  .tap-9 .carousel-caption.d-md-block h2 { max-width: 220px !important; font-size: .9rem !important; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 4.5vw; }
  .tap-10 .carousel-caption.d-md-block h2 { max-width: 240px !important; font-size: .9rem !important; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 4.5vw; }
}

@media only screen and (max-width: 430px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 7.5vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 3.5vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 3.5vw; }
  .carousel-caption { bottom: 8vw; }
}

@media only screen and (max-width: 414px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 7vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 3vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 3vw; }
}

@media only screen and (max-width: 390px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 6.25vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 2vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 2vw; }
  .carousel-caption { bottom: 7vw; }
}

@media only screen and (max-width: 375px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 6vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 1.75vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 1.75vw; }
  .page-header h1 { font-size: 1.3rem !important; }
  .new-top h1 { font-size: 1.25rem !important; }
  h1, .h1 { font-size: 1.25rem !important; }
}

@media only screen and (max-width: 360px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 5.25vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 1vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 1vw; }

  .page-header h1 { font-size: 1.2rem !important; }
  .new-top h1 { font-size: 1.15rem !important; }
  h1, .h1 { font-size: 1.15rem !important; }
}

@media only screen and (max-width: 320px) {
  .tap-8 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:3vw!important; bottom: 4.75vw; }
  .tap-9 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:2vw!important; bottom: 0vw; }
  .tap-10 .carousel-caption.d-md-block { padding-top:0px!important; padding-bottom:2vw!important; bottom: 0vw; }
}

div.header-top { display:block; width:100%; height:50px; background-color:#222; z-index:50; position:absolute; }

div.header-top-inner { display:inline-block; margin-left:9%; width:82%; padding-top:16px; margin-right:9%; }
div.header-inner.clearfix { display:block; position:absolute; top:0; z-index:51; width:100%; background-color:rgba(255,255,255,0.95); top:50px; }
div.header-search.pull-right.navigation { margin-right:4.5%; }
a.brand.pull-left { margin-left:5%; }
div.n2-section-smartslider { margin-top:170px; }

div.header-top-inner p a { color:#fff!important; }
div.header-top-inner p a:hover { color:#b1b4b3!important; }

div.header-top-inner-mobile p a { color:#fff!important; }
div.header-top-inner-mobile p a:hover { color:#b1b4b3!important; }