/*full content wrappers*/
.uxArticle.uxArticle-fullwidth {margin: 40px 5% 40px; margin-bottom:0px;}
.uxArticle_top{margin-left:72px;}
.uxArticle.uxArticle_last {
    margin: 0px 5% 0px;
}

h2.pdt0{padding-top:0px;}
.pdb0{padding-bottom:0px;}

/*headers*/
.main-article .h1 {
    font-size: 46px;
    font-weight: 400;
    line-height: normal;
    color: #182745;
    padding-bottom: 15px;
}

.main-article .h2 {
	font-size: 33px;
	font-weight: 400;
	line-height: normal;
	color: #182745;
	padding-bottom: 20px;
}

.main-article .h3 {
	font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    color: #182745;
    padding: 30px 0 10px 0;
}

.b0 {
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	color: #182745;	
}


.button-primary-none-default {
    border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    width: auto;
    text-decoration: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
    background-color: #FCD900;
    border: 4px solid #FCD900;
    color: #182745;
}
.button-primary-none-default:active {
    border: 4px solid #182745;
    background: #F0AB00;
    outline: 4px solid #ffffff;
}
.button-primary-none-default:hover, .button-primary-none-default:focus {
    text-decoration: none;
    color: #182745;
}
.button-primary-none-default:focus {
    border: 4px solid #182745;
    background: #FCD900;
    outline: 4px solid #ffffff;
}
.button-primary-none-default:hover {
    background: #F0AB00;
    border: 4px solid #F0AB00;
    cursor:pointer;
}


.list-circle, .list-numbers {
    margin-left: 20px;
    padding-bottom: 20px;
}
.list-numbers > .b0, .list-numbers > .b1 {
    padding-bottom: 10px;
  	margin-left:10px;
}
.list-numbers > .b0::marker, .list-numbers > .b1::marker {
    font-weight: bolder;}

/*body text*/
.main-article .b1 {
	    font-size: 22px;
    font-weight: 300;
    line-height: normal;
    color: #182745;
    padding-bottom: 30px;	
}

p.product-range{font-weight:400;padding-top:20px;}

.b0{
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	color: #182745;	
}

/*information box*/

/*desktop version*/
		.box-information  {
			display: block;
			height: auto;
			width: auto;
			padding: 20px;
			overflow: auto;
			margin-top: 30px;
			margin-bottom: 40px;
          background: #DAEBF4;
		}

		.list-tick > .b0, .list-tick > .b1   {
			padding-bottom: 10px;

		}
		.b0-tick, .b1-tick   {
			list-style-image: url(http://10.55.2.75/_resources/img/style-guide/text-icons/Tick-Green.png);

		}
        .main-article ul, .main-article ol {
          padding-bottom: 0;
        }


		/*tablet version*/

@media screen and (min-width: 700px) and (max-width: 1024px){

    
    .uxArticle_top {
        margin-left: 37px;
    }
    .pdb0{padding-bottom:20px;}
   .box-information {width: auto; margin:0px 0px 10px 0px;}

	/*headers*/
	.h1 {
		font-size: 40px;
		font-weight: 700;
		line-height: 49px;
		padding-bottom: 20px;
	}

	.h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
	}

	.h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}


	/*body text*/

    .b0 {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #182745;	
    }

	.b1{
		font-size: 20px;
		font-weight: 300;
		line-height: 22px;
	}

	/*buttons*/
	.button-primary-none-default {
		font-size: 20px;
		line-height: 25px;
		padding: 10px 20px;
	}
  
  .stepbox-3columns_box {
		width: 48%;
        padding: 15px;
	}
	.step_highlight {
    font-size: 40px;
    font-weight: 600;
    line-height: 47.84px;
	}
  .table-blue {
    width: 76%;
	}
}
          
@media screen and (min-width: 767px) and (max-width: 1300px){          
          
	.box-2columnsoffset_box_right {padding-left:20px;}  
  
}

@media screen and (min-width: 1301px) and (max-width: 1500px){          
          
	.box-2columnsoffset_box_right {padding-left:20px;}  
  
}

/* Mobile Version  */

@media screen and (max-width: 700px){
	/*main content wrapper*/
	.uxArticle, .uxArticle.uxArticle-fullwidth {margin:10px 5% 0px;}
  	.uxArticle.uxArticle_last {margin: 0px 5% 0px;}
  
  .pdb0{padding-bottom:20px;}
    h2.pdt0 {
      padding-top: 10px;
  }

	/*headers*/
	.h1 {
		font-size: 30px;
		font-weight: 700;
		line-height: 37px;
		padding-bottom: 20px;
	}
	
	.h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}

	.h3 {
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
      padding-top:0px;
	}

	/*body text*/
	.b1{
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;	
	}

	/*information box*/
	.box-information {width: auto; margin:0px 0px 10px 0px;padding:10px;}


.h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

.b1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.b0 {
font-size: 18px;
font-weight: 400;
line-height: 22px;
color: #182745;	
}
article.uxArticle_top {
  margin-top: 40px;
  margin-bottom: 0;
  margin-left:15px;
}
  .button-primary-none-default {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    margin-bottom: 0px;
    width: calc(100% - 48px);
    text-align: center;
  	max-width:272px;
    display:block;
  
  }

#main-content > article.uxArticle.uxArticle_top {margin-top:-27px;}



}
          
  /*offset box code*/
.box-2columnsoffset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  width: 38%;
  overflow: auto;
  position: relative;
  padding-bottom: 40px;
}

* .box-2columnsoffset_box {
  width: 49%;
  display: flex;
  flex-direction: row;
  flex: 1;
  height: auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border: 1px solid #A7AFB5;
  color: #182745;
  padding: 20px 20px 20px 10px;
  position: relative;
  overflow: auto;
  text-decoration: none;
}

.box-2columnsoffset_box:focus {
  box-shadow: 0px 0px 0px 10px #182745 inset;
  border: 1px solid #182745;
  text-decoration: none;
  outline: none;
}

.box-2columnsoffset_box:active {
  background: #33508A;
  border: 1px solid #33508A;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.box-2columnsoffset_box:active>.box-2columnsoffset_box_right>h3.h3,
.box-2columnsoffset_box:active>.box-2columnsoffset_box_right>p.b1 {
  color: #ffffff;
}

.box-2columnsoffset_box-1 {
  margin-right: 30px;
}

.box-2columnsoffset_box_left,
.box-2columnsoffset_box_right {
  display: flex;
  height: auto;
  position: relative;
}

.box-2columnsoffset_box_left {
  display: flex;
  flex: 25%;
  width: 100px;
}

.box-2columnsoffset_box_left_img {
  width: 100px;
  height: auto;
  position: relative;
  display: block;
  margin: 0 auto;
}

.box-2columnsoffset_box_right {
  display: flex;
  flex: 75%;
  flex-direction: column;
  width: auto;
}

.box-2columnsoffset_box_right>.h3,
.box-2columnsoffset_box_right>.b1 {
  width: auto;
  display: flex;
  flex: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}

.box-2columnsoffset_box-1>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://10.55.2.75/_resources/img/style-guide/icons/Phone_Receiver.png);
}

.box-2columnsoffset_box-2>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(https://www.leedsbuildingsociety.co.uk/_resources/img/intermediaries/bubble-icon.svg);
}

.box-2columnsoffset_box-1:active>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://10.55.2.75/_resources/img/style-guide/icons/Phone_Receiver_White.png);
}

.box-2columnsoffset_box-2:active>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://www.leedsbuildingsociety.co.uk/_resources/img/style-guide/icons/Question_Mark_White.png);
}

/*end of offset box code*/
               @media screen and (max-width: 768px) {

  .box-2columnsoffset_box.box-2columnsoffset_box-1,
  .box-2columnsoffset_box.box-2columnsoffset_box-2 {
    flex: 100%;
  }

  .box-2columnsoffset_box.box-2columnsoffset_box-1 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .box-2columnsoffset_box_left {
    display: none;
  }

  .box-2columnsoffset_box_right {
    flex: 100%;
    width: 100%;
  }
}
  @media screen and (min-width: 769px) and (max-width: 1350px) {
  .box-2columnsoffset_box_left_img {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 700px){
.box-2columnsoffset {
    display: flex;
    width: 100%;
}
}
        
.box.warning.ints-warning {
  padding: 15px;
  margin-bottom: 10px;
}
.box.warning.ints-warning p:first-child {
  margin-bottom: 15px;
}
.main-article {
  margin-left: 0;
  margin-right: 0;
}
.info-box {
  padding: 30px;
  background-color: #DAEBF4;
  margin-bottom: 30px;
}
.info-box p.b1 {
  padding-bottom: 20px;
}
.main-article a {
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.main-article:last-child p.b1 {
  padding-bottom: 10px;
}
.main-article:last-child a:first-child {
  padding-top: 25px;
  display: block;
}
@media screen and (max-width: 61.25em) {
  .l-sidebar {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .main-article:last-child a:first-child {
    padding-top: 15px;
  }
  .main-article .h3 {
    font-size: 24px;
    padding: 30px 0 15px 0;
  }
  .main-article .h1 {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 40px;
  }
  .main-article p.b1, .main-article a {
    padding-bottom: 15px;
    font-size: 20px;
  }
  .main-article .h2 {
    font-size: 30px;
  }
  .info-box {
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 5px;
  }
  .main-article p.b1, .list-tick li.b1,  .main-article a {
    font-size: 20px;
  }
  .hide-700 .box.warning {
    margin-left: 0;
    margin-right: 0;
  }
  .main-article .h3 {
    padding: 5px 0 15px 0;
  }
    .l-col-1-2 {
        width: 90%;
        margin: 0 auto;
    }
      .tabs {
        width: 100%;
    }
}
@media screen and (min-width: 28.75em) {
    .table-notes {
        margin-top: 0;
    }
}
@media screen and (max-width: 426px) {
  .main-article {
    width: 90%;
    margin: 0 auto;
  }
  .main-article .h1 {
    font-size: 30px;
  }
  .main-article .h2 {
    font-size: 24px;
  }
  .main-article .h3 {
    font-size: 20px;
    padding: 5px 0 10px 0;
  }
  .main-article p.b1, .list-tick li.b1,  .main-article a {
    font-size: 16px;
  }
  .main-article:last-child a:first-child {
    padding-top: 15px;
  }
  .main-article .h2, .main-article:last-child p.b1 {
    padding-bottom: 10px;
  }
  .l-sidebar {
    margin-top: 20px;
  }
  .info-box {
    padding: 10px;
    margin-bottom: 20px;
  }
  .list-tick > .b0, .list-tick > .b1 {
    padding-bottom: 5px;
  }
    .l-col-1-2 {
        width: 100%;
        margin: 0 auto;
    }
      .tabs {
        width: 90%;
    }
}

		.b0-tick, .b1-tick   {
			list-style-image: url(http://10.55.2.75/_resources/img/style-guide/text-icons/Tick-Green.png);

		}
        .main-article ul, .main-article ol {
          padding-bottom: 0;
        }


		/*tablet version*/

@media screen and (min-width: 700px) and (max-width: 1024px){

    
    .uxArticle_top {
        margin-left: 37px;
    }
    .pdb0{padding-bottom:20px;}
   .box-information {width: auto; margin:0px 0px 10px 0px;}

	/*headers*/
	.h1 {
		font-size: 40px;
		font-weight: 700;
		line-height: 49px;
		padding-bottom: 20px;
	}

	.h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
	}

	.h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}


	/*body text*/

    .b0 {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #182745;	
    }

	.b1{
		font-size: 20px;
		font-weight: 300;
		line-height: 22px;
	}

	/*buttons*/
	.button-primary-none-default {
		font-size: 20px;
		line-height: 25px;
		padding: 10px 20px;
	}
  
  .stepbox-3columns_box {
		width: 48%;
        padding: 15px;
	}
	.step_highlight {
    font-size: 40px;
    font-weight: 600;
    line-height: 47.84px;
	}
  .table-blue {
    width: 76%;
	}
}
          
@media screen and (min-width: 767px) and (max-width: 1300px){          
          
	.box-2columnsoffset_box_right {padding-left:20px;}  
  
}

@media screen and (min-width: 1301px) and (max-width: 1500px){          
          
	.box-2columnsoffset_box_right {padding-left:20px;}  
  
}

/* Mobile Version  */

@media screen and (max-width: 700px){
	/*main content wrapper*/
	.uxArticle, .uxArticle.uxArticle-fullwidth {margin:10px 5% 0px;}
  	.uxArticle.uxArticle_last {margin: 0px 5% 0px;}
  
  .pdb0{padding-bottom:20px;}
    h2.pdt0 {
      padding-top: 10px;
  }

	/*headers*/
	.h1 {
		font-size: 30px;
		font-weight: 700;
		line-height: 37px;
		padding-bottom: 20px;
	}
	
	.h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}

	.h3 {
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
      padding-top:0px;
	}

	/*body text*/
	.b1{
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;	
	}

	/*information box*/
	.box-information {width: auto; margin:0px 0px 10px 0px;padding:10px;}


.h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

.b1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
.b0 {
font-size: 18px;
font-weight: 400;
line-height: 22px;
color: #182745;	
}
article.uxArticle_top {
  margin-top: 40px;
  margin-bottom: 0;
  margin-left:15px;
}
  .button-primary-none-default {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    margin-bottom: 0px;
    width: calc(100% - 48px);
    text-align: center;
  	max-width:272px;
    display:block;
  
  }

#main-content > article.uxArticle.uxArticle_top {margin-top:-27px;}



}
          
  /*offset box code*/
.box-2columnsoffset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  width: 38%;
  overflow: auto;
  position: relative;
  padding-bottom: 40px;
}

* .box-2columnsoffset_box {
  width: 49%;
  display: flex;
  flex-direction: row;
  flex: 1;
  height: auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border: 1px solid #A7AFB5;
  color: #182745;
  padding: 20px 20px 20px 10px;
  position: relative;
  overflow: auto;
  text-decoration: none;
}

.box-2columnsoffset_box:focus {
  box-shadow: 0px 0px 0px 10px #182745 inset;
  border: 1px solid #182745;
  text-decoration: none;
  outline: none;
}

.box-2columnsoffset_box:active {
  background: #33508A;
  border: 1px solid #33508A;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.box-2columnsoffset_box:active>.box-2columnsoffset_box_right>h3.h3,
.box-2columnsoffset_box:active>.box-2columnsoffset_box_right>p.b1 {
  color: #ffffff;
}

.box-2columnsoffset_box-1 {
  margin-right: 30px;
}

.box-2columnsoffset_box_left,
.box-2columnsoffset_box_right {
  display: flex;
  height: auto;
  position: relative;
}

.box-2columnsoffset_box_left {
  display: flex;
  flex: 25%;
  width: 100px;
}

.box-2columnsoffset_box_left_img {
  width: 100px;
  height: auto;
  position: relative;
  display: block;
  margin: 0 auto;
}

.box-2columnsoffset_box_right {
  display: flex;
  flex: 75%;
  flex-direction: column;
  width: auto;
}

.box-2columnsoffset_box_right>.h3,
.box-2columnsoffset_box_right>.b1 {
  width: auto;
  display: flex;
  flex: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}

.box-2columnsoffset_box-1>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://10.55.2.75/_resources/img/style-guide/icons/Phone_Receiver.png);
}

.box-2columnsoffset_box-2>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(https://www.leedsbuildingsociety.co.uk/_resources/img/intermediaries/bubble-icon.svg);
}

.box-2columnsoffset_box-1:active>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://10.55.2.75/_resources/img/style-guide/icons/Phone_Receiver_White.png);
}

.box-2columnsoffset_box-2:active>.box-2columnsoffset_box_left>.box-2columnsoffset_box_left_img {
  content: url(http://www.leedsbuildingsociety.co.uk/_resources/img/style-guide/icons/Question_Mark_White.png);
}
div.box.int-warning.ints-warning {
    margin-top: 20px;
  }
/*end of offset box code*/
@media screen and (max-width: 768px) {
  .box-2columnsoffset_box.box-2columnsoffset_box-1,
    .box-2columnsoffset_box.box-2columnsoffset_box-2 {
      flex: 100%;
    }
  .box-2columnsoffset_box.box-2columnsoffset_box-1 {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .box-2columnsoffset_box_left {
    display: none;
  }
  .box-2columnsoffset_box_right {
    flex: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1350px) {
  .box-2columnsoffset_box_left_img {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 700px){
  .box-2columnsoffset {
      display: flex;
      width: 100%;
  }
  div.group {
    margin-top: 10px;
  }
  div.box.int-warning.ints-warning {
    margin-top: 10px;
  }
}