/*Newly added CSS as per Style guide*/
strong {
    font-weight: 400;
}

.pt20{padding-top:20px;}
.pt11{padding-top:11px;}

.ec--1-column p.pdb20{
	padding-bottom:20px;
}
.ec--1-column p.pdt10{
	padding-top:15px;
}
.ec--1-column h3.mgt20{
	margin-top:20px;
}

.hr{
  background-color: #A7AFB5;
  border: 1px solid #A7AFB5;
}
article.main-article{
	margin-left:0px !important;
}
.ec--1-column {
    padding: 35px 75px 50px;
}
.ec--1-column  h1 {
    font-size: 46px;
    font-weight: 400;
    line-height: 56.44px;
    color: #182745;
    padding-bottom: 30px;
}
.ec--1-column h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 40.49px;
    color: #182745;
    padding-bottom: 20px;
  	padding-left:2px;
}

.ec--1-column h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 31.9px;
    color: #182745;
    padding-bottom: 20px;
}
.ec--1-column p.b0{
	font-size: 22px;
    font-weight: 300;
    line-height: 26.99px;
    color: #182745;
}
.step_highlight{
	font-size: 50px;
    font-weight: 900;
    line-height: 50.94px;
}

h2.switch-notes_twoboxes{
	display: inline-block;
    padding-top: 19px;
    vertical-align: top;
    display: inline-block;
}

/*Box-column*/

.box-3columns {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    width: auto;
    overflow: auto;
}

.box-3columns_box {
  	/*background-color:#DAEBF4;*/
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    /*margin-bottom: 30px;*/
    position: relative;
    text-align: center;
    width: 30%;
    /*padding: 20px 0px 20px;*/
}

.box-3columns_box_img.box-3columns_box_img-step {
    display: block;
    float: left;
    margin: 30px 0 20px 0;
    width: 80px;
}

.box-3columns_box_img {
    display: inline-block;
    height: auto;
    margin: 0 auto 10px;
    width: 102px;
}

.box-3columns_box.box-3columns_box-step > .h2, .box-3columns_box.box-3columns_box-step > .b1 {
    text-align: left;
  	margin-bottom: 20px;
}

.box-3columns_box.box-3columns_box-step > .h2 {
    display: block;
    float:left;
  margin: 30px 0 11px 0;
}

.box-3columns_box.box-3columns_box-step > .h3, .box-3columns_box.box-3columns_box-step > .b1 {
    text-align: left;
  	margin-bottom: 20px;
}

.box-3columns_box.box-3columns_box-step > .h3 {
    display: block;
    clear: both;
  	font-size: 26px;
    font-weight: 400;
    line-height: 31.9px;
    color: #182745;
}

.b1 {
    font-size: 22px;
    font-weight: 300;
    line-height: 26.99px;
    color: #182745;
}
.h2 {
    font-size: 33px;
    font-weight: 400;
    line-height: 40px;
    color: #182745;
    padding-bottom: 20px;
}
.h3{
	font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    color: #182745;
    padding-bottom: 20px;
}

/*Box column ends here*/

/*Button*/

.button-primary-none-default {
    background-color: #FCD900;
    border: 4px solid #FCD900;
    color: #182745;
    border-radius: 5px;
    display: inline-block;
    /*padding: 10px 90px;*/
  	padding:14px 20px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26.99px;
    overflow: hidden;
    width: auto;
    text-decoration: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 30%);
}

/*Calender image updates*/

.box-information_white_rightImg {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 40px 0 0px 0;
}

.box-information_white {
    background: #ffffff;
    padding-top:10px;
}

.box-information_white_rightImg_section-left {
    display: inline-block;
    height: auto;
    /*width: 75%;*/
}

.ec--1-column p.b1 {
    font-size: 22px;
    font-weight: 300;
    line-height: 26.99px;
    color: #182745;
}

.box-information_white_rightImg_section-right {
    display: inline-block;
    height: auto;
    width: 25%;
}
.box-information_white_rightImg_section-right_img {
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 27px 0;
    width: 115px;
}

/*second box*/

.boxes-3columns {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    width: auto;
    overflow: auto;
}

.boxes-3columns_box {
    /*border: #A7AFB5 1px solid;*/
    box-sizing: border-box;
    /*display: inline-flex;*/
  	display:block
  	flex-direction: row-reverse;
    height: auto;
    margin-bottom: 30px;
    /*padding: 0 24px 25px 24px;*/
    position: relative;
    /*text-align: center;*/
    width: 32%;
    padding:25px 0px 25px 6px;
}

.boxes-3columns_box_img.boxes-3columns_box_img-step {
    /*margin: 30px 0 20px 0;*/
    width: 120px;
  	height:82.14px;
  	float:right;
}

.boxes-3columns_box_img {
    display: inline-block;
    height: auto;
    margin: 0 auto 10px;
    width: 102px;
}

.boxes-3columns_box.boxes-3columns_box-step > .h2, .boxes-3columns_box.boxes-3columns_box-step > .b1 {
    text-align: left;
}

.boxes-3columns_box.boxes-3columns_box-step > .h2 {
    display: block;
    clear: both;
}

.switch-information {
    display: block;
    height: auto;
    width: auto;
  padding-bottom: 30px;
}

.switch-information p .b1 {
    font-size: 22px;
    font-weight: 300;
    line-height: 26.99px;
    color: #182745;
}

.box-information {
    display: block;
    height: auto;
    width: auto;
    border: #A7AFB5 1px solid;;
    padding: 20px;
    overflow: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.list-tick {
    margin-left: 30px;
    padding-bottom: 20px;
}

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

.b0-tick, .b1-tick {
    list-style-image: url("/_resources/img/mortgages/remortgage/Tick-Green.png");
}

/*Box 2 column*/

.box-2columns {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    width: auto;
    overflow: auto;
}
.box-2columns_box {
    border: #A7AFB5 1px solid;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin-bottom: 30px;
    padding: 22px 24px 22px 24px;
    position: relative;
    /* text-align: center; */
    width: 48%;
    margin-top: 30px;
}
.box-2columns_box_img {
    display: inline-block;
    height: auto;
    margin: 0 auto 10px;
    width: 102px;
}

.button-primary-none-default:focus {border: 4px solid #182745;}
	.button-primary-none-default:hover {border: 4px solid #F0AB00;}
	.button-primary-none-default:hover, .button-primary-none-default:focus {
		background: #F0AB00;
		text-decoration: underline;
		color: #182745;
	}
.box-information_white_rightImg_section-right_b1{
	/*margin-top: -127px;
    width: 75%;*/
} 
 .box-information_white_rightImg_section-right_second{                                       
   /* width: 75%;
    margin-top: -49px;*/
}
                                        
.b1-text_indent{
	padding-left: 22px;
    text-indent: -21px;
    position: relative;
}
.b1-text_indent_last{
    position: relative;
    text-indent: -19px;
    padding-left: 20px;
}
 
/*phone icon display bug resolve*/                                        
@media screen and (min-width: 921px) and (max-width: 1024px){    
  div.box-2columns_box:nth-child(2) > img:nth-child(1){width: 82px;}
}
                                     
/*tablet devices*/
@media screen and (min-width: 700px) and (max-width: 1024px){
  
   .box-3columns_box {
 	width:24%
 }
  .pt20-text{
  	padding-top:20px;
  }
  h2.switch-notes_twoboxes{
	display: inline-block;
    padding-top: 4px;
    padding-left:43%;
    vertical-align: top;
}
  .box-2columns_box_img {
	position: absolute;
 }
   .ec--1-column{
    margin-left:10px;
    margin-right:10px; 
  }
  .ec--1-column {
    padding: 15px 30px 50px;
}
  .ec--1-column h1 {
  	font-size: 40px;
    font-weight: 400;
    line-height: 49.08px;
    padding-bottom: 20px;
}
 .ec--1-column h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 36.81px;
}
  
 .ec--1-column h3 {
   font-size: 24px;
   font-weight: 400;
   line-height: 29.45px;
 }
  .ec--1-column p.b0 {
    font-size: 20px;
    font-weight: 300;
    line-height: 24.54px;
    color: #182745;
}
  .ec--1-column p.b1 {
	font-size: 20px;
    font-weight: 300;
    line-height: 24.54px;
    /*text-align: center;*/
}
  .box-3columns_box.box-3columns_box-step > .h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 29.45px;
}
.main-article h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 29px;
	}
.main-article p.b0 {
	 font-size: 20px;
	 font-weight: 300;
	 line-height: 24.54px;
	 color: #182745;
	}
.button-primary-none-default{
    font-size: 20px;
    line-height: 25px;
    padding: 10px 80px;
	}
    .button-primary_bottom {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 28px;
	}
  .b1-text_indent {
    position: relative;
    text-indent: -22px;
    padding-left: 23px;
}
.b1-text_indent_last {
    position: relative;
    text-indent: -24px;
    padding-left: 23px;
}
  .box-information_white_rightImg {
	    padding: 20px 0 0px 0;
}
  .box-information_white_rightImg_section-right_img{
	padding:0px;
    width:70px;
}
  .box-information_white_rightImg_section-right_b1 {
    width: 100%;
	}
  .box-information_white_rightImg_section-right_second {
    width:100%;
	}
  .boxes-3columns_box_img.boxes-3columns_box_img-step{
  	float: none;
    width: 118.23px;
    height: 80px;
    /*display: flex;*/
  }
  .h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 29.45px;
    /*text-align: center;*/
  }
  .step_highlight {
    font-size: 40px;
    font-weight: 600;
    line-height: 47.84px;
	}
  .boxes-3columns_box{
	width:33%;
	}
}

/*Mobile devices*/
@media screen and (max-width: 700px){
 .ec--1-column .h2 .pt0{padding-top:0px;}
  
  .boxes-3columns_box {
	padding: 2px 0px 12px 6px;
}
  h2.switch-notes_twoboxes{
	display: inline-block;
    padding-top: 19px;
    padding-left: 20px;
    vertical-align: top;
    display: inline-block;
}
  .step_highlight {
    font-size: 26px;
    font-weight: 600;
    line-height: 31.9px;
	}
  .ec--1-column h2.mgt20{
	margin-top:0px;
}
  .ec--1-column{
    margin-left:10px;
    margin-right:10px; 
  }
  .ec--1-column {
    padding: 10px 10px 50px;
}
 .ec--1-column h1 {
   font-size: 30px;
    font-weight: 400;
    line-height: 36.81px;
   	padding-top: 50px;
  }
  .ec--1-column h2 {
    padding-left: 0px;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.45px;
    padding-bottom: 10px;
    padding-top: 20px;
}
 .ec--1-column h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}
.main-article h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
	}
.ec--1-column p.b0 {
    font-size: 16px;
    font-weight: 300;
    line-height: 19.63px;
    color: #182745;
	}
.button-primary-none-default{
    font-size: 16px;
    line-height: 20px;
    padding: 10px 94px;
  	display: block;
  	text-align: center;
}
  .box-3columns_box {
    margin-bottom: 10px;
    width: 100%;
    padding:0px 0px 0px 0px;
}
  .box-information_white_rightImg_section-right_img{
	width: 66px;
    padding: 0px 0px;
}
 .boxes-3columns_box {
    margin-bottom: 10px;
    width: 100%;
}
  .box-2columns_box {
    margin-bottom: 10px;
    width: 100%;
}
  .button-primary_bottom {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 39px;
    display: block;
}
  .box-3columns_box.box-3columns_box-step > .h3 {
    display: block;
    clear: both;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.54px;
    color: #182745;
}
.ec--1-column p.b1 {
    font-size: 16px;
    font-weight: 300;
    line-height: 19.63px;
    color: #182745;
}
.box-3columns_box_img.box-3columns_box_img-step {
    display: block;
    float: left;
    margin: 16px 0 10px 0;
    width: 45px;
}
.box-information_white_rightImg {
	margin-bottom: 20px;
}
  .box-information {
  	margin-top: 20px;
    margin-bottom: 20px;
  }
.box-information_white_rightImg {
	padding: 20px 0 0px 0;
}
.box-information_white_rightImg_section-right_b1 {
    /*margin-top: -4px;
    width: 130%;*/
}

.box-information_white_rightImg_section-right_second {
    /*width: 130%;
    margin-top: -5px;*/
	}
  .b1-text_indent {
    padding-left: 18px;
    text-indent: -17px;
    position: relative;
}
  .b1-text_indent_last {
    position: relative;
    text-indent: -20px;
    padding-left: 19px;
}
.boxes-3columns_box_img.boxes-3columns_box_img-step {
	float: none;
}
  .box-3columns_box.box-3columns_box-step > .h2 {
  		margin:0px;
  	}
  .box-3columns_box.box-3columns_box-step > .h3, .box-3columns_box.box-3columns_box-step > .b1 {
  	padding-bottom:0px;
  }
  .box-2columns_box { margin-top:0px;}
  
}
                                        
@media only screen and (min-width:320px) and (max-width:375px){
	 .button-primary-none-default {
			font-size: 16px;
			line-height: 20px;
			padding: 10px 74px;
		} 
 .button-primary_bottom {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 19px;
}

	}
                                    
@media screen and (max-width: 320px){
	  .button-primary-none-default {
			font-size: 16px;
			line-height: 20px;
			padding: 10px 74px;
		} 
 .button-primary_bottom {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 14px;
	}

}
                                    
@media only screen and (min-width:700px) and (max-width:1024px){
.box-information_white_rightImg_section-right_second {
    /*width: 75%;
    margin-top: -10px;*/
	}
}

@media only screen and (min-width:800px) and (max-width:1280px){
.box-information_white_rightImg_section-right_second {
    /*width: 75%;
    margin-top: -10px;*/
	}
}

@media screen and (min-width: 361px) and (max-width: 373px) {
.button-primary_bottom {
  	padding: 10px 39px;
	}
}


@media screen and (min-width: 375px) and (max-width: 677px) {
.button-primary_bottom {
  	padding: 10px 39px;
	}
}


article.productCalc {display:inline-block !important;margin-top:0px !important;}

/*buttons on same level 2 box structure*/
.button-primary-none-default.button-primary_bottom {
  position: absolute;
  display: block;
  bottom: 25px;
}

/*2 col box button controls*/
.buttonBottom {margin-bottom: 60px;}

@media screen and (min-width: 700px) and (max-width: 780px) {
  .button-primary-none-default.button-primary_bottom {
    padding: 10px 0;
    width: calc(100% - 58px);
    text-align: center;
  }
}

@media screen and (min-width: 488px) and (max-width: 700px) {.button-primary-none-default.button-primary_bottom {width: 348px;}}

@media screen and (max-width: 700px) {
  .button-primary-none-default.button-primary_bottom {
    display: block;
    position: relative;
    margin: auto;
    text-align: center;
  }
}
 
@media screen and (max-width: 487px) {
  .button-primary-none-default.button-primary_bottom {
    padding: 10px 0;
    width: calc(100% - 8px); 
    width: -webkit-calc(100% - 8px);
    width:    -moz-calc(100% - 8px);
  }
}