/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.content_inner{padding:0 10px;}
/**************** END of Reset CSS ***********************/

html body{font-size:16px}
.q_logo img{width:330px!important}
.ie .q_logo img,
.edge .q_logo img{width:378px!important;height:50px!important}
.page_container_inner h1{text-align:center}
h1,h2,h3,h4,h5,h6{font-weight:bold!important}
body h2{font-size:18px;margin:0}
body{line-height:1.6}
sub{vertical-align: sub;}
sup{vertical-align: super;}
.container p a,
html a{color:#09f;text-decoration: none!important}
html a:hover{color:#1abc9c;border-bottom:1px solid;}
html .header_inner a:hover{border:inherit;color:inherit}
body h1{margin-top:0}/*waiting to margin-bottom:0*/
nav.main_menu>ul>li>a{font-size:16px;color:#404040;padding:0 9px}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5{font-size:16px}

.broken_link, a.broken_link{text-decoration:inherit}

.title .separator{display:block!important}

.cfx{clear:both;}
/*overflow hidden*/
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}

.wkcrs table{border-collapse: collapse;width:100%;table-layout:fixed;background: #fff;height:700px}
.wkcrs thead th{background:#f0b242;color:#fff}
.wkcrs th,
.wkcrs td{border:1px solid #ccc;}
.wkcrs tr[style*="background"] td{vertical-align: middle}
.wkcrs tr td:first-child{background:#ffe6a3;vertical-align:middle}
.wkcrs tr th:first-child,
.wkcrs tr td:first-child{width:120px;white-space:nowrap;padding:0;text-align:center;}
.wkcrs tr td{width:18%}
/*guess these are VACATION td*/
.wkcrs tr td[rowspan="13"],
.wkcrs tr td[rowspan="12"],
.wkcrs tr td[rowspan="11"],
.wkcrs tr td[rowspan="10"],
.wkcrs tr td[rowspan="9"],
.wkcrs tr td[rowspan="8"],
.wkcrs tr td[rowspan="7"],
.wkcrs tr td[rowspan="6"]{vertical-align: middle;background:#dcf2ae;}
.wkcrs .wkcourse{border:0 solid #ccc;border-width:1px 0;}
.wkcrs .wksubcourse{margin-top:3px;font-weight: bold}
.wkcrs .wkplace{position: absolute;bottom:2px;left:0;text-align: center;width:100%;}
.wkcrs .wkplace .company{font-size:13px}
.wkcrs .wkspeaker span{border-bottom:1px solid;}
.wkcrs .wkcourse .fa{margin:2px 0 0 4px;font-size:12px;}
.wkcrs .wkcourse:hover .fa{color:#09f;}
.wkcrs td.haswkplace{position:relative;padding-bottom:25px}
.wkcrs a,
.wkcrs{color:#222}
.wkcrs a:hover{text-decoration: none;}

.h2nav{margin-top:30px;}
.h2nav-first{margin-top:0}
.h2nav-sel{display:none;}
.h2nav-div{display:flex;justify-content: space-between;width:85%;}
.h2nav-div a{font-size:15px;}
@media only screen and (min-width:901px) and (max-width:1000px){
  .h2nav-div{width:100%;}
  .h2nav-div a{font-size:14px}
}
@media only screen and (max-width:900px){
  .h2nav-div{display:none;}
  .h2nav-sel{display:block}
}

.dotmark{padding-left:1em;position:relative}
.dotmark::before{content:'●';font-size:11px;position:absolute;top:4px;left:4px}

.dl1{font-size:18px;line-height:1.3}
.dl1 *{font-weight:normal}
.dl1 dd>ol{list-style:none}
.dl1 dt{padding:0 0 10px 52px;font-weight:normal;color:#555}
.dl1 dt .no{ margin:0 15px 0 -52px}
.dl1 dt .no.ico{margin-right:5px}
.dl1 dd{padding:0 0 12px 94px}
.dl1 dd.child-not-ol{padding-left:51px}
.dl1 dd.child-not-ol.empty-dd{padding:0}
.dl1 dd.child-not-ol.with-icon-title{padding-left:29px}
.dl1 dd .no{margin:0 12px 0 -42px}
.dl1 dd li{padding:0 0 8px 0}

/*only in home*/
.row-timeline{background:url(/img/home/clock.png) no-repeat 90% -68%}
.hometime{font-size:20px}
.hometime li{list-style:none;margin:0 0 20px 0;position:relative;}
.hometime li::after{content:'';width:1px;background:#666;height:30px;position:absolute;top:100%;left:75px}
.hometime li.last::after{display:none}
.hometime time{display:inline-block;margin:0 20px 0 0;border:1px solid #111;text-align:center;padding:6px 12px;background:#fff;width:150px}

/*only in home*/
#subfrm{background:rgba(255,87,34, .5);border-radius:20px;padding:30px 20px 5px;position:relative;width:320px}
#subfrm::after{content:'';height:1px;width:100%;position:absolute;background:#ccc;top:70px;left:0}
#subfrm h2{color:#fff;font-size:16px;text-align:center;padding:0 0 40px}
#subfrm [type=submit],
#subfrm .result{
-webkit-transition: opacity .8s; /* Safari */
transition: opacity .8s;
}
#subfrm [type=submit]{color:#fff;border:1px solid #fff;border-radius:20px;height:40px;width:150px;
background:none;
margin:auto;
outline:none;
box-shadow:0 0 10px #fff;
box-shadow:0 0 10px rgba(255,255,255,.6);
display:block
}
#subfrm [type=submit]:hover{font-size:1.2em;background:rgba(255,255,255,.3);font-weight:bold}
#subfrm [type=submit]:hover::after{content:' !!'}

#subfrm p{border:1px solid;padding:6px;margin:20px 0 -20px 0}
#subfrm #p a::before{content:'';display:block}
#subfrm input[type=text],#subfrm input[type=email]{
outline:none;
padding:2px 4px;border:none;border-bottom:1px solid #fff;color:#fff;background:transparent;display:block;margin-bottom:20px;width:100%}
#subfrm input[type=text]:focus,
#subfrm input[type=email]:focus{background:rgba(255,255,255,.3)}
#subfrm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff; }
#subfrm ::-moz-placeholder { /* Firefox 19+ */ color:#fff; }
#subfrm :-ms-input-placeholder { /* IE 10+ */ color:#fff; }
#subfrm :-moz-placeholder { /* Firefox 18- */ color:#fff; }

#subfrm form{margin:0 0 30px}

#row-subscr{background:url(/img/home/sub.png) no-repeat 50% 0;padding:20px}

/*org*/
#org-map{width:680px;height:500px;position:relative;margin:auto}
#org-map .org{border-radius:8px;color:#fff;background:#E0A85A;display:inline-block;padding:8px 18px;font-size:18px;position:absolute;white-space:nowrap;text-align:center}
#org-map .org a{display:block;color:#fff;border-bottom:1px solid}
#org-map .org ul{color:#fff;top:45px;margin:0;padding:0;}
#org-map .org ul,
#org-map .org li{font-size:15px;list-style:none;text-align: left;}
#org-map .org::before,
#org-map .org::after{background:#999;content:'';display:block;position:absolute}
#org-map .org-red{background-color:#B24453}
#org-map .org-orange{background-color:#CE7335}
#org-map .org-blue{background-color:#82B1DD}
#org-1,#org-3{top:0;left:218px}
#org-1::after{top:100%;height:20px;left:49.5%;width:1px}
#org-2{top:12px;left:384px}
#org-2::after{top:49.5%;height:1px;left:-41px;width:41px}
#org-3{top:85px}
#org-3::after{top:100%;height:55px;left:49.5%;width:1px}
#org-3::before{bottom:-26px;height:1px;left:-107px;width:340px}
#org-4a,
#org-4b,
#org-4c{top:200px;box-sizing:border-box;width:162px}
#org-4a::after,
#org-4b::after,
#org-4c::after{top:-22px;height:22px;left:49.5%;width:1px}
#org-4a{left:30px}
#org-4b{left:200px}
#org-4c{left:370px}
#org-4c::before{height:20px;width:1px;top:41px;left:80px;}
#org-5,#org-6,#org-7{top:280px;background:#43bb8d!important}
#org-5{left:255px;}
#org-6{left:385px;top:400px;}
#org-7{left:515px;}
#org-5::before{width:260px;height:1px;top:-20px;left:65px;}
#org-5::after{height:20px;width:1px;top:-20px;left:65px;}
#org-7::after{height:20px;width:1px;top:-20px;left:65px;}
#org-6::after{height:140px;width:1px;top:-140px;left:65px;}


.q_logo img.mobile{width:200px!important;/*margin-top:-25px!important*/}

.header_inner_right{display:none}
.header_inner_left .fa-bars{font-size:22px;color:#333}
.mobile_menu_button{/*margin:-33px 15px 0 0;*/float:right}
@media only screen and (min-width:800px) and (max-width: 840px){
.mobile_menu_button{margin-right:65px}
}
@media only screen and (min-width: 769px) and (max-width:799px){
.mobile_menu_button{margin-right:95px}
}
@media only screen and (min-width:711px) and (max-width: 768px){
.mobile_menu_button{margin-right:-25px}
}
@media only screen and (min-width:621px) and (max-width: 710px){
.mobile_menu_button{margin-right:55px}
}
@media only screen and (min-width:601px) and (max-width: 620px){
.mobile_menu_button{margin-right:75px}
}
@media only screen and (min-width:481px) and (max-width: 520px){
.mobile_menu_button{margin-right:25px}
}
#wp-admin-bar-my-account{display:none}
.footer_top_holder{display:none}

.drop_down .narrow .second .inner ul li{ width: 188px; white-space: nowrap; text-align: left; }

.list1,
.list1 li{list-style:none;font-size:18px;line-height:1.3;color:#555}
.list1 li{padding:0 0 20px 90px}
.list1 li .no{margin:0 20px 0 -74px}


.tbl1{font-size:18px;border-collapse:collapse}
.tbl1,.tbl1 td{border:1px solid #333;text-align:left}
.tbl1 td{padding:6px 12px;line-height:1.3}

#row-news h1,
.row-summary h1,
.row-summary h2{text-align:center;font-size:24px;margin:10px 0 30px}
.row-summary .desc{font-size:18px;margin:0 0 40px}

#row-news .allnews,
#row-news ul{min-width:300px;width:50%;display:block;margin:0 auto 5px}
#row-news .allnews{margin:0 auto 30px;text-align:right}
#row-news li{min-height:30px;list-style:none;white-space:nowrap;font-size:18px}
#row-news li time{float:left;font-size:13px;margin:4px 9px 0 0;color:#666}
#row-news li a{display: block;border-bottom:1px dashed #ccc;}
#row-news li a:hover{text-decoration:none;border-bottom:1px solid #ccc;}

@media only screen and (max-width:900px){
#row-news .allnews,
#row-news ul{width:80%}
}
@media only screen and (max-width:600px){
#row-news li time{display:block;float:none}
#row-news li{white-space:normal}
}
@media only screen and (max-width:600px){
#row-news .allnews,
#row-news ul{width:90%}
#row-news ul{text-align:justify}
}

.lst3{width:80%;margin:auto;display:flex;justify-content:space-between;flex-flow:wrap}
/* .lst3 li{display:inline-block;margin:0 12px 8px 0}*/
.lst3 li{padding:2px 4px;list-style:none;margin:0 8px 12px 0}
.lst3 li:hover{font-weight:bold;background:#ddd}

.aitbl{border-collapse:collapse}
.aitbl th,
.aitbl td{border:1px solid #ccc;text-align:left}
.aitbl th{background:#dfdfdf}
.tr-highlight1 td,
.tr-fight td{background:#DBE1F2}
.ol_under_tbl{list-style-position:inside;font-size:.8em}


.aidl dt{font-weight:bold;border-left:5px solid;text-indent:.5em}
.aidl dd{padding:0 0 20px 2em;text-align:justify}

.title_subtitle_holder{padding:0}
.bread{border-bottom:1px solid #ccc;margin:10px 0}
.bread li span,
.bread li a{font-size:13px}
.bread li{list-style:none;display:inline-block;margin-right:5px}
.bread li::after{content:' > '}
.bread li.last::after{content:'';display:none}

.pgr a:hover,
.pgr a{border:1px solid #ccc;display: inline-block;background:#fff;padding:2px 6px;margin:0 9px 0 0;}
.pgr a:hover{border-color:inherit;}

#row_contact h2{margin:0 0 20px}
#row_contact{line-height:1.1}

#nav_term{margin:18px 0;}
#nav_term::after{content:'';clear:both;display:block;height:0;overflow: hidden;}
#nav_term ul,
#nav_term li{margin:0;padding:0;}
#nav_term li{float: left; list-style: none; border-radius: 5px; margin: 0 8px 3px 0;}
#nav_term a{min-width: 40px; text-align: center; display: block; font-size: 16px; padding: 3px 6px; color: #222; background: #fff; border: 2px solid #4B505A; border-radius: 5px;}
#nav_term a.term11{font-weight: bold}
#nav_term li.cur a{background:#4B505A;color:#fff;}


#lst3 li,
#lst2 li{list-style:none;margin:0 0 50px;}
#lst2 li h2{font-size:24px;}
#lst2 li h2 a{color:#333;}
#lst3 .bd,
#lst2 .bd{margin:8px 0}
#lst3 .ft,
#lst2 .ft{font-size:13px;}

#lst3{clear:both}
#lst3 li h2{font-size:18px}
#lst3 li h2,
#lst3 .bd,
#lst3 .ft{padding:0 0 0 30px;}
#lst3 li{position: relative;}
#lst3 li img{position: absolute;top:0;left:0;}
#lst3 .ft a{color:#fff;background:#aaa;padding:3px 6px;border-radius: 3px;margin-right:8px;}
#lst3 .ft a.cur{color:#fff;background:#4B505A}

/*https://stackoverflow.com/questions/24197007/using-flex-to-show-3-columns-per-row*/
#lst{display:flex;flex-wrap: wrap;}
#lst li{list-style:none;text-align:center;width:20%}
#lst img{border:1px solid #ddd;width:170px;height:170px;border-radius:25px}
#lst img.circle{border-radius:50%}
#lst h2{margin-top:8px;margin-bottom:20px;text-align:center}
#lst a:hover{text-decoration:none;border-bottom:1px solid}
#lst .desc{text-align:justify}
@media only screen and (max-width:1550px){ #lst li{width:25%} }
@media only screen and (min-width:991px) and (max-width:1250px){ #lst li{width:25%}#lst img{width:150px;height:150px} }
@media only screen and (min-width:751px) and (max-width:990px){ #lst li{width:33%} }
@media only screen and (min-width:549px) and (max-width:750px){ #lst li{width:50%} }
@media only screen and (min-width:459px) and (max-width:550px){ #lst li{width:33%}#lst img{width:100px;height:100px} }
@media only screen and (min-width:449px) and (max-width:460px){ #lst li{width:50%}#lst img{width:150px;height:150px} }
@media only screen and (max-width:450px){ #lst li{width:50%}#lst img{width:90px;height:90px} }

#dtl h1{font-size:26px;text-align:left}
#dtl h2{margin-bottom:20px}
#dtl .l{width:300px;float:left}
#dtl .l a,
#dtl .l img{display:block;text-align:center;margin:auto}
#dtl .l a{margin:5px 0 0}
#dtl .r{margin:0 0 0 310px}
/*#dtl .bar{clear:both;padding:5px;text-align:right;display:none}*/
#dtl .ft{text-align:center;padding:10px;border:0 solid #ddd;border-width:1px 0;margin-top:30px}
@media only screen and (max-width:820px){
  #dtl .l{float:none;margin:auto;text-align:center}
  #dtl .l img{margin:auto;width:auto}
  #dtl .r{margin:auto}
  #dtl h1,
  #dtl h2{text-align:center}
  #dtl h1{margin-top:8px}
/*
  #dtl .bar{text-align:center}
  #dtl .bar:nth-child(1){display:none}
*/
}


/*************** RWD start*******************/

@media only screen and (max-width: 1160px){
  .title_subtitle_holder{padding-top:15px}
  .page_container_inner{margin-top:20px}
}
@media (max-width: 1160px) and (min-width: 1001px){
  nav.main_menu>ul>li>a{
    padding:0 10px!important
  }
}
@media only screen and (max-width: 1000px){
  .title_subtitle_holder{padding-top:0}
  .title{padding:0!important;}

  .container_inner{width:auto}/*override*/
}
@media only screen and (max-width: 800px){
  .title_subtitle_holder{padding-top:0;margin-top:-5px}
}
@media only screen and (max-width:600px) {
#row-subscr{padding:20px 5px;margin-right:-22px;margin-left:-22px}
}
@media only screen and (max-width: 480px){
  .container_inner{
  width:auto;
  }

  #org-map{border:none}
}

@media only screen and (max-width: 694px){
  #org-map{width:99%}
  #org-map .org{padding-left:4px;padding-right:4px}
  #org-1{left:95px}
  #org-2{left:200px}
  #org-2::after{left:-7px;width:7px}
  #org-3{left:95px}
  #org-3::after{height:20px;}
  #org-3::before{left:-68px;bottom:-21px;width:198px}
  #org-4a,#org-4b,#org-4c{width:auto;top:185px;}
  #org-4a::after, #org-4b::after, #org-4c::after{height:12px;top:-12px;}
  #org-4a{left:-4px;}
  #org-4b{left:85px;}
  #org-4c{left:193px;}
  #org-4c::before{left:33px;height:13px}
  #org-5,#org-7{top:260px}
  #org-6{top: 380px;}
  #org-5{left:-6px}
  #org-6{left:110px}
  #org-7{left:196px}
  #org-5::before{top:-21px;width:203px;}
}
@media only screen and (max-width:400px) {
  .row-timeline{background-position:90% -120%}
  #hometime{font-size:16px}
  #hometime time{margin-right:11px;width:100px}

}

.bk-blue{
  background-color:#adf;
}