a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline
}
a{
	text-decoration:none;
	color:var(--text)
}
a:active,a:hover{
	outline:0
}
li,ul{
	list-style-type:none;
	margin:0;
	padding:0
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:400
}
html{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
:focus{
	outline:0
}
audio,img,video{
	max-width:100%;
	height:auto
}
audio,canvas,iframe,img,svg,video{
	vertical-align:middle
}
iframe{
	border:0
}
textarea{
	resize:none;
	overflow:auto;
	vertical-align:top;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none
}
button,input,select,textarea{
	outline:none;
	border:none;
	font-size:100%;
	margin:0
}
button,input{
	line-height:normal
}
input,select,textarea{
	width:100%
}
table{
	border-collapse:collapse;
	border-spacing:0
}
td,th{
	padding:0;
	text-align:left
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance:none
}
input[type=number]{
	-webkit-appearance:textfield;
	-moz-appearance:textfield;
	appearance:textfield
}
button{
	cursor:pointer;
	background-color:initial;
	-webkit-box-shadow:none;
	box-shadow:none
}
hr{
	width:100%
}
:root{
	--primary:#FDEB2B;
	--textColor:#2C2C2C;
	--titleColor:#2C2C2C;

	--border:#606163;
	--bodyColor:#EDEDED;


	--indent8:8px;
	--indent12:12px;
	--indent16:16px;
	--indent24:24px;
	--indent32:32px;
	--indent40:46px;
	--indent48:48px;
	--indent60:60px;
	--gap:40px;
	--btnHeight:42px;
	--halfContainer:810px;
}
@media screen and (max-width:1680px){
	:root{
	--halfContainer:calc(50vw - 30px);	
}


}
@media screen and (max-width:1030px){
	:root{
	--gap:24px;
	--halfContainer:calc(50vw - 20px);
	--indent12:10px;
	--indent16:12px;
	--indent24:16px;
	--indent32:24px;
	--indent40:30px;
	--indent48:40px;
	--indent60:48px;
	}
}

@media screen and (max-width:750px){
	:root{
	--gap:12px;
	--halfContainer:calc(50vw - 15px);
	--indent12:8px;
	--indent16:10px;
	--indent24:16px;
	--indent32:16px;
	--indent40:20px;
	--indent48:24px;
	--indent60:32px
}

}
@media screen and (max-width:500px){
	:root{
	--gap:8px;
	--halfContainer:calc(50vw - 10px)
}

}
.container,section{
	padding:0 calc(50% - var(--halfContainer))
}
@media screen and (max-width:1680px){
	.container,section{
	padding:0 30px
}

}
@media screen and (max-width:1030px){
	.container,section{
    padding:0 20px;
  }
  .grid12 .x2, .grid .x2{
    grid-column-start: span 1;
  }
  .grid, .grid12{
    grid-template-columns: repeat(2,1fr);
  }
}


@media screen and (max-width:750px){
	.container,section{
	padding:0 15px;
}

}
@media screen and (max-width:500px){
	.container,section{
	padding:0 10px
}
.grid12 .x2, .grid .x2{
  grid-column-start: span 1!important;
}


}
.grid,.grid12{
	width:100%;
	display:grid;
	grid-template-columns:repeat(12,1fr);
	grid-template-rows:repeat(1,auto);
	grid-gap:var(--gap)
}
.grid12 .x1,.grid .x1{
	grid-column-start:span 1
}
.grid12 .x2,.grid .x2{
	grid-column-start:span 2
}
.grid12 .x3,.grid .x3{
	grid-column-start:span 3
}
.grid12 .x4,.grid .x4{
	grid-column-start:span 4
}
.grid12 .x5,.grid .x5{
	grid-column-start:span 5
}
.grid12 .x6,.grid .x6{
	grid-column-start:span 6
}
.grid12 .x7,.grid .x7{
	grid-column-start:span 7
}
.grid12 .x8,.grid .x8{
	grid-column-start:span 8
}
.grid12 .x9,.grid .x9{
	grid-column-start:span 9
}
.grid12 .x10,.grid .x10{
	grid-column-start:span 10
}
.grid12 .x11,.grid .x11{
	grid-column-start:span 11
}
.grid12 .x12,.grid .x12{
	grid-column-start:span 12
}
@media screen and (max-width:1680px){
	.grid12 .xlg1,.grid .xlg1{
	grid-column-start:span 1
}
.grid12 .xlg2,.grid .xlg2{
	grid-column-start:span 2
}
.grid12 .xlg3,.grid .xlg3{
	grid-column-start:span 3
}
.grid12 .xlg4,.grid .xlg4{
	grid-column-start:span 4
}
.grid12 .xlg5,.grid .xlg5{
	grid-column-start:span 5
}
.grid12 .xlg6,.grid .xlg6{
	grid-column-start:span 6
}
.grid12 .xlg7,.grid .xlg7{
	grid-column-start:span 7
}
.grid12 .xlg8,.grid .xlg8{
	grid-column-start:span 8
}
.grid12 .xlg9,.grid .xlg9{
	grid-column-start:span 9
}
.grid12 .xlg10,.grid .xlg10{
	grid-column-start:span 10
}
.grid12 .xlg11,.grid .xlg11{
	grid-column-start:span 11
}
.grid12 .xlg12,.grid .xlg12{
	grid-column-start:span 12
}

}
@media screen and (max-width:1420px){
	.grid12 .lg1,.grid .lg1{
	grid-column-start:span 1
}
.grid12 .lg2,.grid .lg2{
	grid-column-start:span 2
}
.grid12 .lg3,.grid .lg3{
	grid-column-start:span 3
}
.grid12 .lg4,.grid .lg4{
	grid-column-start:span 4
}
.grid12 .lg5,.grid .lg5{
	grid-column-start:span 5
}
.grid12 .lg6,.grid .lg6{
	grid-column-start:span 6
}
.grid12 .lg7,.grid .lg7{
	grid-column-start:span 7
}
.grid12 .lg8,.grid .lg8{
	grid-column-start:span 8
}
.grid12 .lg9,.grid .lg9{
	grid-column-start:span 9
}
.grid12 .lg10,.grid .lg10{
	grid-column-start:span 10
}
.grid12 .lg11,.grid .lg11{
	grid-column-start:span 11
}
.grid12 .lg12,.grid .lg12{
	grid-column-start:span 12
}

}
@media screen and (max-width:1030px){
	.grid12 .md1,.grid .md1{
	grid-column-start:span 1
}
.grid12 .md2,.grid .md2{
	grid-column-start:span 2
}
.grid12 .md3,.grid .md3{
	grid-column-start:span 3
}
.grid12 .md4,.grid .md4{
	grid-column-start:span 4
}
.grid12 .md5,.grid .md5{
	grid-column-start:span 5
}
.grid12 .md6,.grid .md6{
	grid-column-start:span 6
}
.grid12 .md7,.grid .md7{
	grid-column-start:span 7
}
.grid12 .md8,.grid .md8{
	grid-column-start:span 8
}
.grid12 .md9,.grid .md9{
	grid-column-start:span 9
}
.grid12 .md10,.grid .md10{
	grid-column-start:span 10
}
.grid12 .md11,.grid .md11{
	grid-column-start:span 11
}
.grid12 .md12,.grid .md12{
	grid-column-start:span 12
}
.grid12 .mdRemove,.grid .mdRemove{
	display:none
}
footer.footer .footerBottom {
  flex-direction: column;
}
.confed{
  position: inherit!important;
}

}
@media screen and (max-width:750px){
	.grid12 .sm1,.grid .sm1{
	grid-column-start:span 1
}
.grid12 .sm2,.grid .sm2{
	grid-column-start:span 2
}
.grid12 .sm3,.grid .sm3{
	grid-column-start:span 3
}
.grid12 .sm4,.grid .sm4{
	grid-column-start:span 4
}
.grid12 .sm5,.grid .sm5{
	grid-column-start:span 5
}
.grid12 .sm6,.grid .sm6{
	grid-column-start:span 6
}
.grid12 .sm7,.grid .sm7{
	grid-column-start:span 7
}
.grid12 .sm8,.grid .sm8{
	grid-column-start:span 8
}
.grid12 .sm9,.grid .sm9{
	grid-column-start:span 9
}
.grid12 .sm10,.grid .sm10{
	grid-column-start:span 10
}
.grid12 .sm11,.grid .sm11{
	grid-column-start:span 11
}
.grid12 .sm12,.grid .sm12{
	grid-column-start:span 12
}
.grid12 .smRemove,.grid .smRemove{
	display:none
}

}
@media screen and (max-width:500px){
	.grid12 .xs1,.grid .xs1{
	grid-column-start:span 1
}
.grid12 .xs2,.grid .xs2{
	grid-column-start:span 2
}
.grid12 .xs3,.grid .xs3{
	grid-column-start:span 3
}
.grid12 .xs4,.grid .xs4{
	grid-column-start:span 4
}
.grid12 .xs5,.grid .xs5{
	grid-column-start:span 5
}
.grid12 .xs6,.grid .xs6{
	grid-column-start:span 6
}
.grid12 .xs7,.grid .xs7{
	grid-column-start:span 7
}
.grid12 .xs8,.grid .xs8{
	grid-column-start:span 8
}
.grid12 .xs9,.grid .xs9{
	grid-column-start:span 9
}
.grid12 .xs10,.grid .xs10{
	grid-column-start:span 10
}
.grid12 .xs11,.grid .xs11{
	grid-column-start:span 11
}
.grid12 .xs12,.grid .xs12{
	grid-column-start:span 12
}
.grid12 .xsRemove,.grid .xsRemove{
	display:none
}

}




.indexPage .titleWrap img{
	margin: auto;
    display: block;
	height: auto;
}
.btnWrap{
	display: flex;
    align-content: center;
    justify-content: center;
    height: 86px;
    background-color: var(--primary);
    width: 200px;
    margin: auto;
}
.btn.primary{
	position: relative;
    overflow: hidden;
    height: 100%;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;	
}
.btn.primary::before{
	z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #606163;
    transform: translate(-50%, -50%);	
}
.btn.primary svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(120%,-20%);
}
.btnWrap:hover{
	transition-duration: 1s;
	transform: scale(1.1);
}

.indexPage .innerWrap {
	/* margin-top: var(--indent60); */
}
.indexPage .innerWrap .text {
	font-size: 1.4rem;
    text-align: center;
}






@media screen and (min-width:900px) {
	img.mob {
		display: none !important;
	}
	.indexPage .titleWrap p{
		/* position: absolute; */
		top: 25%;
		left: 50%;
		text-align: center;
		font-size: 2rem;
		/* transform: translate(-50%, -50%); */
	}
	.indexPage .innerWrap{
		align-items: center;
		justify-items: unset;
	}
	.indexPage img.desc{
		margin: auto;
		display: block;
	} 
	.btnWrap{
		margin-top: 35px;
	}
}

@media screen and (max-width:900px) {
	.indexPage .titleWrap p{
		text-align: center;
		font-size: 1.6rem;
	}
	.indexPage .inner{
	
		display: flex;
		flex-direction: column;
	}
	img.mob {
		display: block;
		margin: auto;
	}
	img.desc{
		display: none !important;
	}
	.indexPage .innerWrap{
		display: block;
		margin: auto;
	}
	.left,.right{
		padding: 55px 0;
	}
	.left{
		border-bottom: 1px solid;
	}
	.indexPage .innerWrap .text{
		margin-top: 10px;
	}
	.btnWrap{
		margin-top: 20px;
	}
	.siteBody, .siteBody .indexPage, .indexPage .inner{
		min-height: 100vh;
	}
	
}
@media screen and (max-width:768px) {
	.indexPage .titleWrap p{
		font-size: 1rem;
	}
	.left,.right{
		padding: 35px 0;
	}
}
























*,:after,:before{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
html{
	line-height:1.4;
	font-size:20px;
	color:var(--textColor);
	height:100%
}
@media screen and (max-width:1420px){
	html{
	font-size:18px
}

}
body{
	margin:0;
	padding:0;
	font-family:OpenSans;
	font-size:20px;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.body{
	background-color:#fff
}
.siteBody{
	min-height:100vh;
	position:relative;
	z-index:1;
	background-color: var(--bodyColor);
}
article,section{
	position:relative;
}
article.bg .articleBg,section.bg .articleBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1
}
article.bg .articleBg img,section.bg .articleBg img{
	-o-object-fit:cover;
	object-fit:cover;
	width:100%;
	height:100%
}
article.mb0,section.mb0{
	margin-bottom:0
}
article.pt0,section.pt0{
	padding-top:0
}
article.pb0,section.pb0{
	padding-bottom:0
}
article.fullW,section.fullW{
	padding-left:0;
	padding-right:0
}
article .inner,section .inner{
	position:relative;
	z-index:5
}
article ul,section ul{
	margin-bottom:calc(var(--sectionMb)/2)
}
article ul li,section ul li{
	font-size:.7rem;
	list-style-type:disc;
	margin-bottom:8px;
	margin-left:16px;
	color:var(--textColor)
}
article ol,section ol{
	margin-bottom:calc(var(--sectionMb)/2)
}
article ol li,section ol li{
	font-size:.7rem;
	margin-bottom:8px;
	list-style-type:decimal;
	margin-left:16px;
	color:var(--textColor)
}

.btn.primary p,.btn.primary span{
	fill:var(--primary)
}
html,body{
	height: 100%;
}