@font-face {
    font-display: swap;
    font-family: raleway_light;
    src: url("font/file.woff2") format("woff2"),
        url("font/file.woff") format("woff"),
        url("font/file.ttf") format("ttf");
}

@font-face {
    font-display: swap;
    font-family: open_sans_light;
    src: url("font/file_1.woff2") format("woff2"),
        url("font/file_1.woff") format("woff"),
        url("font/file_1.ttf") format("ttf");
}

/************************************************************************************
   SIMPLE (FAST) CLASS
*************************************************************************************/
html { margin:0; padding:0; font-size: calc(15px + 0.390625vw); color:rgb(114,130,127); }
html, body, button, input, select, textarea { font-family:open_sans_light,Arial,"Helvetica Neue",Helvetica,sans-serif; }
body { font-size: 1.1rem; line-height: 1.2; margin:0; padding:0;  }
@media (min-width: 700px) {
  body { font-size: 1.0rem; }
}

div, pre { margin: 0; padding: 0; }

@media (min-width:450px) {
  .col-h-l {float: left; display: inline; width: 48%;}
  .col-h-r {float: right; display: inline; width: 48%;}
}
@media (min-width:768px) {
  .l { display: inline; float: left; }
  .r { display: inline; float: right; }
}
.cl { clear: left; }
.cr { clear: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }
.break, .clear {height: 1px; font-size: 1px; line-height:1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.small { font-size: 92%;}
.big{font-size:117%}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none; }
.center { text-align:center; }
.left { text-align: left !important; }
.right { text-align: right; }
.vcenter{vertical-align:middle;}
.red{color:#CE0000;}
.sprite{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
a .sprite{cursor:pointer;}
.error {color: #D1481A; padding:0px 18px 0 0px; }
.reset{border:0; margin:0; padding:0; list-style:none; background:none; width:auto;}
ul.reset li{margin:0; padding:0; background:none;}
.nobr{white-space:nowrap;}
.pre{white-space:pre;}
.url { font-size:1.1em; letter-spacing:0.1pt; }
.breakLongWord { word-break:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }

/* HEADING RULES */
h1, h2, h3, h4, h5, h6{font-family:raleway_light, arial, helvetica, sans-serif; padding:0; color:rgb(66,71,70);}
h1, .h1 { margin:0; font-size: 2.4rem }
h2, .h2 { margin:1.1em 0 0.25em; font-size: 1.6rem }
h3, .h3 { margin:1.3em 0 0.2em; font-size: 1.3rem; line-height: 1.4 }
h4, .h4 { margin:1.5em 0 0.4em; font-size: 1.3rem }
h5, .h5 { margin:1.5em 0 0.4em; font-size: 1.2rem }
h6, .h6 { margin:1.5em 0 0.4em; font-size: 1.1rem }

.col-h-l h4, .col-h-r h4{margin-top:0.5em;}

/* PARAGRAPH RULES */
.annot{font-size:100%; line-height:1.5; font-weight:bold;}
p{line-height:1.4; margin:0.5em 0 1.2em;}
hr{font-size:1px; height:1px; line-height:1px; overflow:hidden; background:#e1e1e1; color:#e1e1e1; border:none; margin:25px 0; *margin:10px 0;}
cite{font-style:italic; color:#666; margin:0 4px 0 0;}
address{font-style:normal; font-size:100%; margin:0;}

/* ANCHOR RULES */
a{color:rgb(66,71,70); outline: none;}
a:hover { text-decoration:none; }
a:hover, a:focus{color: #333;}
:focus{ -moz-outline-style: none;}
.content a{color:#ba9f4a;}
.content a:hover{color:#333;}
a.more{ padding: 0px 14px 0px 0px; list-style: none; background: url('/img/bg/more.png') 100% 4px no-repeat;}

/* LIST */
ul{ margin:0.5em 0 1.4em 0em; padding:0 0 0 1.5em; list-style-type: disc;}
ul li {line-height:1.3; margin:0 0 0.5em; padding:0; }
.content ul li{overflow:hidden; zoom:1;}
ol {margin:0.5em 0 1.4em 2.5em; padding:0; }
ol li {line-height:1.3; margin:0 0 0.5em; padding:0px; }


/* TABLE */
table{width:100%;  empty-cells:show; border-collapse: collapse; margin:2px 0px 20px; *margin:20px 0 20px; clear:both; border-style:hidden; border:1px solid #d0d0d0; background:white;}
td, th{background:#fff; padding:6px 14px; border:1px solid #d5d5d5; line-height:1.45; vertical-align:top; color:#555; font-size:100%;}
thead th{color:#fff;  background:#81be48; font-weight:bold; padding:7px 14px 7px;}

table.reset{border:none; background:none; margin:0;}
table.reset td, table.reset th{border:none; background:none; padding:0;}

/* IMAGE RULES */
img{ display: block; border:0px;}
img.left{ border:none; margin: 4px 20px 10px 0; float:left; display:inline;}
img.right{ border:none; margin: 4px 0px 10px 20px; float:right;  display:inline;}


/* FORM RULES */
form, fieldset{margin:0; padding:0; border:none;}
input, select, label{vertical-align:middle; }
.int-text{font-size:100%; font-family:Arial, sans-serif; padding:3px 6px 4px; color:#666;}
.w-full{width:100%;}
.int-fix{margin:0 7px; display:block;}
.int-fix .w-full{margin:2px -7px 0;}

.mt-0 { margin-top: 0px !important; }
.mt-30 { margin-top: 1.2em !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }