:root {
  --bg-lp-odd: #F2F2F2;
  --bg-lp-even: #FFF;
}

.landing-page-row{
	color: #000;
}
.landing-page-row.row-odd{
	background: #F2F2F2;
	background-color: var(--bg-lp-odd);
}
.landing-page-row.row-even{
	background: #F2F2F2;
	background-color: var(--bg-lp-even);
}

.landing-page-row.first-row .title-lp.title-lp-b{
	width: 480px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 480px;

  max-width: 100%;
  box-sizing: border-box;
}

.landing-page table{
	border-spacing: 0px;
  border-collapse: collapse;
}

.landing-page table.landing-table-icon > tbody > tr > td{
	padding-left: 50px;
	padding-right: 50px;
}

.landing-page-row{
	padding: 54px 0px;
}
.landing-page-row.py-0{
  padding-top: 0;
  padding-bottom: 0;
}
.landing-page-row.landing-background-cover{
	background-size: cover;
}
.landing-page-row > .bx-wrapper{
	padding: 0 40px;
}
.landing-page-row.no-padding-wrapper > .bx-wrapper{
	padding: 0px;
}

.landing-page-row.no-padding{
	padding: 0px;
}
.landing-page-row.no-top-padding{
	padding-top: 0px;
}

.landing-page-row .landing-page-title-block{
	margin-right: 110px;
}
.landing-page-row .landing-page-title-block > .breadcrumb-box + .landing-page-title{
	margin-top: 5px;
}
.landing-page-row .landing-page-title-block h1.landing-page-title{
	white-space: nowrap;
}

.landing-page-title{
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
}
.landing-page-sub-title{
	font-size: 33px;
	line-height: initial;
	font-weight: 600;
}

h1.landing-page-title{
	white-space: nowrap;
}

.landing-icon-table{
  width: 100%;
}
.landing-icon-table > div{
  text-align: center;
}
.landing-icon-table .landing-icon-box{
	position: relative;
  width: 249px;
  height: 207px;
	background: #FFFFFF;
	border-radius: 10%;

  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.landing-icon-table .icon-title{
  font-size: 2.5rem;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 0;
}
.landing-icon-table .icon-title + p{
  margin-top: 0;
}

.landing-page-step .landing-icon-box{
	height: 220px;
}
.landing-page-step .landing-icon-box + div{
	margin-top: 50px;
}

.landing-page-step table td{
	vertical-align: top;
}

.landing-icon-box > .landing-step{
	position: absolute;
	bottom: -25px;
	left: 0px;
	width: 100%;
}
.landing-icon-box > .landing-step > div{
	background: black;
	border-radius: 100%;
	font-size: 34px;
	line-height: initial;
	font-weight: 600;
	color: #FFFFFF;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: auto;
}

.w100{
	width: 100%;
}

.landing-page .size-20{
	font-size: 20px;
	line-height: initial;
}

.landing-page-title + .landing-page-blog-row{
	margin-top: 40px;
}

.landing-page-blog-row .landing-page-blog{
	width: 33%;
	display: inline-block;
	padding: 0 8px;
}
.landing-page-blog-row .slider .landing-page-blog{
	display: block;
	width: 400px;
	padding: 0px;
	margin-right: 20px;
	box-sizing: border-box;
}
.landing-page-blog-row .landing-page-blog > .thumb > img{
	width: 100%;
}
.landing-page-blog-row .landing-page-blog > .info{
	text-align: left;
	border-width: 1px;
	border-style: solid;
	padding: 0 10px;
}
.landing-page-blog-row .landing-page-blog > .info p{
	margin: 10px 0px;
}

.mb-body .flex.mb-flex-column-reverse{
  flex-direction: column-reverse;
}
.mb-body .flex.mb-flex-column-reverse .text-right{
  text-align: left;
}

@media only screen
and (max-width: 548px){
	.mb-body .flex.rwd-break-line > div{
    width: 100%;
    flex-basis: 100%;
  }
}

@media only screen
and (max-width: 1049px){
  .heading-1 + .mt-7{
    margin-top: 35px;
  }
  .heading-1 + .mt-6{
    margin-top: 30px;
  }
  .heading-1 + .mt-5{
    margin-top: 25px;
  }
  .heading-1 + .mt-4{
    margin-top: 20px;
}

	.mb-body .flex.rwd-break-line{
		flex-wrap: wrap;
	}
  .mb-body .flex.rwd-break-line > div{
    padding-left: 0;
    padding-right: 0;
  }
  .mb-body .flex.rwd-break-line > div + div{
    margin-top: 20px;
  }

  .mb-body .landing-page-row.first-row .first-row-banner{
    width: 125%;
    height: auto;
    max-width: 1333px;
  }
  .mb-body .landing-page-row img.row-banner{
    width: 100%;
    height: auto;
  }

	.mb-wrapper{
		padding: 0 10px 20px;
		box-sizing: border-box;
	}

	.landing-page-row.landing-background-cover{
		background-image: none !important;
	}

	.landing-page-row > .bx-wrapper, .landing-page-row.no-padding-wrapper > .bx-wrapper{
		padding: 0 10px;
	}
	.landing-page-row table, .landing-page-row tbody, .landing-page-row tr, .landing-page-row td{
		display: block;
		width: 100%;
	}
	.landing-page-row tr > td + td{
		margin-top: 30px;
	}
	.landing-page table.landing-table-icon > tbody > tr > td{
		padding-left: 0px;
		padding-right: 0px;
	}

	.landing-page-title{
		font-size: 23px;
		line-height: 1.4em;
	}
	.landing-page-sub-title{
		font-size: 16px;
	}

	.landing-page-row{
		padding: 20px 0px;
	}
  .landing-page-row.py-0{
    padding-top: 20px;
  }
	.landing-page-row.no-padding{
		padding: 20px 0px 0px;
	}
	.landing-page-row.no-padding > .bx-wrapper{
		padding: 0px;
	}
  .landing-page-row.no-padding > .bx-wrapper .title-lp.title-lp-b{
    padding-left: 10px;
    padding-right: 10px;
  }
	.landing-page-row.no-padding > .bx-wrapper .landing-page-title-block{
		padding: 0px 10px;
	}

	.landing-page .size-20{
		font-size: 16px;
	}
	.landing-page-row br{
		display: none;
	}
	.landing-page-row .landing-table-icon br,
	.landing-page-row .landing-page-step br{
		display: initial;
	}

	.landing-page-row .landing-page-step .step-arrow{
		display: none;
	}

	.landing-page-row .landing-page-title-block{
		margin-right: 0px;
	}
	.landing-page-row .landing-page-title-block h1.landing-page-title{
		white-space: initial;
	}

	.breadcrumb-box + .landing-page-title{
		margin-top: 20px;
	}

	.landing-page-step .landing-icon-box{
		height: initial;
		text-align: center;
	}

	.landing-page-blog-row .landing-page-blog{
		width: 100%;
		padding: 0px;
	}
	.landing-page-blog-row .landing-page-blog + .landing-page-blog{
		margin-top: 20px;
	}
	.landing-page-blog-row .slider .landing-page-blog + .landing-page-blog{
		margin-top: 0px;
	}

}