@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


* { 
	margin:			0;
	border:			0;
	padding:		0;
	max-height:		100000px;
	vertical-align:	top;
}
*:before, *:after, * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
*:before, *:after, *:focus {
	outline:		0;
}


html, body {
	position:		relative;
	height:			100%;
}

body {
	font:			normal 300 13px/20px Roboto, Arial, sans-serif;
	text-align:		center;

	-webkit-text-size-adjust: none;
	        text-size-adjust: none;
}


/*
*/


a {
	text-decoration:none;
	color:			inherit;
	cursor:			pointer;
	transition:		all .2s ease-in;
}

p {
	display:		block;
	text-align:		justify;
}

b, i {
	font-style:		inherit;
	font-weight:	inherit;
}

em {

}

ul, ol {
	display:		block;
}
ul > li {
	list-style:		disc !important;
	margin:			0 0 0 15px;
	text-align:		left;
}
ul ul > li {
	list-style:		circle;
	margin:			0 0 0 15px;
	text-align:		left;
}
ol > li {
	list-style:		decimal;
	margin:			0 0 0 15px;
	text-align:		left;
}
ol ol > li {
	list-style:		upper-roman;
	margin:			0 0 0 15px;
	text-align:		left;
}

img {
	display:		block;
	border:			0;
	width:			100%;
}

input, button, select, textarea {
	line-height:	inherit;
	font-family:	inherit;
	font-size:		inherit;
}


/*
*/


.row-ctr {
	display:	block;
}

.row-cnt {
	display:	block; 
	margin:		0 auto;
	b.order:		1px solid blue;
}

.col-ctr {
	display:	block;
}

.col-cnt {
	display:	block;
	margin:		0 20px;
	b.order:		1px solid red;
}


.htm-sep { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 19px; line-height: 19px; }

.htm-clr { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height:  0px; line-height:  0px; }
.htm-br1 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 10px; line-height: 10px; }
.htm-br2 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 20px; line-height: 20px; }
.htm-br3 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 30px; line-height: 30px; }
.htm-br4 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 40px; line-height: 40px; }
.htm-br5 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 50px; line-height: 50px; }
.htm-br6 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 60px; line-height: 60px; }

.htm-cen { clear: both; display: block; float: none; margin: 0 auto; }
.htm-bth { clear: both; display: block; float: none; }

.htm-flt { clear: none; display: block; float: left;  }
.htm-frt { clear: none; display: block; float: right; }

.htm-ml1 { margin: 0 0 0 10px }
.htm-ml2 { margin: 0 0 0 20px }
.htm-mr1 { margin: 0 10px 0 0 }
.htm-mr2 { margin: 0 20px 0 0 }


/*
*/


.htm-X_V {
	display:		block;
}

.htm-X_H {
	display:		none;
}

[class^="cen-X"], [class*=" cen-X"] {
	clear: both; display: block; float: none; margin: 0 auto;
}

[class^="bth-X"], [class*=" bth-X"] {
	clear: both; display: block; float: none;
}

[class^="flt-X"], [class*=" flt-X"] {
	clear: none; display: block; float: left;
}

[class^="frt-X"], [class*=" frt-X"] {
	clear: none; display: block; float: right;
}


[class$="-X6C"], [class*="-X6C "] { width:1200px }
[class$="-X4C"], [class*="-X4C "] { width: 800px }
[class$="-X3C"], [class*="-X3C "] { width: 600px }
[class$="-X2C"], [class*="-X2C "] { width: 400px }
[class$="-X1C"], [class*="-X1C "] { width: 200px }


[class$="-X12"], [class*="-X12 "] { width: 100% }
[class$="-X11"], [class*="-X11 "] { width: 91.66666667% }
[class$="-X10"], [class*="-X10 "] { width: 83.33333333% }
[class$="-X09"], [class*="-X09 "] { width: 75%  }
[class$="-X08"], [class*="-X08 "] { width: 66.66666667% }
[class$="-X07"], [class*="-X07-"] { width: 58.33333333% }
[class$="-X06"], [class*="-X06 "] { width: 50%  }
[class$="-X05"], [class*="-X05 "] { width: 41.66666667% }
[class$="-X04"], [class*="-X04 "] { width: 33.33333333% }
[class$="-X03"], [class*="-X03 "] { width: 25%  }
[class$="-X02"], [class*="-X02 "] { width: 16.66666667% }
[class$="-X01"], [class*="-X01 "] { width: 08.33333333% }


/*
*/


@media only screen and (max-width:1199px) {


.htm-L_V {
	display:		block;
}

.htm-L_H {
	display:		none;
}
	
[class^="cen-L"], [class*=" cen-L"] {
	clear: both; display: block; float: none; margin: 0 auto;
}

[class^="bth-L"], [class*=" bth-L"] {
	clear: both; display: block; float: none;
}

[class^="flt-L"], [class*=" flt-L"] {
	clear: none; display: block; float: left;
}

[class^="frt-L"], [class*=" frt-L"] {
	clear: none; display: block; float: right;
}


[class$="-L4C"], [class*="-L4C "] { width: 800px  }
[class$="-L3C"], [class*="-L3C "] { width: 600px  }
[class$="-L2C"], [class*="-L2C "] { width: 400px  }
[class$="-L1C"], [class*="-L1C "] { width: 200px  }


[class$="-L12"], [class*="-L12 "] { width: 100% }
[class$="-L11"], [class*="-L11 "] { width: 91.66666667% }
[class$="-L10"], [class*="-L10 "] { width: 83.33333333% }
[class$="-L09"], [class*="-L09 "] { width: 75% }
[class$="-L08"], [class*="-L08 "] { width: 66.66666667% }
[class$="-L07"], [class*="-L07-"] { width: 58.33333333% }
[class$="-L06"], [class*="-L06 "] { width: 50% }
[class$="-L05"], [class*="-L05 "] { width: 41.66666667% }
[class$="-L04"], [class*="-L04 "] { width: 33.33333333% }
[class$="-L03"], [class*="-L03 "] { width: 25% }
[class$="-L02"], [class*="-L02 "] { width: 16.66666667% }
[class$="-L01"], [class*="-L01 "] { width: 8.33333333% }


}


/*
*/


@media only screen and (max-width: 799px) {


.htm-M_V {
	display:		block;
}

.htm-M_H {
	display: 		none;
}
	
[class^="cen-M"], [class*=" cen-M"] {
	clear: both; display: block; float: none; margin: 0 auto;
}

[class^="bth-M"], [class*=" bth-M"] {
	clear: both; display: block; float: none;
}

[class^="flt-M"], [class*=" flt-M"] {
	clear: none; display: block; float: left;
}

[class^="frt-M"], [class*=" frt-M"] {
	clear: none; display: block; float: right;
}


[class$="-M3C"], [class*="-M3C "] { width: 600px  }
[class$="-M2C"], [class*="-M2C "] { width: 400px  }
[class$="-M1C"], [class*="-M1C "] { width: 200px  }


[class$="-M12"], [class*="-M12 "] { width: 100% }
[class$="-M11"], [class*="-M11 "] { width: 91.66666667% }
[class$="-M10"], [class*="-M10 "] { width: 83.33333333% }
[class$="-M09"], [class*="-M09 "] { width: 75% }
[class$="-M08"], [class*="-M08 "] { width: 66.66666667% }
[class$="-M07"], [class*="-M07-"] { width: 58.33333333% }
[class$="-M06"], [class*="-M06 "] { width: 50% }
[class$="-M05"], [class*="-M05 "] { width: 41.66666667% }
[class$="-M04"], [class*="-M04 "] { width: 33.33333333% }
[class$="-M03"], [class*="-M03 "] { width: 25% }
[class$="-M02"], [class*="-M02 "] { width: 16.66666667% }
[class$="-M01"], [class*="-M01 "] { width: 8.33333333% }

}


/*
*/


@media only screen and (max-width: 599px) {


.htm-S_V {
	display:		block;
}
	
.htm-S_H {
	display:		none;
}

	
[class^="cen-S"], [class*=" cen-S"] {
	clear: both; display: block; float: none; margin: 0 auto;
}

[class^="bth-S"], [class*=" bth-S"] {
	clear: both; display: block; float: none;
}

[class^="flt-S"], [class*=" flt-S"] {
	clear: none; display: block; float: left;
}

[class^="frt-S"], [class*=" frt-S"] {
	clear: none; display: block; float: right;
}


[class$="-S2C"], [class*="-S2C "] { width: 400px  }
[class$="-S1C"], [class*="-S1C "] { width: 200px  }

[class$="-S12"], [class*="-S12 "] { width: 100% }
[class$="-S11"], [class*="-S11 "] { width: 91.66666667% }
[class$="-S10"], [class*="-S10 "] { width: 83.33333333% }
[class$="-S09"], [class*="-S09 "] { width: 75% }
[class$="-S08"], [class*="-S08 "] { width: 66.66666667% }
[class$="-S07"], [class*="-S07-"] { width: 58.33333333% }
[class$="-S06"], [class*="-S06 "] { width: 50% }
[class$="-S05"], [class*="-S05 "] { width: 41.66666667% }
[class$="-S04"], [class*="-S04 "] { width: 33.33333333% }
[class$="-S03"], [class*="-S03 "] { width: 25% }
[class$="-S02"], [class*="-S02 "] { width: 16.66666667% }
[class$="-S01"], [class*="-S01 "] { width: 8.33333333% }


}
