@charset "utf-8";
/* CSS Document */


@font-face {font-family:'GTSDisplay-reg';src:url("https://brigadecourt.london//fonts/GT-Super-Display-Regular.eot");src:url("https://brigadecourt.london//fonts/GT-Super-Display-Regular.eot?#iefix") format("embedded-opentype"),url("https://brigadecourt.london//fonts/GT-Super-Display-Regular.woff2") format("woff2"),url("https://brigadecourt.london/fonts/GT-Super-Display-Regular.woff") format("woff");}

@font-face {font-family:'GTSDisplay-med';src:url("https://brigadecourt.london//fonts/GT-Super-Display-Medium.eot");src:url("https://brigadecourt.london//fonts/GT-Super-Display-Medium.eot?#iefix") format("embedded-opentype"),url("https://brigadecourt.london//fonts/GT-Super-Display-Medium.woff2") format("woff2"),url("https://brigadecourt.london/fonts/GT-Super-Display-Medium.woff") format("woff");}

@font-face {font-family:'cal-med';src:url("https://brigadecourt.london//fonts/CalibreWeb-Medium.eot");src:url("https://brigadecourt.london//fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"),url("https://brigadecourt.london//fonts/CalibreWeb-Medium.woff2") format("woff2"),url("https://brigadecourt.london//fonts/CalibreWeb-Medium.woff") format("woff");}



@font-face {font-family:'cal-reg';src:url("https://brigadecourt.london//fonts/CalibreWeb-Regular.eot");src:url("https://brigadecourt.london//fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"),url("https://brigadecourt.london//fonts/CalibreWeb-Regular.woff2") format("woff2"),url("https://brigadecourt.london//fonts/CalibreWeb-Regular.woff") format("woff");}

@font-face {font-family:'cal-light';src:url("https://brigadecourt.london//fonts/CalibreWeb-Light.eot");src:url("https://brigadecourt.london//fonts/CalibreWeb-Light.eot?#iefix") format("embedded-opentype"),url("https://brigadecourt.london//fonts/CalibreWeb-Light.woff2") format("woff2"),url("https://brigadecourt.london//fonts/CalibreWeb-Light.woff") format("woff");}


/*homepage slider*/
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {right:20%}
.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { height:40px; width:40px}
.carousel-control{z-index:10}
.slide1-position {height:580px; background-size: contain; background-position: center; display:block !important; margin:50px 0 50px 0; background-color:#eeeeef; background-repeat:no-repeat}
.slide-position {height:680px; background-size: cover; background-position: center; display:block !important}
.carousel-margin-top {margin-top:155px}
.carousel-overlay {position:absolute; z-index:2; width:100%; height:100%;  }
.carousel-strap-position {padding-top:270px}

.homepage-slider1 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image1.jpg');}
.homepage-slider2 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image2.jpg');}
.homepage-slider3 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image3.jpg');}
.homepage-slider4 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image4.jpg');}
.homepage-slider5 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image5.jpg');}
.homepage-slider6 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image6.jpg');}
.homepage-slider7 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image7.jpg');}

.slider-image1 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image1.jpg'); height:600px; background-size: cover; background-position: center; display:block !important}
.slider-image2 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image2.jpg'); height:600px; background-size: cover; background-position: center;  display:block !important}
.slider-image3 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image3.jpg'); height:600px; background-size: cover; background-position: center;  display:block !important}
.slider-image4 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image4.jpg'); height:600px; background-size: cover; background-position: center;  display:block !important}
.slider-image5 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image5.jpg'); height:600px; background-size: cover; background-position: center;  display:block !important}

/*all pages*/

body {
	width: 100%;
	height: 100%;
	font-family: 'GTSDisplay-reg', Times; font-size:18px; line-height: 24px; letter-spacing: 1px; color: #021832;
margin-top: 0;
background-color: #FFF;
    font-feature-settings: "lnum" on;
}



html {
    width: 100%;
    height: 100%;
    background-color: #FFF;
  margin: 0;

}



hr {
	margin-top: 5px;
	
}


p.lead {
	font-weight: 600;
}

a {
    
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #000000;
}

.light {
    font-weight: 400;
}


.mapboxgl-map {height:500px}

.navbar {
	margin-bottom: 0;
	/* [disabled]border-top:2px solid #F00; */
	
}


.wheelchair-icon {width:22px; height:auto;margin:auto;}

.galleryhover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
} 

.galleryhover:hover {
-webkit-filter: brightness(1.1);
}

.navbar-brand h1{
	color: #fff;
  font-size: 20px;
  line-height: 10px;
}



.nav.navbar-nav {
	background-color: rgba(255,255,255,0.0);
	
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);

}


.navbar-custom ul.nav li a {
	font-size: 12px;

	top: 0px;
	
		

}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #818285;

}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;	
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;

}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	
		

}


.navbar-custom .nav  li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
	outline: 0;
	color: #000;
	/* [disabled]background-color: #CCC; */
	/* [disabled]padding: 0 0 0 20px; */
	font-family: opensans-regular, sans-serif, arial;
	
}

.navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #000;
		
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
	
}

.sameheight [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.sameheight{
  overflow: hidden; 
}


.apartment-finder-footer-image {height:450px !important}

.apartment-pagination{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:13px; line-height: 16px; letter-spacing: 0px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.apartment-pagination strong{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:13px; line-height: 16px; letter-spacing: 0px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.apartment-pagination a, .apartment-pagination a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:13px; line-height: 16px; letter-spacing: 0px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 
.apartment-pagination a, .apartment-pagination a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:13px; line-height: 16px; letter-spacing: 0px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 

[data-toggle~="collapse"] {
    cursor: pointer;
}

p{margin-bottom:20px}
a.anchor {display: block;position: relative;top: -80px;visibility: hidden;}

a {outline:none !important;}
.showwhensmall {display:none; visibility:hidden}

h1 .cal-med{font-family: 'cal-med', arial, helvetica; font-size:54px; line-height: 49px; letter-spacing: 3px; color: #021832;   -webkit-font-smoothing: antialiased;}
h1 .gts-med{font-family: 'GTSDisplay-med', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h1 .gts-med2{font-family: 'GTSDisplay-med', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h1 .gts-med-gold{font-family: 'GTSDisplay-med', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #be8f58; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h1 .gts-med-gold-head{font-family: 'GTSDisplay-med', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #be8f58; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}


/* old style
h2 .cal-reg{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:35px; line-height: 30px; letter-spacing: 3px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
h2 .gts-reg{font-family: 'GTSDisplay-reg', Times; font-size:30px; line-height: 34px; letter-spacing: 3px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}*/

h2 .cal-reg{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:28px; line-height: 28.5px; letter-spacing: 2.5px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
h2 .gts-reg{font-family: 'GTSDisplay-reg', Times; font-size:24px; line-height: 28.5px; letter-spacing: 1.5px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}

h2 .gts-med{font-family: 'GTSDisplay-med', Times; font-size:36px; line-height: 45px; letter-spacing: 2px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}
h2 .gts-med26{font-family: 'GTSDisplay-med', Times; font-size:26px; line-height: 40px; letter-spacing: 2px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; padding:0; margin:0 -webkit-font-smoothing: antialiased;}
h2 .gts-med26-building-name{font-family: 'GTSDisplay-med', Times; font-size:26px; line-height: 0px; letter-spacing: 2px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; padding:0; margin:0 -webkit-font-smoothing: antialiased;}

h2 .cal-reg20{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:20px; line-height: 24px; letter-spacing: 1px; color: #021832; text-transform: uppercase;  -webkit-font-smoothing: antialiased; }

#terms h2 {font-family: 'GTSDisplay-med', Times; font-size:18px; line-height: 22px; letter-spacing: 1px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased; margin:0;padding:20px 0 10px 0 }

.cal-reg20 sup{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:10px; line-height: 24px; letter-spacing: 1px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}


h2 .cal-med{font-family: 'cal-med', arial, helvetica; font-size:12px; line-height: normal; letter-spacing: 1px; color: white; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

h2 .gts-reg-gold{font-family: 'GTSDisplay-reg', Times; font-size:38px; line-height: 40px; letter-spacing: 3px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; }
h2 .gts-reg-gold34{font-family: 'GTSDisplay-reg', Times; font-size:34px; line-height: 36px; letter-spacing: 2px; color: #be8f58; text-transform: uppercase; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h2 .gts-reg-gold-secifications32{font-family: 'GTSDisplay-reg', Times; font-size:28px; line-height: 30px; letter-spacing: 2px; color: #be8f58; text-transform: uppercase; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h2 .cal-reg-gold{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:43px; line-height: 40px; letter-spacing: 3px; color: #be8f58; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

h3 {
    font-family: 'cal-reg', sans-serif, arial, helvetica;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 3px;
    color: #be8f58;
    margin-bottom: 0px;
          -webkit-font-smoothing: antialiased;
}
h3 .cal-med{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:15px; line-height: 16px; letter-spacing: 3px; color: #be8f58; text-align: center; text-transform: uppercase;  -webkit-font-smoothing: antialiased;}
h3 .history-cal-med-head{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:20px; line-height: 22px; letter-spacing: 2px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

h4 .gts-med{font-family: 'GTSDisplay-med', Times; font-size:22px; line-height: 30px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h4 .gts-med-apartments-complete{font-family: 'GTSDisplay-med', Times; font-size:50px; line-height: 60px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h4 .cal-med{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:25px; line-height: 30px; letter-spacing: 1px; color: #021832;   -webkit-font-smoothing: antialiased;}

#body-gold ul {color: #be8f58; padding-left:16px; font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:18px; line-height: 25px; letter-spacing: 1px;text-transform: uppercase; margin-top:20px; margin-bottom:20px;   -webkit-font-smoothing: antialiased;}
#body-gold li {margin-bottom:5px}

#body-specifications ul {color: #4b515b; padding-left:16px; font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:20px; line-height: 24px; letter-spacing: 0px; margin-top:20px; margin-bottom:20px; list-style: none;   -webkit-font-smoothing: antialiased;}
#body-specifications li {margin-bottom:10px}
#body-specifications ul li::before {content: "\2022"; color: #be8f58; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;padding-left:4px }



.gts-reg-gold-small{font-family: 'GTSDisplay-reg', Times; font-size:24px; line-height: 20px; letter-spacing: 3px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}
.gts-reg-gold-small22{font-family: 'GTSDisplay-reg', Times; font-size:22px; line-height: 20px; letter-spacing: 2px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; }
.gts-med-gold-small18{font-family: 'GTSDisplay-med', Times; font-size:18px; line-height: 22px; letter-spacing: 1px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}

.cal-med16{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.cal-med16 a, .cal-med16 a:visited{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.cal-med16 a:hover, .cal-med16 a:active{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.cal-med16gold{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.cal-med19gold{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:19px; line-height: 30px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.cal-reg16gold{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.cal-med12{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 20px; letter-spacing: 2px; color: #677280; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.cal-med12white{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: white; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}


.cal-med12blue{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.cal-med12blue sup{font-size:8px; text-transform: uppercase}
.cal-med12blue a, .cal-med12blue a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 
.cal-med12blue a, .cal-med12blue a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 

.cal-med12blue-all{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;text-decoration:none}
.cal-med12blue-all a, .cal-med12blue-all a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;text-decoration:none} 
.cal-med12blue-all a, .cal-med12blue-all a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;text-decoration:none} 


.cal-med12gold {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 
.cal-med12gold a, .cal-med12gold a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 
.cal-med12gold a, .cal-med12gold a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 

.cal-med12gold a:hover, .cal-med12gold a:active {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:12px; line-height: 15px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 


.gts-reg14gold{font-family: 'GTSDisplay-reg', Times; font-size:15px; line-height: 18px; letter-spacing: 1.5px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on; }
.cal-med14blue{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.cal-reg14blue{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 1px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
.small-s {font-size:35px}

.body-gts-reg {font-family: 'GTSDisplay-reg', Times; font-size:22px; line-height: 26px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.amenities-sub-head {line-height: 16px; margin:0px; padding:0}

.brigade-court-logo-visible { transition:all 0.3s ease; visibility:visible; height: 67px; width:180px; background-image: url( "https://brigadecourt.london/images/brigade-court-logo-blue.png" ); background-size: contain; }
.brigade-court-logo-visible-small { transition:all 0.3s ease; visibility:visible; height: 41px; width:111px; background-image: url( "https://brigadecourt.london/images/brigade-court-logo-blue.png" ); background-size: contain; margin-top:50px; margin-left:32px; background-repeat: no-repeat }

.brigade-court-logo-visible-white { transition:all 0.3s ease; visibility:visible; height: 67px; width:180px; background-image: url( "https://brigadecourt.london/images/brigade-court-logo-white.png" ); background-size: contain; }

.hrstyle{
    
    /*border:1px solid #071931;*/
 border: none;
  border-top: 1px solid #071931;
}

    .hidden-on-desktop {display:none; visibility: hidden}
.apartments-pad-fix{padding-left:70px; padding-right:70px}
.section-pad{padding:50px 0 50px 0}
.container-pad {padding:50px 0 25px 0}
.container-pad2 {padding:50px 0 25px 0}
.container-pad25 {padding:25px 0 25px 0}
.main-logosize {width:195px; height:auto}
.center-image {margin:0 auto}
.center-text {text-align: center}

.handcursor {cursor: pointer}

.therevival-box {padding:40px 30px 80px 30px; background-color:#eeeeef; text-align: center; text-transform: uppercase;margin-bottom:60px}

.history-dates-gold{font-family: 'GTSDisplay-med', Times; font-size:47px; line-height: 30px; letter-spacing: 3px; color: #be8f58;     font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.history-cal-reg{font-family: 'cal-reg', arial, helvetica; font-size:20px; line-height: 24px; letter-spacing: px; color: #be8f58; text-align: left;  -webkit-font-smoothing: antialiased;}

/*grey box*/
.largegrey-box {padding:40px 30px 80px 30px; background-color:#eeeeef; text-align: center; text-transform: uppercase;margin-bottom:30px}
.greybox-strap-gtsdisplay-med {color: #021832; font-size: 47px; line-height: 49px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0; padding:0}
.greybox-strap-cal-med {color: #021832; font-size: 54px; line-height: 49px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
/*bluebox*/
.largeblue-box {padding:40px 30px 80px 30px; background-color:#021832; text-align: center; text-transform: uppercase;margin-bottom:30px}
.bluebox-strap-gtsdisplay-med {color: white; font-size: 47px; line-height: 49px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0; padding:0}
.bluebox-strap-cal-med {color: white; font-size: 54px; line-height: 49px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}

.section-heading {text-align: center}
.blue-bell-position {position: absolute; top:15px; left:50%; margin-left: -32px !important; }
.hr-line-pad {padding:22px 0 8px 0}
.fullwidthimage {width:100%; height:auto}
.greyimageborder {border:6px solid #efeff0}
.main-arrow-pad {padding:30px 0 30px 0}

.overlay-caption-box {padding:0 6px 5px 6px; background-color: #efeff0; font-size:11px; line-height: 12px; text-transform: uppercase; font-family: 'cal-light', arial, helvetica; letter-spacing: 0px; color: #021832;   -webkit-font-smoothing: antialiased;}
.overlay-caption-box-history {padding:0 6px 5px 6px; background-color: #efeff0; font-size:11px; line-height: 12px; text-transform: uppercase; font-family: 'cal-light', arial, helvetica; letter-spacing: 0px; color: #021832;   -webkit-font-smoothing: antialiased;}
.overlay-caption-box-date {font-size:12px;font-family: 'GTSDisplay-reg', Times;     font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; text-transform: lowercase}

.view-the-floorplans-arrow {width:50px; height:20px; margin:0 auto; margin-top:20px; background-color: transparent}
.view-the-floorplans-box  {background-color: #efeff0; transition: 0.3s}
.view-the-floorplans-box:hover {background-color:#021832}
.view-the-floorplans-box:hover .view-the-floorplans{ color:white; transition: 2.5s}




/*interactive map*/
.select-map-category {color: #999; padding:30px 0 10px 0}
.map-description {line-height: 18px; padding-top: 10px; text-transform: inherit}
.mappad {padding-top:20px}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  /*display: -webkit-inline-box;*/
}

.gutter > [class*='col-'] {
    padding-right:15px;
    padding-left:15px;
}

.checkbox-container-map {
    display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container-map input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark-blue {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
    border:1px solid #021832
}

/* On mouse-over, add a grey background color */
.checkbox-container-map:hover input ~ .checkmark-blue {
  background-color: #888;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container-map input:checked ~ .checkmark-blue{
  background-color: #021832;
}



@media (max-width: 992px) {
    .mappad {padding:30px}
    
    .gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
    .select-map-category {color: #999; padding:10px 0 10px 0}
    
    .checkbox-container-map {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  cursor: pointer;
        padding-right:15px;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
}




/*paddings*/

.bedroom-pad-fix{padding:0 60px 0 60px}
.apartments-bedroom-padding {padding:0 60px 0 60px}
.development-pad40 {padding:40px}
.main-heading-pad {padding:15px 0 65px 0}
.main-heading-pad-2lines {padding:30px 0 65px 0}
.journey-padleft{padding-left:30px}
.padright10 {padding-right:10px}
.padright20 {padding-right:20px}
.toppad10 {padding-top:10px}
.toppad15 {padding-top:15px; }
.toppad30 {padding-top:30px; }
.botpad20 {padding-bottom:20px}
.botpad30 {padding-bottom:30px}
.botpad40 {padding-bottom:40px}
.botpad50 {padding-bottom:50px}
.botpad60 {padding-bottom:60px}
.botpad70 {padding-bottom:70px}
.botpad80 {padding-bottom:80px}
.buttonpadtop {padding-top:35px; }
.buttonpadtop2 {padding-top:15px; }
.pad6 {padding:0 6px 0 6px}
.pad10 {padding:10px}
.pad20 {padding:20px}
.pad30 {padding:30px}
.pad40 {padding:40px}
.pad50 {padding:50px}
.pad60 {padding:60px}


/*fonts*/
.gtsdisplay-med-font {font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.gtsdisplay-reg-font {font-family: 'GTSDisplay-reg', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}

.cal-reg-font {font-family: 'cal-reg', arial, helvetica;   -webkit-font-smoothing: antialiased;}
.cal-reg-font a, .cal-reg-font a:visited {font-family: 'cal-reg', arial, helvetica;   -webkit-font-smoothing: antialiased; color: #021832; font-feature-settings: "case" 1;}
.cal-reg-font a:hover, .cal-reg-font a:active {font-family: 'cal-reg', arial, helvetica;   -webkit-font-smoothing: antialiased; color: #be8f58; font-feature-settings: "case" 1;}

.cal-med-font {font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}
.cal-light-font {font-family: 'cal-light', arial, helvetica;   -webkit-font-smoothing: antialiased;}



/*buttons*/

button.btn.collapsed:before
{content:'+' ;display:block;width:15px;
}
button.btn:before
{content:'-' ;display:block;width:15px;
}


.interest-button { border:1px solid #be8f58; text-align:center; padding: 7px 5px 7px 5px; font-size:15px; line-height: 22px; width:220px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px;   -webkit-font-smoothing: antialiased; }
.visit-us-button {  border:1px solid #be8f58; text-align:center; padding: 7px 0px 7px 0px; font-size:15px; line-height: 22px; width:95px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px;   -webkit-font-smoothing: antialiased; }
.call-us-button {  font-size:15px; line-height: 22px;  font-family: 'cal-med', arial, helvetica; letter-spacing: 3px;   -webkit-font-smoothing: antialiased; }
.interest-button-position{position:absolute; top:52px; right:30px}

.find-out-button {  border:1px solid white; text-align:center; padding: 7px 10px 7px 10px; font-size:15px; line-height: 22px; width:160px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px;   -webkit-font-smoothing: antialiased; background-color:rgba(0,0,0,0.3)}

.visit-us-button-position {position: absolute; top:52px; left:90px}
.call-us-button-position {position: absolute; top:60px; left:200px}
.interest-button-position-adjust{position:absolute; top:94px; right:30px}
.visit-us-button-position-adjust{position:absolute; top:94px; left:90px}
.call-us-button-position-adjust{position:absolute; top:103px; left:200px}

a.interest-button-text {color:#be8f58;   font-size:13px; }
.interest-button-text {color:#be8f58;   font-size:13px; }
a:hover.interest-button-text .interest-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
a:hover.interest-button-text .visit-us-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
.interest-button-hover-text .interest-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}


a.find-out-button-text {color:white;   font-size:13px; }
.find-out-button-text {color:white;   font-size:13px; }
a:hover.find-out-button-text .find-out-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
a:hover.find-out-button-text .find-out-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
.find-out-button-hover-text .find-out-button  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}

.brochure-button { border:1px solid #be8f58; text-align:center; padding: 7px 5px 7px 5px; font-size:15px; width:225px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px; }
a.brochure-button-text {color:#be8f58;   font-size:13px; }
a:hover.brochure-button-text .brochure-button  {color:#fff;   font-size:15px; letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}

.view-development-button { border:1px solid #be8f58; text-align:center; padding: 7px 5px 7px 5px; font-size:15px; width:245px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px; margin:0 auto; margin-top:29px;   -webkit-font-smoothing: antialiased;}
a.view-development-button-text {color:#be8f58;   font-size:13px; }
a:hover.view-development-button-text .view-development-button  {color:#fff;   font-size:15px; letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}

.interest-button-small {visibility: hidden; display:none}

.show-specifications-button { border:1px solid #be8f58; text-align:center; padding: 7px 5px 7px 5px; font-size:15px; width:275px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px; margin:0 auto; margin-top:15px;   -webkit-font-smoothing: antialiased;}
a.show-specifications-button-text {color:#be8f58;   font-size:13px; }
a:hover.show-specifications-button-text .view-development-button  {color:#fff;   font-size:15px; letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
.show-specifications-arrow {float: left; margin: 7px 0 0 10px}


/*overlay images*/
.traditionally-different-main-image-position-home {width:80%}
.traditionally-different-overlay-image-position-home {position: absolute; top:21%;right:6%;height:200px; width:31%; }
.traditionally-different-main-image-position {width:80%}
.traditionally-different-overlay-image-position {position: absolute; top:15%;right:6%;height:200px; width:30%; }
.traditionally-different-main-image-position2{width:80%; float: right; margin-right:10px}
.traditionally-different-overlay-image-position2{position: absolute; width:45%; top:42%; }
.the-development-image-position{width:80%; margin-right:0px; float: right}
.the-development-overlay-image-position{position: absolute; width:49.5%; top:33%; left:0%; }
.the-development-image-position-home{width:80%; margin-right:0px; float: right}
.the-development-overlay-image-position-home{position: absolute; width:49.5%; top:33%; left:0%; }
.homepage-the-apartments-image-position {width:80%; float: right; margin-right:0px}
.homepage-the-apartments-overlay-image-position {position: absolute; width:38%; top:23%; left:0%; }

.the-apartments-image-position-home {width:76%; margin-right:0px}
.the-apartments-overlay-image-position-home {position: absolute; width:47%; top:12%; right:0%; }
.homepage-the-amenities-image-position{width:80%; margin-left:10px}
.homepage-the-amenities-overlay-image-position{position: absolute; width:42%; top:25%; right:0%;}
.homepage-the-location-image-position {width:65%; float: right; margin-right:10px}
.homepage-the-location-overlay-image-position {position: absolute; width:50.6%; top:31%; left:0%; }
.the-lifestyle-image-position{width:80%; margin-left:10px}
.the-lifestyle-overlay-image-position{position: absolute; width:47%; top:33%; right:0%; }
.bedroom-image-position{width:75%; margin-left:0px}
.bedroom-overlay-image-position{position: absolute; width:53%; top:9%; right:2%; }
.history-image-position{width:78%; margin-left:0px}
.history-overlay-image-position{position: absolute; width:54%; top:37%; right:0; }
.bike-image-position {width:56%; float: right; margin-right:0px}
.bike-overlay-image-position {position: absolute; width:59%; top:5%; left:4%;margin-top:2px  }
.location-bike-image-position {width:66%; float: right; margin-right:0px}
.location-bike-overlay-image-position {position: absolute; width:51%; top:32%; left:0.5%;margin-top:2px  }
.footer-image-position {width:75.9%; float: right; margin-right:0px}
.footer-overlay-image-position {position: absolute; width:43%; top:13%; left:0%;margin-top:2px  }
.the-amenities-image-position {width:85%; float: right; margin-right:0px}
.the-amenities-overlay-image-position {position: absolute; width:43%; top:25.5%; left:0%;margin-top:2px  }
.the-location-image-position {width:65%; float: right; margin-right:10px}
.the-location-overlay-image-position {position: absolute; width:38%; top:55%; left:0%; }
.the-apartments-image-position {width:80%; float: right; margin-right:0px}
.the-apartments-overlay-image-position {position: absolute; width:43%; top:17%; left:0%; }


/*straplines*/
.strap-heading-space {padding-bottom:7px}
.property-description-strap50{margin-top:20%; padding-bottom:30px; padding-left:50px; padding-right:50px}
.property-description-strap{margin-top:10%; padding-bottom:30px; padding-left:36px; padding-right:36px}
.apartment-bedroom-strap{margin-top:10%; padding-bottom:30px; padding-left:60px; padding-right:60px}
.the-courtyard-strap{margin-top:10%; padding-bottom:30px; }
.the-development-strap{margin-top:15%; padding-bottom:30px}
.the-apartments-strap{margin-top: 5%;padding-bottom: 30px; margin-right: 0px}
.the-location-strap{margin-top: 40%;padding-bottom: 30px; margin-right: 0px}
.communal-living-strap{ margin-top:15px;padding-bottom:30px;}
.the-residences-living-strap{margin-top:30%; padding-bottom:30px}
.original-borough-strap{margin-top:35%; padding-bottom:30px; padding-left:36px; padding-right:36px}



/*homepage styles*/
.greyback {background-color: #efeff0}
.mainhomestrap { text-align: center; padding-top:100px; padding-bottom: 240px; }

.mainhomestrap-gtsdisplay-med2 {color: white; font-size: 41px; line-height: 47px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:12px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0}
.mainhomestrap-cal-med2 {color: white; font-size: 47px; line-height: 47px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica; margin:0;   -webkit-font-smoothing: antialiased;}




.mainhomestrap-gtsdisplay-med {color: #be8f58; font-size: 61px; line-height: 65px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:12px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0}
.mainhomestrap-cal-med {color: #be8f58; font-size: 70px; line-height: 65px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica; margin:0;   -webkit-font-smoothing: antialiased;}

.therevival-strap-gtsdisplay-med {color: #021832; font-size: 47px; line-height: 49px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times;padding-bottom:7px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.therevival-strap-cal-med {color: #021832; font-size: 54px; line-height: 49px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}

.largebell {background-image: url("https://brigadecourt.london/images/large-bell.jpg"); background-size: contain; background-repeat: no-repeat; background-position: center top; padding:155px 30px 0px 30px; background-origin: content-box, padding-box;}
.introheight {height:720px; }
.whiteback {background-color: white}

.homepage-main-building-pad {padding-left:30px; padding-right:30px}

/*other pages*/

.community-align {text-align: left; display: inline-block}
 .community-button-align {margin:0}

.top-section-pad {padding-top:85px}
.top-section-pad2 {padding-top:70px}

.vertical-strap-gts-med-blue{font-family: 'GTSDisplay-med', Times; font-size:35px; line-height: 40px; letter-spacing: 3px; color: #021832; text-transform: uppercase; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.vertical-strap-cal-med-blue{font-family: 'cal-med', arial, helvetica; font-size:40px; line-height: 40px; letter-spacing: 1px; color: #021832; text-transform: uppercase;  -webkit-font-smoothing: antialiased; }

.vertical-separator {border-right:1px solid #be8f58}


.bordertop1pxgold {border-top:1px solid #be8f58;}

.zoombutton-position{position: absolute; right:20px; top:20px}


/*history*/

.founding-of-the-bridge-position {position: absolute; top:100px; left:-300px; display: block}
.founding-of-the-bridge-position-responsive {visibility: hidden; width:250px; height:auto }

.innovations-position {position: absolute; top:100px; left:-300px; display: block}
.innovations-position-responsive {visibility: hidden; width:220px; height:auto}

.training-hub-position {position: absolute; top:100px; right:-300px; display: block}
.training-hub-position-responsive {visibility: hidden;width:250px; height:auto }

.auxiliary-fire-position {position: absolute; top:100px; left:-300px; display: block}
.auxiliary-fire-position-responsive {visibility: hidden; width:140px; height:auto }

.museum-position {position: absolute; top:100px; right:-300px; display: block}
.museum-position-responsive {visibility: hidden;width:250px; height:auto }

@media (max-width: 768px) {
    
.founding-of-the-bridge-position {display:none; visibility: hidden}
.founding-of-the-bridge-position-responsive {display:block; visibility:visible; }

.innovations-position {display:none; visibility: hidden}
.innovations-position-responsive {display:block; visibility:visible; width:250px; height:auto}
    
.training-hub-position {display:none; visibility: hidden}
.training-hub-position-responsive {display:block; visibility:visible}
    
.auxiliary-fire-position {display:none; visibility: hidden}
.auxiliary-fire-position-responsive {display:block; visibility:visible; width:250px; height:auto}
    
.museum-position {display:none; visibility: hidden}
.museum-position-responsive {display:block; visibility:visible}

}

/*contact styles*/
.contact-heading{font-family: 'cal-reg', arial, helvetica; font-size:20px; line-height: normal; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased; }
.contact-small{font-family: 'cal-reg', arial, helvetica; font-size:12px; line-height: 30px; letter-spacing: 1px; color: #be8f58;   -webkit-font-smoothing: antialiased;}
.contact-font-size {font-size: 22px; line-height: 30px}
.contact-font-size-cal-med {font-size: 25px; line-height: 30px}
.view-the-floorplans {font-family: 'GTSDisplay-reg', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #021832; padding-top:80px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.contact-box-height {height:420px}
.contact-box-height2 {height:420px}
    .contact-box-height-home {height:450px}

/*apartment finder*/

.floorplan-imagepad{padding:30px 200px 30px 200px; overflow:visible}
.floorplan-imagepad-2col{padding:30px; overflow:visible}

.flex-container {
  display: flex;
  flex-wrap: nowrap;

}

.flex-container > div {

  width: 100px;
  margin: 7px 10px;
  text-align: center;


}


@media (max-width: 450px) {

.flex-container > div {

  width: 100px;
  margin: 7px 4px;
  text-align: center;


}

}


@media (max-width: 650px) {

.flex-container > div {

  width: 100px;
  margin: 7px 7px;
  text-align: center;


}

}


.apartment-header-alignfix {padding-top:7px; }
.apartment-filter-headerpad {padding-bottom:15px}
.apartment-list-border {border-bottom:1px solid #e6e8ea}

.number-of-pages{margin-top:20px}
.number-of-pages-position { text-align: right}
.apartment-main-filterpad {padding:15px}
.apartment-filterpad {padding:15px 0 15px 0; border-bottom:1px solid #d7d9dd }
.reset-link {display:inline; float: right; padding-top:5px}

#apartment-filter .gts-reg20{font-family: 'GTSDisplay-reg', Times; font-size:20px; line-height: 24px; letter-spacing: 1px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; }
#apartment-filter .gts-reg16{font-family: 'GTSDisplay-reg', Times; font-size:16px; line-height: 24px; letter-spacing: 1px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}

    .filter-arrow-down{visibility: hidden;}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
    border:1px solid #be8f58
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
  text-decoration:none;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark{
  background-color: #151e37;
   text-decoration:none;
}
.filter-active .checkmark {background-color: #151e37;
   text-decoration:none;}

/* Create a custom checkbox2 */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
    border:1px solid #be8f58
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover .checkmark2 {
  background-color: #ccc;
  text-decoration:none;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark2{
  background-color: #151e37;
  text-decoration:none;
}

.checkbox-container :checked{
  background-color: #151e37;
  text-decoration:none;
}



/*apartment details*/

.zoomin img { height: 50%; width: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }

.zoomin img.zoomer{ height: 100%; width:auto;  }

.zoomMinus-style {display:inline-block;cursor:pointer; width:40px; height:40px}
.zoomPlus-style {display:inline-block;  margin-left:-6px; cursor:pointer; width:40px; height:40px}

 .zoompad40{padding:20px}

.apartment-details-border-top {border-top:1px solid #151e37; padding-top:10px; padding-bottom:10px}
.apartment-details-border-bottom {border-bottom:1px solid #e6e8ea; padding:5px 0 5px 0}
.apartment-details-column-width {width:145px; display: inline-block; vertical-align: text-top; }
.apartment-details-column2-width{display:inline-block; width:145px; }

.back-to-search-position1 {position:absolute;top:70px; left:0}
.back-to-search1 {width:177px; height:auto}

.collapsed-filter-box {background-color: #be8f58; text-align: center; color:white; padding:12px; font-family: 'cal-med', arial,helvetica; font-size:16px; transition: 0.3s;   -webkit-font-smoothing: antialiased;}
.collapsed-filter-box:hover {background-color: #021832; text-align: center; color:white; padding:12px; font-family: 'cal-med', arial,helvetica; font-size:16px; transition:all 0.3s ease;  -webkit-font-smoothing: antialiased;}

.collapsed-filter-box {display:none; visibility: hidden}

/*footer*/
.blueback {background-color: #021832}
.footerpad {padding:50px 0 50px 0}
.footerstyle {font-family: 'cal-reg', arial, helvetica; font-size:16px; line-height: 18px; letter-spacing: 2px; color: white;  -webkit-font-smoothing: antialiased;}
.footerstyle-gold {padding-top:16px;font-family: 'cal-reg', arial, helvetica; font-size:16px; line-height: 18px; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased;}
.footerstyle a, .footerstyle a:visited{font-family: 'cal-med', arial, helvetica; font-size:16px; line-height: 20px; letter-spacing: 2px; color: white;  -webkit-font-smoothing: antialiased;text-transform: uppercase;font-feature-settings: "case" 1;}
.footerstyle a:hover, .footerstyle a:active{font-family: 'cal-med', arial, helvetica; font-size:16px; line-height: 20px; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased;text-transform: uppercase;font-feature-settings: "case" 1;}
.footerlinks {padding-top:15px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: white;   -webkit-font-smoothing: antialiased;}
.footerlinks a, .footerlinks a:visited{padding-top:20px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: white;   -webkit-font-smoothing: antialiased;}
.footerlinks a:hover, .footerlinks a:active{padding-top:20px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: #be8f58;   -webkit-font-smoothing: antialiased;}
.copyright {padding-top:15px; font-family: 'cal-reg', arial, helvetica; font-size:13px; line-height: 19px; letter-spacing: 1px; color: #be8f58;   -webkit-font-smoothing: antialiased;}
.cbre-logo {float: right; margin-top:47px}



/*location timeline*/

.location-item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: .1em 0 .5em 2em;
/*  line-height: 1.14285714em;*/
      line-height: 0;
  position: relative;
    text-align: left;
}

.location-item:before {
  position: absolute;
  top: 59%;
  left: 7px;
width: 10px;
  height: 10px;
  margin-top: -11px;
  content: '';
border-radius: 100%;
  background: #be8f58;



}

.location-item:after {
  position: absolute;
  top: 0;
  left: 11px;
  width: 0px;
  height: 100%;
  content: '';
  border-right: 1px solid #be8f58;
}

.location-item:first-child:after {
  top: 50%;
  height: 50%;
  margin-top: 1px;
}

.location-item:last-child:after {
  position: absolute;
  bottom: 50%;
  height: 50%;
  margin-top: -1px;
}





/*history timeline*/



h3 {margin:0}

.timeline{
  position:relative;
  margin:50px auto;
  padding:40px 0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:98%;
  background:#be8f58;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(even){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(odd){
  float:right;
  text-align:left;
  clear:both;
}
.content{
  padding-bottom:20px;
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:12px;
  height:12px;
  top:24px;
  right:-7px;
  background:#be8f58;
  border-radius:50%;

}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:12px;
  height:12px;
  top:24px;
  left:-5px;
  background:#be8f58;
  border-radius:50%;

}

.timeline ul li p{
  margin:10px 0 0;
  padding:0;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  right:-165px;
    

}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  left:-165px;

}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){



.carousel-margin-top {margin-top:85px}


  .timeline{
    width:100%;
    padding-bottom:0;
  }
    

  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:21px;
    height:97%;
    top:25px;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}




/*menu*/
.menustyle a, .menustyle:visited{color:white; font-family: 'GTSDisplay-reg', Times;-webkit-font-smoothing: antialiased;}
.menustyle a:hover, .menustyle:active{color:#be8f58; font-family: 'GTSDisplay-reg', Times; -webkit-font-smoothing: antialiased;}
.menuitem-small {font-size:23px;line-height: 38px}
.menuitem-large {font-size:40px;line-height: 38px}
.menupad {padding-bottom:30px}
.menupad2 {padding-bottom:60px}
.menupad-home-adjust {padding-top:42px}





.navbar {

  text-align: center;
background-color: white;

}

.navbar-home {
     
  text-align: center;
background-color: #ffffff;
 


}

@media (max-height: 650px) {
    
.navbar-home{
     background-color: #ffffff;
max-height: 100vh !important;

overflow-y:scroll;
right: -1px;

}
    
    .navbar {

  text-align: center;
background-color: white;
max-height: 100vh !important;

overflow-y:scroll;
right: -1px;
}
    
}


.navbar-default.navbar-toggle:hover,
.navbar-default.navbar-toggle:focus {

}
.navbar-collapse.in {

max-height: none !important;
    height: auto !important;

     

    
}


.navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -87px !important; 
    display: block;
    padding-top: 40px;

}



.navbar-toggle {
    position: absolute; left:30px; top:50px;
  border: none;
  background: transparent !important;
 
}
.navbar-toggle-small{position: absolute; left:30px; top:92px;border: none;background: transparent !important;}
.navbar-toggle:hover {
  background: transparent !important;
    
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;

}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
    
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


@media (max-width: 768px) {
    
    .nav.navbar-nav {margin-top:0px; }


}
 
@media (min-width: 0px) {
    .navbar-header {
        float: none;
        height:157px;

    padding:0;margin:0; 
 transition:all 0.3s ease;
        
    }
    

    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {

margin-top:0;

    }
    
  
   /* .navbar-fixed-top {
        top: 0px;

    }*/
      .navbar-collapse.collapse {
        display: none!important;
margin-top:0
    
    
    }
    .navbar-nav {
        float: none !important;
        margin-top: 0px;
        width:100%; 
  
        border:0;
        height:100vh;
        
        
    }
  .navbar-nav>li {
        float: none;
    }
     .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left:30px;

    }
   .collapse.in{
        display:block !important;
       
       
     
       
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
       
       

       
       

    }
}

@media (max-width: 1200px) {

.vertical-strap-gts-med-blue{font-family: 'GTSDisplay-med', Times; font-size:31px; line-height: 36px; letter-spacing: 3px; color: #021832; text-transform: uppercase; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.vertical-strap-cal-med-blue{font-family: 'cal-med', arial, helvetica; font-size:36px; line-height: 36px; letter-spacing: 1px; color: #021832; text-transform: uppercase;  -webkit-font-smoothing: antialiased; }

.reset-link {display:inline; float: left; padding-top:10px; padding-bottom:5px; width:100%}
    
    /*old style
    h2 .gts-reg{font-family: 'GTSDisplay-reg', Times; font-size:23px; line-height:27px; letter-spacing: 3px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}
h2 .cal-reg{font-family: 'cal-reg', arial, helvetica; font-size:28px; line-height: 27px; letter-spacing: 1px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on;  -webkit-font-smoothing: antialiased; }*/

h2 .cal-reg{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:28px; line-height: 28.5px; letter-spacing: 2.5px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}
h2 .gts-reg{font-family: 'GTSDisplay-reg', Times; font-size:24px; line-height: 28.5px; letter-spacing: 1.5px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}
    
    
    
    .greybox-strap-gtsdisplay-med {color: #021832; font-size: 43px; line-height: 45px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.greybox-strap-cal-med {color: #021832; font-size: 50px; line-height: 45px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
.bluebox-strap-gtsdisplay-med {color: white; font-size: 43px; line-height: 45px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.bluebox-strap-cal-med {color: white; font-size: 50px; line-height: 45px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
    /*overlay images*/
.overlay-image1{float:right;width:30%; /*important*/bottom:400px; /*important*/ right:100px; }
    

    
        
.mainhomestrap-gtsdisplay-med {color: #be8f58; font-size: 48px; line-height: 52px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0}
.mainhomestrap-cal-med {color: #be8f58; font-size: 57px; line-height: 52px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}
    
    .contact-box-height {height:345px}
    .contact-box-height-home {height:450px}
    .contact-box-height2 {height:355px; margin-bottom:30px}
    .view-the-floorplans {font-family: 'GTSDisplay-reg', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #021832; padding-top:50px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}

    .communal-living-strap{margin-top:3%; padding-bottom:30px; }
}


@media (max-width: 1024px) {
.greybox-strap-gtsdisplay-med {color: #021832; font-size: 42px; line-height: 44px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.greybox-strap-cal-med {color: #021832; font-size: 49px; line-height: 44px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
.vertical-strap-gts-med-blue{font-family: 'GTSDisplay-med', Times; font-size:24px; line-height: 29px; letter-spacing: 3px; color: #021832; text-transform: uppercase; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.vertical-strap-cal-med-blue{font-family: 'cal-med', arial, helvetica; font-size:29px; line-height: 29px; letter-spacing: 1px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.hidden-on-desktop {display:block; visibility: visible}
}


@media (max-width: 992px) {


.apartment-finder-footer-image {height:auto !important}
    .menuitem-small {font-size:14px;line-height: 26px}
.menuitem-large {font-size:32px;line-height: 26px}

    .call-us-button { visibility: hidden; display:none }

.reset-link {display:inline; float: right; padding-top:5px; width:auto}
    
    .collapsed-filter-box {display:block; visibility:visible}
    #apartment-filter-number-of-beds .in {  display:none }  
    .apartment-filterpad{padding:5px 0 0px 0; border-bottom:1px solid #d7d9dd }
    .apartment-filter-headerpad {padding-bottom:5px}
    .filter-arrow-down{float: right; padding:12px; visibility: visible;}
    .top-filterpad-mobile{padding-top:15px}
    
    
    
    

.original-borough-strap{margin-top:0; padding-bottom:30px; padding-left:36px; padding-right:36px}
    
      .hide-on-mobile {display:none; visibility: hidden}
    
    .development-pad40 {padding:0px 0 20px 0}
    
    .centre-at-992 {display: block;
  margin-left: auto;
  margin-right: auto;}
    
        .journey-padleft{padding-left:0px}
    
 .community-align {text-align: center; display: inherit}
    .community-button-align {display: block;
  margin-left: auto;
  margin-right: auto;}
    
    .top-section-pad {padding-top:110px}
    .top-section-pad2 {padding-top:95px}
    .vertical-separator {border-bottom:1px solid #be8f58; border-right:0; margin-bottom:30px}
    
        .greybox-strap-gtsdisplay-med {color: #021832; font-size: 30px; line-height: 32px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.greybox-strap-cal-med {color: #021832; font-size: 37px; line-height: 32px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
.bluebox-strap-gtsdisplay-med {color: white; font-size: 30px; line-height: 32px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.bluebox-strap-cal-med {color: white; font-size: 37px; line-height: 32px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
    .alignfix {text-align: center}
    
    .carousel-strap-position {padding-top:240px}
    
    .mainhomestrap-gtsdisplay-med2 {color: white; font-size: 30px; line-height: 37px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:12px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0}
.mainhomestrap-cal-med2 {color: white; font-size: 35px; line-height: 37px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica; margin:0;   -webkit-font-smoothing: antialiased; padding-bottom:20px}



    
    .mainhomestrap-gtsdisplay-med {color: #be8f58; font-size: 36px; line-height: 37px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:8px ;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0}
.mainhomestrap-cal-med {color: #be8f58; font-size: 41px; line-height: 37px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}
    
    .cbre-logo {float: left; margin-top:47px}
.homepage-main-building-pad {padding-left:0px; padding-right:0px}
    
    .container-pad {padding:25px 0 25px 0}
    .container-pad2 {padding:0}

    .contact-box-height2 {height:450px;  padding-top:30px}
    .view-the-floorplans {font-family: 'GTSDisplay-reg', Times; font-size:47px; line-height: 49px; letter-spacing: 3px; color: #021832; padding-top:50px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
    
    /*overlay images*/
.overlay-image1{float:right;width:30%; /*important*/bottom:325px; /*important*/right:80px}
    
    /*straplines*/
.the-development-strap{margin-top:0px; padding-bottom:50px}
.the-apartments-strap{margin-top: 0px;padding-bottom: 50px; margin-right: 0px}
.the-location-strap{margin-top: 0px;padding-bottom: 30px; margin-right: 0px}
    .property-description-strap{margin-top:0px; padding-bottom:30px; padding-left:30px; padding-right:30px}
    .apartment-bedroom-strap{margin-top:0; padding-bottom:30px; padding-left:36px; padding-right:36px}
    .the-residences-living-strap{margin-top:30px; padding-bottom:30px}
    
    /*apartment finder*/
    .number-of-pages-position { text-align: left; padding-top:20px}
    
    .back-to-search-position1 {visibility: hidden; display: none}
    
    .apartments-reception-room-pad{padding-bottom:30px}
}

@media (max-width: 768px) {

.floorplan-imagepad{padding:20px; overflow:visible}
    
  
    
    
    .hidewhensmall {visibility: hidden; display:none}
    
    .therevival-strap-gtsdisplay-med {color: #021832; font-size: 25px; line-height: 27px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times;padding-bottom:7px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
.therevival-strap-cal-med {color: #021832; font-size: 32px; line-height: 27px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}
    
    /*menu*/
    
    

    .menustyle {padding-left:35px}
    .menuitem-small {font-size:12px;line-height: 20px}
.menuitem-large {font-size:20px;line-height: 20px}
    .menupad {padding-bottom:7px}
    .menupad2 {padding-bottom:20px}
    .menupad-fix {padding-bottom:30px}
.menupad-home-adjust {padding-top:0px}
    
 .interest-button { visibility: hidden; display:none }
 .visit-us-button { visibility: hidden; display:none }


     .interest-button-small { border:1px solid #be8f58; text-align:center; padding: 7px 5px 5px 5px; font-size:15px; line-height: 22px; width:200px; font-family: 'cal-med', arial, helvetica; letter-spacing: 3px; visibility: visible;   -webkit-font-smoothing: antialiased;display: block }
.interest-button-position-small{margin:0 auto; display: block}

    
a.interest-button-text-small {color:#be8f58;   font-size:13px; }
a:hover.interest-button-text-small .interest-button-small  {color:#fff;   font-size:15px; line-height: 22px;letter-spacing: 3px;background-color:  #be8f58; transition: all 0.2s ease}
    


}



@media (max-width: 600px) {
    
.homepage-slider1 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image1-mobile.jpg');}
.homepage-slider2 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image2-mobile.jpg');}
.homepage-slider3 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image3-mobile.jpg');}
.homepage-slider4 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image4-mobile.jpg');}
.homepage-slider5 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image5-mobile.jpg');}
.homepage-slider6 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image6-mobile.jpg');}
.homepage-slider7 {background-image: url('https://brigadecourt.london/images/uploads/large-images/homepage-slider-image7-mobile.jpg');}

}

@media (max-width: 550px) {
    
      /*apartment finder*/
.apartment-header-hide {visibility: hidden; display: none}

.mobile-filter-pad {padding:0}
    
  .mainhomestrap-gtsdisplay-med {color: #be8f58; font-size: 30px; line-height: 37px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:12px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0}
.mainhomestrap-cal-med {color: #be8f58; font-size: 34px; line-height: 37px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}


.zoombutton-position{display:none;visibility: hidden;}
    
    /*apartment details*/

.zoomin img { height: 350px; width: auto;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease; }

.zoomin img.zoomer{ width:350px; height: 350px; margin-left:-50px;  }
    .zoompad40{padding:20px}
    
    .zoomMinus-style {display:inline-block;cursor:pointer; width:30px; height:30px}
.zoomPlus-style {display:inline-block;  margin-left:10px; cursor:pointer; width:30px; height:30px}
}


@media (max-width: 450px) {

.slide1-position {height:380px; background-size: contain; background-position: center; display:block !important; margin:50px 0 50px 0; background-color:#eeeeef; background-repeat:no-repeat}
.slide-position {height:480px; background-size: cover; background-position: center; display:block !important}

 /*resize menu mobile*/
 .navbar {top:-71px; transition:all 0.3s ease;}
  .navbar-home {top:-71px; transition:all 0.3s ease;}
.logo { transition:all 0.3s ease; visibility:visible; height: 41px; width:111px; background-image: url( "https://brigadecourt.london/images/brigade-court-logo-blue.png" ); background-size: contain; margin-top:50px; margin-left:32px; background-repeat: no-repeat }
.navbar-toggle{position: absolute; left:10px; top:90px;border: none;background: transparent !important;}
.interest-button-position{position:absolute; top:94px; right:30px}

     .carousel-strap-position {padding-top:220px}

.navbar-toggle-small{position: absolute; left:10px; top:90px;border: none;background: transparent !important;}


.apartments-bedroom-padding {padding:0}



      h1 .gts-med{font-family: 'GTSDisplay-med', Times; font-size:28px; line-height: 28px; letter-spacing: 2px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0;}
    h1 .cal-med{font-family: 'cal-med', arial, helvetica; font-size:33px; line-height:28px; letter-spacing: 2px; color: #021832; margin-top:0px;padding:0;  -webkit-font-smoothing: antialiased;}
    
    h1 .gts-med2{font-family: 'GTSDisplay-med', Times; font-size:37px; line-height: 39px; letter-spacing: 3px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
    
h1 .gts-med-gold-head{font-family: 'GTSDisplay-med', Times; font-size:32px; line-height: 34px; letter-spacing: 3px; color: #be8f58; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}



    
    h2 .gts-reg{font-family: 'GTSDisplay-reg', Times; font-size:18px; line-height: 20px; letter-spacing: 3px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0; padding:0; display: block}
    h2 .cal-reg{font-family: 'cal-reg', sans-serif, arial, helvetica; font-size:21px; line-height:20px; letter-spacing: 3px; color: #021832; text-transform: uppercase;   -webkit-font-smoothing: antialiased;margin:0; padding:0; display: block }
    
    h2 .gts-reg-gold{font-family: 'GTSDisplay-reg', Times; font-size:28px; line-height: 29px; letter-spacing: 3px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on; -webkit-font-smoothing: antialiased;}
    .gts-reg-gold-small{font-family: 'GTSDisplay-reg', Times; font-size:19px; line-height: 20px; letter-spacing: 3px; color: #be8f58; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; }
    
    h2 .gts-med26{font-family: 'GTSDisplay-med', Times; font-size:18px; line-height: 23px; letter-spacing: 2px; color: #021832; text-transform: uppercase;font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; padding:0; margin:0 }
    .body-gts-reg {font-family: 'GTSDisplay-reg', Times; font-size:18px; line-height: 23px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;}
    
    h4 .gts-med{font-family: 'GTSDisplay-med', Times; font-size:20px; line-height: 28px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
    
    h4 .gts-med-apartments-complete{font-family: 'GTSDisplay-med', Times; font-size:30px; line-height: 40px; letter-spacing: 1px; color: #021832; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
h4 .cal-med{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:23px; line-height: 28px; letter-spacing: 1px; color: #021832;   -webkit-font-smoothing: antialiased;}
    
  .cal-med12blue{font-family: 'cal-med', sans-serif, arial, helvetica; font-size:10px; line-height: 13px; letter-spacing: 0px; color: #021832; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;}

.cal-med12blue sup{font-size:8px; text-transform: uppercase}
.cal-med12blue a, .cal-med12blue a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:10px; line-height: 13px; letter-spacing: 0px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 
.cal-med12blue a, .cal-med12blue a:visited {font-family: 'cal-med', sans-serif, arial, helvetica; font-size:10px; line-height: 13px; letter-spacing: 0px; color: #be8f58; text-align: left; text-transform: uppercase;   -webkit-font-smoothing: antialiased;} 





.pad40 {padding:0px}

.showwhensmall {display:block; visibility:visible}
    
    .flickity-button {display: none;}
 
    .apartments-pad-fix{padding-left:30px; padding-right:30px}
    
    .largebell {background-image: url("https://brigadecourt.london/images/large-bell.png"); 
        background-size: contain; 
        background-repeat: no-repeat; 
        background-position: center top; 
        padding:120px 10px 0px 10px; 
        background-origin: content-box, padding-box}
    
.introheight {height:450px; }
    
.mainhomestrap { text-align: center; padding-top:30px; padding-bottom: 20px; }
.mainhomestrap-gtsdisplay-med {color: #be8f58; font-size: 25px; line-height: 26px; text-align: center; letter-spacing: 3px; font-family: 'GTSDisplay-med', Times; margin-bottom:12px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased; margin:0}
.mainhomestrap-cal-med {color: #be8f58; font-size: 28px; line-height: 26px; text-align: center;  letter-spacing: 3px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;}

    
.overlay-caption-box {padding:0; visibility: hidden}
.overlay-caption-box-date {visibility: hidden}
    .greyimageborder {border:5px solid #efeff0}
    
    .cbre-logo {float: left; margin-top:30px}

.main-heading-pad {padding:0px 0 45px 0}
.main-heading-pad-2lines {padding:10px 0 45px 0}
  #intro .container-pad{padding: 0px 0 25px 0;}
    
        /*greybox*/
.greybox-strap-cal-med {color: #021832; font-size: 26px; line-height: 27px; text-align: center;  letter-spacing: 2px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    .largegrey-box {padding:10px 10px 40px 10px; background-color:#eeeeef; text-align: center; text-transform: uppercase;margin-bottom:30px}
    .greybox-strap-gtsdisplay-med {color: #021832; font-size: 22px; line-height: 27px; text-align: center; letter-spacing: 2px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
    
    /*bluebox*/
.largeblue-box {padding:10px 20px 40px 20px; background-color:#021832; text-align: center; text-transform: uppercase;margin-bottom:30px}
.bluebox-strap-gtsdisplay-med {color: white; font-size: 22px; line-height: 27px; text-align: center; letter-spacing: 2px; font-family: 'GTSDisplay-med', Times; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;margin:0; padding:0}
.bluebox-strap-cal-med {color: white; font-size: 26px; line-height: 27px; text-align: center;  letter-spacing: 2px; font-family: 'cal-med', arial, helvetica;   -webkit-font-smoothing: antialiased;margin:0; padding:0}
    
  /*contact styles*/
      .contact-box-height-home {height:auto}
     .contact-box-height{height:auto}
.contact-heading{font-family: 'cal-reg', arial, helvetica; font-size:17px; line-height: normal; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased; }
.contact-small{font-family: 'cal-reg', arial, helvetica; font-size:11px; line-height: 30px; letter-spacing: 1px; color: #be8f58;  -webkit-font-smoothing: antialiased; }
.contact-font-size {font-size: 14px; line-height: 20px}
.contact-font-size-cal-med {font-size: 16px; line-height: 20px}
.view-the-floorplans {font-family: 'GTSDisplay-reg', Times; font-size:30px; line-height: 30px; letter-spacing: 3px; color: #021832; padding-top:10px; font-feature-settings: "lnum" on;-webkit-font-smoothing: antialiased;}
    
    /*footer*/

.footerpad {padding:40px 0 40px 0}
.footerstyle {font-family: 'cal-reg', arial, helvetica; font-size:14px; line-height: 18px; letter-spacing: 2px; color: white;  -webkit-font-smoothing: antialiased;}
.footerstyle-gold {padding-top:16px;font-family: 'cal-reg', arial, helvetica; font-size:14px; line-height: 18px; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased;}
.footerstyle a, .footerstyle a:visited{font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 18px; letter-spacing: 2px; color: white;  -webkit-font-smoothing: antialiased;}
.footerstyle a:hover, .footerstyle a:active{font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 18px; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased;}
.footerlinks {padding-top:15px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: white;   -webkit-font-smoothing: antialiased;}
.footerlinks a, .footerlinks a:visited{padding-top:20px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: white;  -webkit-font-smoothing: antialiased;}
.footerlinks a:hover, .footerlinks a:active{padding-top:20px; font-family: 'cal-med', arial, helvetica; font-size:14px; line-height: 20px; letter-spacing: 2px; color: #be8f58;  -webkit-font-smoothing: antialiased;}
.copyright {padding-top:15px; font-family: 'cal-reg', arial, helvetica; font-size:12px; line-height: 17px; letter-spacing: 1px; color: #be8f58;   -webkit-font-smoothing: antialiased;}
.cbre-logo {float: left; margin-top:47px}
    
    
    /*straplines*/
.strap-heading-space {padding-bottom:7px}
.property-description-strap50{margin-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
.property-description-strap{margin-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
.the-courtyard-strap{margin-top:20px; padding-bottom:20px; }
.the-development-strap{margin-top:0px; padding-bottom:50px}
.the-apartments-strap{margin-top: 0px;padding-bottom: 30px; margin-right: 0px}
.communal-living-strap{margin-top:20px; padding-bottom:20px}
.the-residences-living-strap{margin-top:20px; padding-bottom:20px}
.original-borough-strap{margin-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
    
    /*image overlays*/
    
    .traditionally-different-overlay-image-position-home {position: absolute; top:22%;right:4%;height:200px; width:33%; }


.the-apartments-image-position-home {width:76%; margin-right:0px}
.the-apartments-overlay-image-position-home {position: absolute; width:49%; top:11%; right:0%; }


.homepage-the-location-overlay-image-position {position: absolute; width:50%; top:30%; left:0%; }
    
    .history-image-position{width:78%; margin-left:0px}
.history-overlay-image-position{position: absolute; width:54.5%; top:34%; right:-5px; }
    
    .location-bike-image-position {width:66%; float: right; margin-right:0px}
    .location-bike-overlay-image-position {position: absolute; width:51%; top:29%; left:1%;margin-top:2px  }
    
.the-apartments-image-position {width:80%; float: right; margin-right:0px}
    .the-apartments-overlay-image-position {position: absolute; width:43%; top:16%; left:0%; }
    
.the-amenities-image-position {width:85%; float: right; margin-right:0px}
    .the-amenities-overlay-image-position {position: absolute; width:43%; top:23.5%; left:0%;margin-top:2px  }
}