img{
	width:auto;
	height:auto;
	max-width:100%;
}
.brand{
	color:inherit;
	font:inherit;
	text-decoration:none;
	transition:.3s ease all;
}
.brand:hover{
	opacity:.7;
}
body,html{
	margin:0px;
	padding:0px;
	background-color: #F8F8F8;
}
body *{
	font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	box-sizing: border-box;
}
.container{
	max-width: 1248px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
header{
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
}
header .outer__header>p{
	margin:0px;
	min-height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #EDEDED;
	border-radius: 16px;
	border-top-right-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 18px;
	color:#828282;
	font-weight: bold;
	text-transform: uppercase;
}
header .outer__header>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
header .outer__header{
	padding:28px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.content__box{
	padding-top: 48px;
	padding-bottom: 80px;
}
.content__box .side{
	max-width: 312px;
	width: 100%;
	position: sticky;
	top:20px;
	left:0px;
	padding:16px;
	background-color: #fff;
	border-radius: 8px;
	border:1px solid #DEDEDE;
}
.content__box .side .head{
	text-align: center;
	padding:16px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #474747;
}
.content__box .side .head ul>li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2px;
}
.content__box .side .head ul>li:last-child{
	margin-right: 0px;
}
.content__box .side .head ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
}
.content__box .side .head>p{
	margin:0px;
	font-size: 19px;
	line-height: 130%;
	color:#FFFFFF;
	font-weight: bold;
}
.content__box .side .content .media>img{
	max-width: 100%;
}
.content__box .side .content .media{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
	margin-bottom: 16px;
}
.content__box .side .content>p{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 140%;
	color:#252641;
	font-weight: bold;
}

.content__box .side-box{
	margin-left: auto;
	width: 312px;
}
.content__box .side .content .btn>a:hover{
	opacity:.7;
}
.content__box .side .content .btn>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 58px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	color:#FFFFFF;
	box-shadow:0px 3px 0px 0px #0C6F46;
	background:linear-gradient(to bottom, #0C6F46, #3BBD48);
	transition:.3s ease all;
}
.content__box .side .content .btn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.content__box .outer__content{
	display: flex;
	justify-content: space-between;
}
.content__box .outer__content .main-area{
	width: calc(100% - 330px);
}
.main-area>h1{
	margin-top: 0px;
	margin-bottom: 32px;
	font-size: 42px;
	line-height: 120%;
	font-weight: bold;
	color:#000000;
}
.main-area>.media{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
}
.main-area>p>span{
	font-weight: bold;
}
.main-area>p{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 150%;
	color:#000000;
}
.main-area>.media>img{
	max-width: 100%;
	border-radius: 8px;
}
.main-area .article{
	margin-top: 48px;
}
.main-area .article>p + .media{
	margin-top: 24px;
}
.main-area .article .media{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
}
.main-area .article >p{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 150%;
	color:#000;
}
span.colored{
	color:#4BAE4F;
	font-weight: bold;
}
.main-area .article >p>span{
	font-weight: bold;
}
.main-area .article .media>img{
	max-width: 100%;
	border-radius: 8px;
}
.main-area .article>h2{
	margin-top: 0px;
	margin-bottom: 24px;
	font-size: 32px;
	line-height: 150%;
	color:#000000;
	font-weight: bold;
}
.main-area .article>h2 span{
	color:#4BAE4F;
}
.frame-box{
	padding:32px;
	border:2px solid #9EC69E;
	background-color: #EDF4ED;
	border-radius: 8px;
}
.frame-box .elem{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 32px;
}

.frame-box .elem:last-child{
	margin-bottom: 0px;
}
.frame-box .elem>.media{
	margin-bottom: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	max-width: 64px;
	margin-right: 24px;
}
.frame-box .elem>.desc>p{
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 130%;
	color:#000000;
	font-weight: bold;
}
.frame-box .elem>.desc>span{

	font-size: 16px;
	line-height: 150%;
	color:#000000;
}
.feedback-wrapper>.feedback{
	margin-bottom: 16px;
	padding:32px;
	background-color:#FFFFFF;
	border-radius: 8px;
}
.feedback-wrapper>.feedback:last-child{
	margin-bottom: 0px;
}
.feedback-wrapper>.feedback .desc{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.feedback-wrapper>.feedback .desc>p{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 160%;
	color:#272727;
	font-style:italic;
}
.feedback-wrapper>.feedback .desc>.img{
	margin-left: 24px;
}
.feedback-wrapper>.feedback .desc>.img>img{
	min-width: 52px;
	max-width: 52px;
}
.feedback-wrapper>.feedback .bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 76px);
}
.feedback-wrapper>.feedback .bottom>p{
	margin:0px;
	font-size: 16px;
	line-height: 160%;
	color:#272727;
	font-weight: bold;
	font-style: italic;
}
.feedback-wrapper>.feedback .bottom>ul{
	padding:0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.feedback-wrapper>.feedback .bottom>ul>li{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2.4px;
}
.feedback-wrapper>.feedback .bottom>ul>li:last-child{
	margin-right: 0px;
}
.feedback-wrapper{

	margin-bottom: 32px;
}
.article  .media.double{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.article  .media.double>img{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.article  .media.double>.desc{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:24px 15px;
	background-color: #4BAE4F;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.article  .media.double>.desc>p{
	margin:0px;
	font-size: 18px;
	line-height: 150%;
	color:#FFFFFF;
	font-weight: bold;
}
.article .update{
	margin-top: 32px;
	padding:24px 32px;
	border-radius: 8px;
	border:2px solid #4BAE4F;
	background-color: #EDF4ED;
}
.article .update>h2{
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 150%;
	font-weight: 800;
	color:#4BAE4F;
}
.article .update>p{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 160%;
	color:#000000;
}
.article .update>p span{
	font-weight: bold;
}
.article .btn{
	display: flex;
	justify-content: center;
	margin-top: 32px;
}
.article .btn>a{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 20px;
    line-height: 130%;
    font-weight: bold;
    color: #FFFFFF;
    box-shadow: 0px 3px 0px 0px #0C6F46;
    background: linear-gradient(to bottom, #0C6F46, #3BBD48);
    transition: .3s ease all;
}
.article .btn>a:hover{
	opacity:.7;
}
footer{

	padding:48px 0px;
	background-color: #232B32;
}
footer .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
}
footer .outer__footer{
	max-width: 1070px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
footer .outer__footer>p{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 150%;
	color:#FFFFFF;
	opacity:.6;
}
footer .outer__footer>p span{
	font-weight: bold;
}
footer .outer__footer .bottom{
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer .outer__footer .bottom>p{
	margin:0px;
	margin-right: 30px;
	font-size: 14px;
	line-height: 150%;
	color:#FFFFFF;
	font-weight: 400;
	opacity:.8;
}
footer .outer__footer .bottom ul{
	padding:0px;
	list-style-type: none;
	margin:0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
footer .outer__footer .bottom ul>li{
	margin-right: 30px;
}
footer .outer__footer .bottom ul>li>a:hover{
	opacity:.6;
}
footer .outer__footer .bottom ul>li>a{
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	color:#FFFFFF;
	font-weight: 600;
	opacity:.8;
	transition:.3s ease all;
}
footer .outer__footer .bottom ul>li:last-child{
	margin-right: 0px;
}
.article .update>p:last-child{
	margin-bottom: 0px;
}
@media (max-width: 991px){
	.article .btn{
		margin-top: 20px;
	}
	.content__box .outer__content .main-area{
		width: 100%;
	}
	.content__box .side-box{
		margin-right: auto;
		width: 100%;
		margin-top: 40px;
	}
	.content__box .side{
		max-width: 100%;
		position: static;
	}
	.content__box .side .content .media{
		display: flex;
		justify-content: center;
		background-color: #F3F3F3;
	}
	.content__box{
		padding-bottom: 40px;
		padding-top: 32px;
	}
	.content__box .outer__content{
		flex-direction: column;
		align-items: center;
	}
	.main-area .article>h2{
		font-size: 24px;
		line-height: 130%;
		margin-bottom: 20px;
	}
	.main-area .article >p{
		font-size: 16px;
	}
	.main-area .article>h2 + p{
		margin-top: -8px;
	}
	.feedback-wrapper>.feedback{
		padding:8px 16px;
	}
	.feedback-wrapper>.feedback .desc{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.feedback-wrapper>.feedback .desc>.img{
		margin-left: 0px;
		margin-bottom: 12px;
	}
	.feedback-wrapper>.feedback .desc>p{
		font-size: 14px;
	}
	.feedback-wrapper>.feedback .bottom{
		width: 100%;
		margin-top: 12px;
	}
	.feedback-wrapper>.feedback .bottom>p{
		font-size: 14px;
	}
	.feedback-wrapper {
		margin-bottom: 20px;
	}
	.article .media.double>.desc{
		padding:16px;
	}
	.main-area .article>.media{
		margin-right: 0px!important;
	}
	.article .update{
		padding:16px;
		margin-top: 20px;
	}
	.article .update>h2{
		font-size: 20px;
		margin-bottom: 8px;
	}
	.article .update>p{
		font-size: 16px;
		margin-bottom: 12px;
	}
	.article .media.double>.desc>p{
		font-size: 16px;
	}
	.main-area .article>.media img{
		min-width: 0px;
		max-width: 100%;
	}
	.main-area .article .media{
		margin-bottom: 20px;
	}
	.frame-box .elem>.media{
		margin-bottom: 0px;
	}
	.frame-box{
		padding:16px;
	}
	.frame-box .elem{
		margin-bottom: 16px;
	}
	.main-area  .article  .frame-box .media img{
		min-width: 48px;
		max-width: 48px;
	}
	.frame-box .elem>.desc>p{
		font-size: 16px;
		margin-bottom: 4px;
	}
	.frame-box .elem>.desc>span{
		font-size: 14px;
	}
	.main-area .article .media{
		margin-right: 12px;
	}
	.main-area>h1{
		font-size: 28px;
		margin-bottom: 24px;
	}
	.main-area>p{
		font-size: 16px;
	}
	.main-area .article{
		margin-top: 40px;
	}
	.main-area>.media{
		margin-bottom: 24px;
	}
	header .outer__header>a img{
		max-width: 145px;
	}
	header .outer__header{
		padding:14px 0px;
	}
	header .outer__header>p{
		min-height: 24px;
		padding-left: 11px;
		padding-right: 11px;
		font-size: 10px;
	}
	footer .logo{
		margin-bottom: 16px;
	}
	footer .outer__footer .bottom{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer .outer__footer .bottom>p{
		margin-right: 0px;
		margin-bottom: 8px;
	}
	footer .outer__footer .bottom ul{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	footer .outer__footer .bottom ul>li{
		margin-right: 0px;
	}
	footer .outer__footer .bottom ul>li{
		margin-bottom: 8px;
	}
	footer .outer__footer .bottom ul>li:last-child{
		margin-bottom: 0px;
	}
}