/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 /**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
/**
 * NEW Bootstrap Theme
 * your custom CSS modifications here.
 */
 
 /* SIMSTREAM */
 
 /**
 * Basic Page Setup Styling
 * 
 */
 
 
 
.contextual-region {
	position: inherit;
}
  
 #auth_box input[type="text"],
 #auth_box input[type="password"] {
 	width: 100%
 }
 
 .author {
 	 display: none
 }
 
 

 
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {


 	 padding-left: 0px;
 	 padding-right: 0px

 }
 
.row {

	 margin-right: 0%;
	 margin-left: 0%;
	 padding-left: 0%;
	 padding-right: 0%;


}

.region-header {

}

.region-content {
	 
	padding: 0px 0px 0px 0px;
}

 body {
 	margin-top: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
 }
 
 .page-header {
 	border-bottom-width: 0px
 }
 
 .container-fluid {
 	 padding-left: 0px;
 	 padding-right: 0px;
 	 margin: 0px
 }
 
.region-content {
clear: both;
}

#navbar {
	display: none;
}
 
 /* Alerts */
 
 .alert-success {
 	background-color: #89949b;
 	border: none;
 	color: #fff;
 	margin: 30px 5% 30px 5%;
 }
 
 /* Menu Superfish */
 
 #block-alock-bespoke-design-mainnavigation {
 	background-color: #c5c7c3;
 	border-color: #fff;
 	border-style: solid;
 	border-width: 1px 0 0 0;
 	box-shadow: -1px 6px 5px -1px rgba(67,67,67,0.77);
 	position: relative;
 	z-index: 300;
	-webkit-box-shadow: 0px 6px 5px -1px rgba(67,67,67,0.77);
	-moz-box-shadow: 0px 6px 5px -1px rgba(67,67,67,0.77);
	overflow: hidden;
	width: 100%;
 	
 }
 
 /* Remove white border line left and right */
 
 #superfish-main {
 	margin: 0 -1px;
 }
 
 ul.sf-menu {
 display: flex;
 	  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  

 }
 
 ul.sf-menu li {
 border-color:#fff;
 border-style: solid;
 border-width: 0 1px;
 font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
  float: none;
   	display: flex;
   	flex: 1;
 	align-items: center;
  justify-content: center;
  line-height: 40px;
  position: relative;
  text-transform: uppercase;
  z-index: 498;
}



ul.sf-menu a {
	width: 100%;
	text-align: center;

	
}

ul.sf-menu li a:link,
ul.sf-menu li a:visited {
  	color: #4e4d4d;
  }
  
 ul.sf-menu li:hover {
 	background-color: #ababab
 }
 
 ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu a.is-active,
ul.sf-menu a:focus,
ul.sf-menu.sf-style-default span.nolink:hover {
	background-color: #ababab
}
  
ul.sf-menu li a:hover {
	color: #4e4d4d;
	text-decoration: none;
	
}

/* Media Icons */


#block-alock-bespoke-design-socialicons {
  position: absolute;
  top: 38px;
  right: 7%;
}

.social-icon {
	display: inline-block;
	margin: 0 0 0 19px;
}

.social-icon img {
	max-width: 42px;
	height: auto;
}
 
 /* Logo Block */
 
 #block-alock-bespoke-design-logo {
 	background-color: #cdcfcb;
 	padding: 40px 7%;
 }
 
 .logo img {
 	max-width: 220px;
 	height: auto;
 }
 
 /* HTags */
 
  h1 {

 	background-image: url(../../../sites/simstream/files/h1-line.png);
 	background-repeat: no-repeat;
 	background-position: bottom;
  color: #565656;
 font-family: interstate-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
padding: 0 0 40px 0;
margin: 0 0 30px 0;
 }
 
   h2 {
     color: #565656;
font-family: interstate-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
margin: 0 0 40px 0
 }
 
 
 /* Home */
 
 .mobile-banner {
 	display: none;
 }
 
 #block-views-block-home-banner-block-1 {
 	border-color: #fff;
 	border-style: solid;
 	border-width: 0 0 1px 0;
 	 }
 	 
#block-views-block-home-banner-block-1 img {
	width: 100%;
	height: auto;
}
 
 #block-views-block-home-body-block-1 {
   	background-color: #e2e3e1;
 	color: #565656;
 	padding: 100px 7%;
 	text-align: center;
 }
 
 .home-body {
 	font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
width: 85%;
margin: 0 auto;
 }
 
 /* Expert Building */
 
#block-alock-bespoke-design-expertbuildinghome {
 	background-color: #cdcfcb;
 	border-color: #fff;
 	border-style: solid;
 	border-width: 1px 0 1px 0;
 	color: #565656
 }
 
 
 
 .block-wrapper {
 	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}
 
 
 .block-wrap-1    { 
 flex: 1 1 0;

}  

.block-wrap-1 img {
  width: 100%;
  height: auto;
}

 .block-wrap-2    { 
  flex: 1 1 0;
  padding: 0 5%;

}  

.block-wrap img {
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	width: 100%;
	height: auto;
}



.block-body {
color: #565656;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

.block-link {
	background-color: #748195;
	border-radius: 10px;
	color: #e2e3e1;
	display: inline-block;
	font-family: interstate-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	margin: 10% 0 0 0;
	padding: 5px 10px;
	text-transform: uppercase;
	
}

.block-link:hover {
	background-color: #525d6d;
	color: #fff;
	text-decoration: none;
	
}


/* Home Section Blocks */

#block-alock-bespoke-design-views-block-home-sections-block-1 {
	background-color: #748195;
	color: #fff;
	padding: 65px 5%;

}

#block-alock-bespoke-design-views-block-home-sections-block-1 .view-content {
	display: flex;
	gap: 3%;
flex-wrap: wrap;
}

#block-alock-bespoke-design-views-block-home-sections-block-1 .views-row {
	background-color: #909aa9;
	border-radius: 12px;	
	text-align: center;
	width: 22.6%;
	padding: 22px 40px 50px 40px;

	
}

.home-section-icon {
	text-align: center;
}

.home-section-icon img {
	width: 75%;
	max-width: 165px;
	height: auto;
	margin: 0 auto;
}

.home-section-title {
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;
  margin: 20px 0 20px 0;
}

.home-section-body {
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

/* Get in Touch */

#block-views-block-get-in-touch-block-1 {
	background-color: rgba(205, 207, 203, 0.6);
	border-color: #fff;
	border-style: solid;
	border-width: 1px 0 0 0;
}

#block-views-block-get-in-touch-block-1 h2 {
	font-size: 26px;
  margin: 0 0 20px 0;
}


#block-views-block-get-in-touch-block-1 .views-row {

padding: 100px 7%;

}

.webform-wrapper {
	float: right;
	width: 50%;
}

.clear-float {
	clear: both;

}

.contact-body {
	margin: 3% 0 0 0;
}

.form-item-first-name,
.form-item-email {
	width: 47%;
	float: left

}

.form-item-last-name,
.form-item-telephone
 {
 float: right;
	width: 47%;

}

.form-textarea {
	clear: both
}


.get-sub {
	color: #748195;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  margin: 0 0 20px 0;
}

.get-body {
	color: #565656;
  font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

#block-views-block-get-in-touch-block-1 .form-control {
	border: none;
	border-radius: 8px;
	color: #565656;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px
}

#block-views-block-get-in-touch-block-1 .btn {
border: none;
background-color: #748195;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 4px 40px;
}

#block-views-block-get-in-touch-block-1 .btn:hover {
	background-color: #5b6677;
}

/* Basic Page */

#block-views-block-basic-body-block-1 {
	text-align: center;
	padding: 80px 7%;
	background-color: #eeeeee;
}

.basic-body {

color: #565656;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: left;
}


#block-views-block-basic-paragraph-2-block-1 {
	background-color: #cdcfcb;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 0 1px 0;
  color: #565656;
	
}

#block-views-block-basic-paragraph-2-block-1 .views-row {
	display: flex;
	flex-direction: row;
  align-items: center;
  justify-content: center;
}

.main-column-1  {
flex: 1 1 0;
}

.main-column-2  {
flex: 1 1 0;
padding: 0 5%;
}

.basic-para-body {
	color: #565656;
  font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

/* About Us */


#block-alock-bespoke-design-competenciestoolset {
	background-color: #657287;
	background-image: url(../../../sites/simstream/files/background-1.png);
  background-repeat: no-repeat;
  background-size: 110%;
  background-attachment: fixed;
	color: #fff;
	text-align: center;
	padding: 80px 7%;
}

#block-alock-bespoke-design-competenciestoolset h2 {
	color: #fff;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
}

.comp-toolset {
	font-family: interstate-condensed, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 19px;
  padding: 0 0 20px 0;
}


/* Our Services */

#block-views-block-our-services-block-1 {
	background-color: #748195;
	text-align: center;
	padding: 60px 5%;
}

#block-views-block-our-services-block-1 h2 {
	color: #fff;
  font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
}

#block-views-block-our-services-block-1 .views-row {
	background-color: #8595ae;
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 2px 0;
	color: #fff;
	margin: 30px 0 60px 0;
	padding: 30px 7%;
}

.our-services-icon {
	text-align: center;
	margin: 0 0 25px 0;
}

.our-services-icon img {
	max-width: 100px;
	height: auto;
	margin: 0 auto;
}

.our-services-body {
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-align: left;
}



.services-row-2 {
	background-image: url(../../../sites/simstream/files/daylight-background.png);
  background-repeat: no-repeat;
  background-size: 140%;
  background-attachment: fixed;
	background-position: 50% 0px
}



.services-row-4 {
	background-image: url(../../../sites/simstream/files/compliance-background.png);
  background-repeat: no-repeat;
  background-size: 140%;
  background-attachment: fixed;
	background-position: 50% 0px
}

/* Contact */

#block-alock-bespoke-design-contactpagebody {
	background-color: #e9e9e7;
	padding: 80px 7% 80px 7%;
	
}

#block-alock-bespoke-design-contactpagebody h1 {
	text-align: center;
}

.contact-body {
	color: #565656;
  font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-align: center;
}

#block-alock-bespoke-design-googlemap {
  overflow: hidden;
  margin: 0 0 -5px 0;
}

#block-views-block-duplicate-of-get-in-touch-block-1 {
	background-color: #efefef;
	padding: 80px 15%;
	text-align: center;
}

#block-views-block-duplicate-of-get-in-touch-block-1 .basic-body {
	margin: 0 0 60px 0;
}

#block-views-block-duplicate-of-get-in-touch-block-1 .btn {
border: none;
background-color: #748195;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  padding: 4px 40px;
}

#block-views-block-duplicate-of-get-in-touch-block-1 .btn:hover {
	background-color: #5b6677;
}

.office-address h3 {
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  padding: 20px 0 10px 0;
}

.office-address {
	text-align: center;
}

.office-tel {
	background-image: url(../../../sites/simstream/files/tel-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	padding: 2px 0 0 35px;
}



/* Clients and Partners */

#block-alock-bespoke-design-views-block-clients-and-partners-block-1 {
	background-color: #eeeeee;
	padding: 60px 5% 10px 5%;
}

#block-alock-bespoke-design-views-block-clients-and-partners-block-1 .view-header {
	
	color: #565656;
  font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;text-align: center;
}

#block-alock-bespoke-design-views-block-clients-and-partners-block-1 .flexslider {
	background-color: #eeeeee;
	border: none;
	padding: 0px 5%;
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
	

  opacity: 0.7;
  right: 10px;
  padding: 0 0 80px 0;
}

.client-title {
color: #959595;
font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
	text-align: center;
}


/* Projects */

#block-views-block-projects-block-1 {
	background-color: #f5f5f5
}

#block-views-block-projects-block-1 .views-row {
border-color: #eeeeee;
border-style: solid;
border-width: 2px 0 0px 0;
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#block-views-block-projects-block-1 .project-column-2 {
	flex: 1 1 0;
}

#block-views-block-projects-block-1 .views-field-fieldset {
	flex: 1 1 0;
	color: #565656;
  font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
	padding: 0 5%;
}

.project-label {
	color: #89949b;
	font-family: interstate-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  margin: 10px 0 5px 0;
}



/* Footer */
 
.dialog-off-canvas-main-canvas {
	background-image: url(../../../sites/simstream/files/footer-background.jpg);
	background-repeat: no-repeat;
	background-size: 110%;
	background-position: bottom;
}

@media (max-width: 1488px) {

.dialog-off-canvas-main-canvas {
	background-size: 140%;

}

}

@media (max-width: 1168px) {

.dialog-off-canvas-main-canvas {
	background-size: 170%;

}

}

@media (max-width: 962px) {

.dialog-off-canvas-main-canvas {
	background-size: 200%;

}

}

.footer {
	background-color: rgba(178, 180, 177, 0.7);
	border-width: 2px 0 0 0;
	padding: 35px 0 0 0;
}

#block-alock-bespoke-design-footerlogo {
padding: 110px 5% 75px 5%;
	text-align: center;
}

#block-alock-bespoke-design-footerlogo img {
	max-width: 220px;
	height: auto;
}

/* Copyright */

#block-alock-bespoke-design-copyright {
	border-color: #748194;
	border-style: solid;
	border-width: 0 0 20px 0;
	color: #565656;
	font-family: interstate-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	text-align: center;
	padding: 0 0 30px 0;
	
}

#block-alock-bespoke-design-copyright a:link,
#block-alock-bespoke-design-copyright a:visited {
	color: #565656
}


#block-alock-bespoke-design-responsivemenubackground {
	display: none;
}


/* Reponsive Menus MM */
 

@media (max-width: 980px) {


#block-alock-bespoke-design-responsivemenubackground {
	background-color: #c5c7c2;
	border-color: #fff;
	border-style: solid;
	border-width: 1px 0 0 0;
	color: #c5c7c2;
	display: block;
	height: 65px;
	-webkit-box-shadow: 0px 6px 5px -1px rgba(67,67,67,0.77);
  -moz-box-shadow: 0px 6px 5px -1px rgba(67,67,67,0.77);
}

#block-alock-bespoke-design-mainnavigation {
	display: none;
}

#block-alock-bespoke-design-responsivemenumobileicon {
position: absolute;
    right: 4.9%;
    top: 132px;
    display: block;
    width: 125px;
    text-align: right;
z-index: 900
position: relative;
  
}




#block-alock-bespoke-design-responsivemenumobileicon .label {
	color: #4e4d4d;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 3px;
}

.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
  background: #748194;

}

.mm-menu--theme-light {
  --mm-color-background: #748194;
  --mm-color-border: rgb(255 255 255 / 0.2);
  --mm-color-icon: rgb(255 255 255 / 0.9);
  --mm-color-text: rgb(255 255 255 / 1);
  --mm-color-text-dimmed: rgb(0 0 0 / 0.4);
  --mm-color-background-highlight: rgb(0 0 0 / 0.05);
  --mm-color-background-emphasis: rgb(255 255 255 / 0.75);
  --mm-color-focusring: #5e6a7c;
 font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.mm-navbar {
	color: #fff;
}


.mm-menu a:hover {
	color: #fff;
}

.mm-menu li:hover {
	background-color: #5e6a7c;
	
}

.mm-menu a.is-active {
	color: #fff;
}

.mm-navbar__title {
	font-family: interstate-condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
}

:root {
  --mm-size: 80%;
  --mm-min-size: 300px;
  --mm-max-size: 300px
  }

}

/* Mobile Scaling */


@media (max-width: 940px) {

#block-alock-bespoke-design-views-block-home-sections-block-1 .views-row {

  width: 48%;
  margin: 0 0 25px 0;
}

.home-section-icon img {

  max-width: 135px;

}

.main-column-1 {
  flex: 2 1 0;
}

.block-wrap-1 {
  flex: 2 1 0;
}

}


@media (max-width: 480px) {

.logo img {
  max-width: 170px;
  height: auto;
}

.social-icon img {
  max-width: 32px;
  height: auto;
}

#block-alock-bespoke-design-responsivemenumobileicon {
    right: 0%;
    top: 126px;
  }
  
  #block-alock-bespoke-design-competenciestoolset {
  background-size: 100%;
  background-attachment: inherit;

  background-position: bottom;
}
  
  #block-views-block-basic-body-block-1 {

  padding: 50px 7%;

}

#block-views-block-home-body-block-1 {

  padding: 50px 7%;
 
}

.block-wrapper {
  display: block;
width: 100%
}

.block-wrap-1 {
	display: block

}

.block-wrap-2 {
	display: block;
  padding: 50px 7%;
}

 #block-alock-bespoke-design-views-block-home-sections-block-1 .views-row {
    width: 100%;
    
  }
  
  .webform-wrapper {
  float: none;
  width: 100%;
}

#block-views-block-get-in-touch-block-1 .views-row {
  padding: 50px 7%;
  background-color: #e3e3e1;
}

.contact-body {

	padding: 50px 0 20px 0;
}


element {
}
#block-views-block-basic-paragraph-2-block-1 .views-row {
  display: block;

}

.main-column-2 {
  padding: 50px 5%;
}

#block-views-block-projects-block-1 .views-row {

  display: block;

}

.project-column-1 {
  padding: 50px 5%;
}

#block-views-block-duplicate-of-get-in-touch-block-1 {

  padding: 50px 7%;

}

 .mobile-banner {
 	display: block;
 }
 
 .home-banner {
 	display: none;
 }
 
 .mobile-banner img {
 	width: 100%;
 	height: auto;
 }

}