@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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');

@font-face {
    font-family:	DLFont;
    src:			url('fonts/DL_Font.ttf');
    font-weight:	700;
    font-style:		normal;
}


/*

#22bab3
rgba(32, 186, 178, 1);

#256887
rgba(37, 104, 135, 1);


NEW

#01c4d8
rgba(1, 196, 216, 1)

#1e90a5
rgba(30, 114, 165, 1)

#005670
rgba(0, 86, 112, 1)

*/


.hd1-001 {
	font-size:		37px; line-height: 48px; font-weight: 300;
	color:			#1e90a5;
	fill:			#1e90a5;
}
.hd2-001 ,
.hd3-001 ,
.hd4-001 ,
.hd5-001 ,
.hd6-001 {
	font-size:		24px; line-height: 24px; font-weight: 300;
	color:			#1e90a5;
	fill:			#1e90a5;
}
.hd3-001 {
	font-size:		19px;
}
.hd4-001 {
	font-size:		17px;
}
.hd5-001 {
	font-size:		15px;
}
.hd6-001 {
	font-size:		13px;
}

.hd2-001 svg {
	display:		block;
	margin:			auto;
	fill:			#01c4d8;
}


.pag-tag {
	display: inline-block;
	padding: 0 12px;
	margin: 0 12px 12px 0;
	color: #256887;
	background:		rgba(32,186,178,0.1);

}


.btn-001 {
	display:		inline-block;
	padding:		11px;
	border:			1px solid #22bab3;	
}
.btn-001 b {
	padding:		0 12px;
}


.btn-003 {
	display:		inline-block; position: relative;	
}

.btn-003:after {
	content:		'';

	display:		inline-block; position: absolute; top: 0; right: -8px;
	
	width:			24px;
	height:			24px;
	border-radius:	12px;
	background:		rgba(32,186,178,0.1);
}


/*
*/


.row-ctr {
	border:		1px solid red;
}

.row-cnt {
	margin:			0 auto;
	border:		1px solid red;
	overflow:		hidden;
}

.itm-ctr ,
.col-ctr {
	border:		1px solid blue;
}

.col-cnt {
	margin:			0 24px;
	border:		1px solid blue;
}

.shading, .shading .row-cnt, .shading .col-cnt, .shading .col-ctr ,

.row-hdr, .row-hdr .row-cnt, .row-hdr .col-cnt, .row-hdr .col-ctr ,
.row-top, .row-top .row-cnt, .row-top .col-cnt, .row-top .col-ctr ,
.row-nws, .row-nws .row-cnt, .row-nws .col-cnt, .row-nws .col-ctr ,
.row-mbr, .row-mbr .row-cnt, .row-mbr .col-cnt, .row-mbr .col-ctr , .row-mbr .itm-ctr ,
.row-srv, .row-srv .row-cnt, .row-srv .col-cnt, .row-srv .col-ctr , .row-srv .itm-ctr ,
.row-tst, .row-tst .row-cnt, .row-tst .col-cnt, .row-tst .col-ctr , .row-tst .itm-ctr ,
.row-art, .row-art .row-cnt, .row-art .col-cnt, .row-art .col-ctr , .row-art .itm-ctr ,
.row-con, .row-con .row-cnt, .row-con .col-cnt, .row-con .col-ctr ,
.row-ftr, .row-ftr .row-cnt, .row-ftr .col-cnt, .row-ftr .col-ctr ,
.row-pag, .row-pag .row-cnt, .row-pag .col-cnt, .row-pag .col-ctr {
	border: none;
}

/*
*/


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

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;	
}

body {
	font:			normal 400 15px/24px 'Barlow Semi Condensed', Arial, sans-serif;
	text-align:		center;
	color:			#686868;
	fill:			#686868;
	background:		#ffffff url(../img/bkg-htm.png) top right no-repeat; background-size: 100% auto;
}


a ,
a * {
	display:		inline-block;
	color:			#01c4d8 !important;
	fill:			#01c4d8 !important;
	border-color:	#01c4d8 !important;
	cursor:			pointer;
	transition:		all .2s ease-in;
}
a:hover ,
a:hover * {
	color:			#1e90a5 !important;
	fill:			#1e90a5 !important;
	border-color:	#1e90a5 !important;
}
a {
	font-weight:	400;
}
strong {
	font-weight:	500;
}
p {
	text-align:		justify;
}

/*
*/


* { 
	margin:			0;
	border:			none;
	padding: 		0;
	max-height:		100000px;
	vertical-align:	top;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

*:focus {
	outline:		none;
}

a {
	text-decoration:none;
	fill:			#22bab3;
	
	-webkit-transition:	all .2s ease-in;
	   -moz-transition:	all .2s ease-in;
         -o-transition:	all .2s ease-in;
    		transition:	all .2s ease-in;
}

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

ul, ol {
	display: block;
}

ol li {
	list-style:		decimal;
	margin:			0 0 0 15px;
	text-align:		left;
}

ul li {
	list-style:		disc;
	margin:			0 0 0 15px;
	text-align:		left;
}

ul ul li {
	list-style:		circle;
	margin:			0 0 0 15px;
	text-align:		left;
}


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

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


/*
*/


.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: 12px; line-height: 12px; }
.htm-br2 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 24px; line-height: 24px; }
.htm-br4 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 48px; line-height: 48px; }
.htm-br6 { clear: both; display: block; float: none; margin: 0; padding: 0; border: none; height: 72px; line-height: 72px; }

.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-mlt { margin: 0 0 0 12px }
.htm-mrt { margin: 0 12px 0 0 }


/*
*/


.row-ctr {
	width: 100%;
}

.row-cnt {
	width: 1224px;
}

.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$="-B3C"] .row-cnt, [class*="-B3C "] { width: 1224px }
[class$="-B2C"], [class*="-B2C "] { width: 816px; }
[class$="-B1C"], [class*="-B1C "] { width: 408px; }
*/

[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: 1223px) {


.row-ctr {
}

.row-cnt {
	width: 816px;
}

.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$="-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: 815px) {


.row-ctr {

}

.row-cnt {
	width: 408px;
}

.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$="-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% }



body {
	background-size: 250% auto;
}

.hd1-001 {
	f.ont-size:		40px;
}

.hd2-001 {
	f.ont-size:		24px;
}


}


/*
*/