/* Layout Of Pages
-------------------------------------------------- */
.row:before,
.row:after {
  content: " ";
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row:after {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-col-20,.profile-col-25,.step-col-20,.step-col-25,.step-col-19,.curri-col-100,
.col-15,.col-20,.col-25,.col-30,.col-35,.col-40,.col-50,.col-60,.col-70,.col-75,.col-80,.col-85,.col-100{
  position: relative;
  float: left;
  min-height: 1px;
}
.col-15 {width:15%}
.col-20 {width:20%}
.col-25 {width:25%}
.col-30 {width:30%}
.col-35 {width:  33.33333333%;}
.col-40 {width:40%}
.col-50 {width:50%}
.col-60{width:60%;box-sizing: border-box;
padding-left: 1%;  }
.col-70{width:70%}
.col-75{width:75%}
.col-80{width:80%}
.col-85{width:85%}
.col-100{width:100%}
span.keyboard {
display: inline-block;
min-width: 20px;
text-align: center;
padding: 5px;
background: #efefef;
border-radius: 2px;
box-shadow: inset 0 0 13px #ddd;
  border: 1px solid #ddd;
}
ul.explain {
  font-size: 15px;
  line-height: 2em;
}
ul.explain li {
  background: url(/img/blockquote_white.svg) no-repeat;
  background-size: 20px;
  padding: 0 0 0 25px;  line-height: 2.3em;
}
.wage-body {

}
.wage-title {
background-color: #f1f1f1;
border-top: 1px solid #000; 
border-left: 1px solid;
border-right: 1px solid;
}
.wage-bg-white {
background-color: #fff;
}
.wage-col-30 {
width: 30%;
float: left;
box-sizing: border-box;
padding: 3px;

}
.wage-col-70 {
width: 70%;
float: right;
border-left: 1px solid;
box-sizing: border-box;padding: 3px;
}
.ccccol-80 {
width: 80%;
border-left: 1px solid;
box-sizing: border-box;
  position: relative;
  float: left;
  min-height: 1px;
}
.wage-col-30.last, .wage-col-70.last {
border-bottom: none !important;
}
.row.wage-title.wage-body.wage-last {
border-bottom: 1px solid;
}
.socialboard {padding:10px !important;}

.service:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: relative;
clear: both;
}
.service {
display: block;
/* background: #000; */
position: relative;
/* content: ""; */
/* width: 100%; */
/* min-height: 30px; */
height: auto;
border-bottom: 1px dashed #ddd;
}
.service.last {
border-bottom:none;
}
/* h2.heading.line.counsellogo span {
background: url(/img/counseltext.png) no-repeat;
background-size: 228px;
display: block;
text-indent: -8000px;
}*/
span#counsellogo {
background: url(/img/counsellogo.png) no-repeat;
width: 300px;
height: 96px;
background-size: 300px;
position: absolute;
right: 0;
top: -40px;
}
span#soomlogo {
background: url(/img/soomlogo.jpg) no-repeat;
position: absolute;
width: 260px;
height: 67px;
background-size: 260px;
top: -20px;
right: 0;
text-indent: -8000px;
display: block;
}
.row.privacy {
counter-reset: dl;
}

dl.default {
font-size: 14px;
counter-reset: dd;
}
dl.default  dt {
padding-bottom: 7px;
padding-left: 20px;line-height: 23px;
}
.row.privacy dl.default:before {
content: counter(dl) '. ';
counter-increment: dl;
position: absolute;
font-size: 17px;
font-family: lexisaebomR;
display: inline-block;
}
.row.privacy dl.default  dd {
line-height: 30px;
padding-left: 10px;
}

.row.cmsprivacy {
counter-reset:ol;
}


.row.privacy p {margin-bottom:20px;}
.callout.gray_bg p {margin-bottom:0 !important}
/* Cross-Browser Image Grayscale
-------------------------------------------------- */
/*img.wde-image {
     -webkit-filter: grayscale(85%);
         -moz-filter: grayscale(85%);
         -ms-filter: grayscale(85%);
         -o-filter: grayscale(85%);
          filter: grayscale(85%);
          filter: url(filters.svg#grayscale); 
          filter: gray; 
-webkit-filter: grayscale(85%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;		 
transition:all 0.5s; 
}

img.wde-image:hover {
filter: url(unfilters.svg#grayscale);
-webkit-filter: grayscale(0%);
-webkit-transition: all .6s ease;
transition:all 0.5s;
}*/
a.cms_join {
background: #29B47C;
color: #fff;
padding: 15px;
border-radius: 3px;
margin-top: 10px;
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none; 
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
a.cms_join:hover {
background: #000;
}
span.phone {
background: url(/img/p-sprite.png) no-repeat 0 0;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}
span.fax {
background: url(/img/p-sprite.png) no-repeat 1px -50px;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}
span.email {
background: url(/img/p-sprite.png) no-repeat 0 -22px;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}

#bingonav {
text-align: right;
position: absolute;
top: 8%;
margin-left: -200px;
width: 130px;z-index: 20;
border-radius: 3px;
border: 1px solid #fff;
box-shadow: 0px 0px 2px #F7F5F5;
}
ul.nav.binstory {
	width:90px !important;margin-left: -120px !important;
	text-align:center !important;
}
.anchor {
    display: block;
    height: 65px;
    margin: -65px 0 0 0 !important;
    padding: 0 !important;
    visibility: hidden;
}
ul.fixed#bingonav {
    position: fixed;
	top:80px;
}
#bingonav li:first-child a {
border-radius:3px 3px 0 0;
}
#bingonav li:last-child a {
border-radius:0 0 3px 3px;
border-bottom:none;
}
#bingonav a {
	background: rgba(237, 237, 237, 0.7); /*#ededed;*/
border-bottom: 1px solid #fff;	
	color: #666;
	display: block;
	font-size: 14px;
	padding:10px;
	text-decoration: none;
	text-transform: uppercase;
	transition:all .5s;
}

#bingonav a:hover {
	background: rgba(44, 193, 133, .7); /*#29B47C;*/
	color:#efefef;
}

#bingonav .current a {
	background: rgba(44, 193, 133, .8); /*#2cc185;*/
	color: #fff;
}

.dictionary dt {
  margin-top: 20px;
  font-size: 15px;
  background: #2CC185 url(/img/book-white.svg) no-repeat 5px center;
  background-size: 14px;
  color: #fff;
  padding: .5em .9em .5em 2em;
  border: 1px solid #19AE72;
  border-radius: 2px;
  display: inline-block;
  box-sizing: content-box; 
}

.dictionary dd {
  line-height: 1.8em;
  font-size: 15px;
  }
strong {color:#222;}

.row.wde_herstory p.strong {
font-size: 15px;
line-height: 30px;
margin-bottom:0 !important;
font-family:lexisaebomR;
color:#000;
}
.row.wde_herstory p.strong:after {
content: "";
display: block;
background: #eee;
height: 3px;
margin-top: 1px;
margin-bottom: 10px;
}

.row.wde_herstory p {
margin-bottom:15px;
color: #555;
}
.row.wde_herstory p img {max-width: 160px;
float: left;
margin-right: 20px;
vertical-align: middle;
box-shadow: 0 0 0 4px white, 0 0 0 8px #ddd;
border-radius: 50%;
margin: 10px 20px 20px 10px;}
.row.wde_herstory ol  {
list-style-type: none;
list-style-type: decimal !ie;
counter-reset: li;
}
.row.wde_herstory ol li , .row.cmsprivacy ol li {clear:both;position:relative;}
.row.wde_herstory ol li:before {
position: absolute;
top: 0;
left: -1.2em;
width: 0.8em;
font-size: 3em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #A4A5A7;
font-family: LexisaebomR;
    content: counter(li);
    counter-increment: li;
}
.row.wde_herstory ol li:after {
content:"";display:block;width:100%; height:0;
}

.row.cmsprivacy ol li, .row.provision ol li {
font-size:14px;
margin-bottom: 25px;
padding:0 !important;
line-height:30px;
}
.row.cmsprivacy ol li ol li, .row.provision ol li ol li {
margin-bottom: 15px;padding:0 !important;line-height: 22px;
}
.row.cmsprivacy ol, .row.provision ol  {
  counter-reset: section;               
  list-style-type: none;padding: 5px;
}
.row.cmsprivacy ol  li ol, .row.provision ol li ol {
padding-left: 20px;
}
.row.cmsprivacy ol li:before, .row.provision ol li:before {
  counter-increment: section;  
  content: counters(section,".") " "; 
line-height: 25px;
width: 0.8em;
font-size: 1.42em;
font-weight: bold;
text-align: left;
color: #A4A5A7;
font-family: LexisaebomR; 
}

.row.provision ol li  {
font-weight: bold !important;font-size: 17px;
}
.row.provision ol li ol li {
font-weight: normal !important;font-size: 14px;
}

.row.cmsprivacy ol li ol li:before {
font-size: 1em;
}

.row.publishing ol  {
list-style-type: none;
list-style-type: decimal !ie;
counter-reset: li;
}

.row.publishing li {
font-size: 14px;
position: relative;
clear: both;
min-height: 150px;
margin-bottom: 20px;
}
.row.publishing li:before {
position: absolute;
top: -6px;
left: -40px;
width: 0.8em;
font-size: 2em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #666;
font-family: LexisaebomR;
content: counter(li);
counter-increment: li;
}
.row.publishing li:after {
content: "";
width: 96.7%;
display: block;
height: 4px;
background: #eee;
margin-left: 3%;
box-sizing: border-box;
position: absolute;
bottom: 3px;
z-index:9;
}
.row.publishing img {
height: 140px;
box-shadow: 0 0 0 3px white, 0 0 0 7px #eee;
border-radius: 3px 3px 0 3px;
float: left;
z-index: 99;
position: absolute;
bottom: 10px;
transition: all .4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
}
.row.publishing img:hover {
z-index: 1000;
-ms-transform: scale(1.7);
-moz-transform: scale(1.7);
-webkit-transform: scale(1.7);
transform: scale(1.7);
}
.row.publishing ol li p {
display:block;
margin-left:25%;
z-index: 100;
background: rgba(255, 255, 255, 0.72);
position: relative;
padding: 10px;
border-radius: 3px;
color:#000;
}
p.pdf {
margin-top: 10px;
background:none !important;
padding:0 10px !important;
}
p.pdf a {
padding: 8px 10px 8px 30px;
background: #29B47C url(/img/pdf_bg.png) no-repeat 3px;
border-radius: 2px;
color: #fff;
font-weight: bold;
background-size: 22px;
}
.col-30 img{
width: 95%;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
padding: 5px;
}
.col-40 img {
width: 95% !important;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
padding: 5px;
margin:0 10px 10px 0;
}
img.page_top {width:100%;}
.default.explain p {
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
}
ul.default.explain li a {
padding: 5px 10px;
background: #fff;border: 1px solid #efefef;
max-width: 130px;
border-radius: 3px;
margin-bottom: 5px;
display: block;
text-decoration: none;
}
ul.default.explain li a:hover {
background: #29B47C;
color: #fff;
}
ul.default.explain {
margin-top: 15px;
}
ul.default.explain li {  background: none;padding:0 5px;list-style-type: decimal;
margin-left: 25px;}
p.windows {background: #0bb2ed url(/img/windows_8.png) no-repeat -2px -1px;
background-size: 40px;
padding: 5px 5px 5px 35px;
color: #fff;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.mac {background: #ccc url(/img/mac_os.png) no-repeat 3px 6px;
background-size: 25px;
padding: 5px 5px 5px 35px;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.linux {background: #f3bf00 url(/img/linux.png) no-repeat 3px 5px;
background-size: 30px;
padding: 5px 5px 5px 35px;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.access {
background: #fff url(/img/access.png) no-repeat 3px;
padding: 5px 10px 5px 37px;
border-radius: 3px;
line-height: 30px !important;
margin-top: 20px;
display: block;
background-size: 30px;font-weight: bold;
}
/**************조직도*****************/
.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
box-sizing: border-box;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 2px solid #ddd;
	width: 52%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 2px solid #ddd;

}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 2px solid #ddd;
	border-radius: 0 3px 0 0;
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
}
.tree li:first-child::after{
	border-radius: 3px 0 0 0;
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 2px solid #ddd;
	width: 0; height: 20px;
}

.tree li a{
	border: 2px solid #ddd;
	padding: 10px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	display: inline-block;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
z-index:9;position:relative;	cursor: default;
}
/*.tree li a:hover {
z-index: 10;
-ms-transform: scale(1.15);
-moz-transform: scale(1.15);
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
*/
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
background: #29B47C;
color: #fff;
border: 2px solid #2cc185;
z-index:9;position:relative;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #2cc185;
}
a.orgetc {
background: #ddd;
top: -15px !important;
position: absolute !important;
left: 50%;
margin-left:-34px;
}
a.topleft{
position: absolute !important;
width: 53px;
height: 53px;
line-height: 53px;
left: 0;
top: -25px;
background: #efefef;
border-radius: 50% !important;
padding: 0px !important;
margin-left: 2%;
}
a.topright{
position: absolute !important;
width: 53px;
height: 53px;
line-height: 53px;
right: 0;
top: -25px;
background: #efefef;
border-radius: 50% !important;
padding: 0px !important;
margin-right: 2%;
}

a.secondright {
/* top: 10px; */
background: #fff;
/* position: absolute !important; */
/* left: 50%; */
width: 64px;
height: 64px;
padding: 0 !important;
line-height: 64px;
border-radius: 50% !important;
/* margin-left: -26px; */
}
a.firstcenter {width: 52px;
height: 52px;
line-height: 52px;
padding: 0 !important;
border-radius: 50% !important;}


/* Layout Of Page
-------------------------------------------------- */
.profile-col-20 {   
  width: 15%;
  padding:20px;  
}
.profile-col-25 {   
  width: 15.5%;
  padding:2%;  
}
.step-col-20 {   
  width: 15%; 
  padding:10px 7px;
}
.step-col-25 {   
  width: 23%; 
  padding: 10px 5px;
}
.step-col-19 {   
  width: 17%; 
  padding: 10px;
}
/* Layout Of curri Page
-------------------------------------------------- */
.curri-col-100 {   
  width: 100%; 
  border-top: 1px solid #eee;
  color: #999;
}

/* breakpoint for xs
-------------------------------------------------- */
@media screen and (max-width: 980px) {
  .col-md-100 { width:100%; }
}
@media screen and (max-width: 639px) {
  .col-xs-100 { width:100%; }
  .curri-mobile-col { float:left; width:33.3%; border-top: 1px solid #eee; box-sizing: border-box;}

  
}

/* Common style of Page
-------------------------------------------------- */
.entry-content {
color: #555;
text-align: justify;
}
.entry-content p {
font-size: 15px;
line-height: 27px;
color: #555;
}
.entry-content img {
  display: block;
  max-width: 100%;
  width:auto\9;
  height: auto;
  vertical-align:middle;
  border:0;
  -ms-interpolation-mode:bicubic;
}
iframe, object, embed { max-width:100%; } 
video { max-width:100%; height: auto; } 
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-box { 
  padding: 10px 10px 10px 0;
}
hr.default {
  display:block;
  border:none;

}
h2.heading, h3.heading {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 24px;
  color: #828282;
  margin-bottom: 0;
  overflow: visible;
  color:#000;font-family: lexisaebomR;
}
h2.heading.line, .ui.label_box {

}
h2.heading.line, h3.heading.line {
border-bottom: 1px solid #e1e1e1;
box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.72);
position: relative;
margin-bottom: 20px;
}
h2.heading.line:after, h3.heading.line:after {
  content: '';
  display: block;
  height: 4px;
  width: 83px;
  position: absolute;
  bottom: -4px;
  background: #2cc185;
  left:0;
}
small.heading {
  font-size:16px;
  color:#555;
}

@media screen and (max-width: 639px) {
  small.heading {
    font-size:14px;
  }
  .mobile-margin-top {
    margin-top: 20px;
  }
 h2.heading, h3.heading {font-size:20px;} 

  
}
ol.default {
  margin:0;
  padding:0 0 0 20px;
  font-size:14px;
  line-height:2;
  color:#555;
}
ol.default li {
  padding: 10px 5px;
}
ol.default li ul li {
padding: 0;
}
ol.default li  span {
  padding-bottom:3px;
  font-weight:900;
  border-bottom:1px dotted #ddd; 
}
ol.underline {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  color:#555;
}
ol.underline li {
  margin-right:20px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
ol.underline li a {
  color:#00a1db;
}
ol.underline li a:hover {
  color:#333;
}
ul.default {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  line-height:2;
  color:#555;
}
ul.default li {
  padding: 10px 5px;
}
ul.default li  span {
  padding-bottom:3px;
  font-weight:900;
  border-bottom:1px dotted #ccc; 
}
ul.underline {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  color:#555;
  list-style-type:circle;  
}
ul.underline li {
  margin-right:20px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
ul.underline li a {
  color:#00a1db;
}
ul.underline li a:hover {
  color:#333;
}
ul.square {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  line-height:2;
  color:#555;
  list-style-type:square;  
}
ul.square ul {
  padding: 5px 0 15px 10px;
  list-style-type:circle;  
}
ul.wdebasic {
margin-bottom:10px;
}
ul.wdebasic li {
padding: 5px 5px 5px 20px;
}
/* about Page
-------------------------------------------------- */
blockquote.about {
  margin:20px 0;
  padding:0;
  font-weight: bold;
  font-size:13px;
  color:#000;
}
p.about { line-height: 3; letter-spacing:1px; word-spacing:1px; text-align: justify; padding-right:15px; }
@media screen and (max-width: 585px) {
  p.about { line-height: 2; padding-right:0;  }
}
.about img {
  margin-bottom:5px;
  padding:5px;
  border:1px solid #ddd;
}
.about_bg {
  padding:20px;
  background-color:#f7f7f7;
}
.profile-image {
  border: 7px solid #ddd !important;
  border-radius: 50%;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-background-clip: padding-box; 
  -moz-background-clip: padding; 
  background-clip: padding-box;
}
.profile-image:hover {
  border: 7px solid #2cc185 !important;
}
.profile-col-20 p {
  margin-top: 10px;
  text-align:center;
  font-weight: bold;
}
.profile-col-25 p {
  margin-top: 10px;
  text-align:center;
  font-weight: bold;
}
blockquote.profile {
  margin:15px 0;
  padding: 20px 10px;
  background-color: #f2f2f2;
  border-left: 3px solid #dcdcdc;
  color:#777;
  font-weight:bold;
}
blockquote.profile:hover {
  background-color: #f2f2f2;
  border-left: 3px solid #2cc185;
  color:#333;
}
/* timeline Page
-------------------------------------------------- */
.timeline {
  margin: 5% 0 5% 20%;
  padding-left: 30px;
  border-left: 8px solid #eee;
  list-style: none;
}
.timeline li {
  margin: 40px 0;
  position: relative;
}
.timeline p {
  margin: 0 0 15px;
  font-size:13px;
}
.timeline .date {
margin-top: -10px;
top: 50%;
left: -90px;
font-size: 0.95em;
line-height: 19px;
position: absolute;
}
ul.timeline.text {
margin-left: 12%;
}
.timeline .circle {
margin-top: -10px;
top: 50%;
left: -44px;
width: 10px;
height: 10px;
background: #999;
border: 5px solid #eee;
border-radius: 50%;
display: block;
position: absolute !important;
text-indent:-9999px;
box-sizing: initial;
}
.timeline .circle.now.pivotal {
background:#29b47c;
}
.timeline .circle.now {
background: #FF5D32;
}
ul.timeline.year {
margin-left: 25%;

}
ul.timeline.year p {
line-height: 25px;
}
ul.timeline.year li img {
border-radius: 50%;
vertical-align: middle;
box-shadow: 0 0 0 3px white, 0 0 0 5px #ccc;
width: 90px;
height: 90px;
position: absolute;
display: block;
top: -20px;
left: -105px;
max-width: inherit;
z-index: 9;
transition: all .4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
}
ul.timeline.year li img:hover /*, ul.timeline.year li:hover img*/ {
z-index: 10;
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
span.lb-caption a,
ul.sub-timeline a {
    color: #29b47c;
}

.data-lightbox {
    position: relative;
    display: block;
}
.data-lightbox a img {
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    margin-right: 10px;
}

span.date.picture {
margin-top: -25px;
}
ul.timeline.year li span.date.picture:after {
content: "";
display: block;
height: 7px;
min-width: 90px;
background: #eee;
position: absolute;
right: 0;
margin-right: -20px;
bottom: -10px;
}
/* etc Page
-------------------------------------------------- */
.bold_p {
  font-size: 13px;
  line-height: 2;
  word-spacing:5px;
} 
small.small {
  font-size:11px;
  color:#666;
  text-indent: 15px;
}

@media screen and (max-width: 639px) {
  .timeline {
    margin: 50px 0 30px 50px;
  }
 ul.timeline.year {
margin-left: 120px;
}
ul.timeline.year p {
margin-left:-10px;
line-height: 22px;
}
span.date.picture .year2 {
margin-top: -30px;
padding-bottom: 30px;
position: relative;
display: block;font-size: 13px;
}
span.year2 {
font-size:13px;
}
.row.wde_herstory p img {
max-width: 640px;
width: 95%;
float: inherit;
margin-top: 20px;
border-radius: inherit;box-sizing: border-box;
}
ul.timeline.year li img {
width: 72px;
height: 72px;
top: -8px;
left: -65px;
} 
ul.timeline.year li img:hover {
z-index: 10;
left: -40px;
-ms-transform: scale(1.75);
-moz-transform: scale(1.75);
-webkit-transform: scale(1.75);
transform: scale(1.75);
}
  .mobile-profile-image {
  float:left;
  width:100px;
  height:100px;
  }
  .profile-col-20 p {
   width:100%;
   margin-top:30px;
 }
  .profile-col-25 p {
   width:100%;
   margin-top:35px;
   text-align: center;
   padding-left:5%;
 }
}

/* curris Page
-------------------------------------------------- */
.curri-header {
  margin-top:10px;
  padding-bottom:15px;
  border-bottom:1px solid #111;
}
.curri-title {
  background-color: #f1f1f1;
}
.curri-body  {
  border-bottom:1px solid #ddd;
}
.curri-body p {
  font-size:13px;
  font-weight:normal;
  line-height: 1.4;
}
.curri-bg-white { background-color:#fff; }
.curri-header strong,.curri-body p {
  margin:15px;
}
p.curri-content {
  font-weight: bold;
}
ul.curri {
  margin:0;
  padding:0 0 10px 15px;
  font-size:12px;
  font-weight:normal;
  line-height: 1.4;
  list-style-type:square;
}
ul.curri li {
  margin:0 15px 5px;
}
@media screen and (max-width: 639px) {
    ul.curri li { margin:5px; }
	.curri-header strong,.curri-body p {
    margin:5px;
   }
}

.segment {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em;
  padding: 3em 1em;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.segment:first-child {
  margin-top: 0em;
}
.segment:last-child {
  margin-bottom: 0em;
}
.segment:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.blue.segment {
  border-top: 0.2em solid #6ECFF5;
}
.green.segment {
  border-top: 0.2em solid #2CC185;
}
.red.segment {
  border-top: 0.2em solid #D95C5C;
}
.orange.segment {
  border-top: 0.2em solid #F05940;
}
.purple.segment {
  border-top: 0.2em solid #903f98;
}
.teal.segment {
  border-top: 0.2em solid #00B5AD;
}
.segment.bigfont {
  font-size: 18px;
  font-weight: 900;
}
.segment.bigfont p {
  font-size:13px;
}
.segment.bigfont p:hover {
  background-color: #00a1db; 
  color:#fff;
}
.segment:hover {
  background-color: #00a1db; 
  color:#fff;
}
.segment small {
  display: block;
  padding-top:15px;
  font-size: 12px;
}
.segment a:hover {
  color:#fff;
  text-decoration:none;
}
.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid transparent;
  border-radius: 3px;
}
.callout.gray_bg { 
  background-color:#f7f7f7;
}
.callout-info {
  border-left-width: 5px;
  border-left-color: #00a1db;
}
.callout-danger {
  border-left-width: 5px;
  border-left-color: #EEC2C1;
}

.step {
  display: inline-block;
  position: relative;
  width:90%;
  padding: 15px 10px 15px 5px;
  vertical-align: middle;
  background-color: #FFFFFF;
  color: #000;
     font-size: 12px;
	 text-align:center;
   /* border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.step:after {
  position: absolute;
  content: '';
  top: 1em;
  right: -1em;
  border: medium;
  width: 2em;
  height: 2em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.steps {
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.3125rem;
}
.page_btn {
  display: inline-block;
  margin: 40px 0;
}
.bci_btn {
    -moz-border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    -moz-transition:.1s;
    -o-transition:.1s;
    -webkit-border-radius:5px;
    -webkit-box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    -webkit-transition:.1s;
    background:#EEE;
    border-color:#999;
    border-radius:5px;
    border-style:solid;
    border-width:1px 1px 4px;
    bottom:4px;
    box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    color:#222;
    display:inline;
    margin:0 auto 0 10px;
    padding:5px;
    position:relative;
    text-align:center;
	font-size: 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
    transition:.1s;
    white-space: nowrap;
}
.bci_btn:hover {
    -moz-box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
    -webkit-box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
    border-width:1px;
    bottom:0;
    margin-bottom:3px;
    box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
	text-decoration: none;
}
.bci_btn.blue
{
    background:#fff!important;
    border-color:#00a1db!important;
    color:#333!important;
}
.ui.accordion,
.ui.accordion .accordion {
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
  border-radius: 0.3125em;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .ui.accordion,
  .ui.accordion .accordion {
    font-size:8pt;
  }
}
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.ui.accordion > .title:first-child,
.ui.accordion .accordion > .title:first-child {
  border-top: none;
}
.ui.accordion .content,
.ui.accordion .accordion .content {
  display: none;
  margin: 0em;
}
.ui.accordion .title .arrow-icon,
.ui.accordion .accordion .title .arrow-icon {
  display: inline-block;
  float: none;
  width:0;
  height:0;
  font-size:8pt;
  vertical-align:middle;
  margin: 0em 0.5em 0em 0em;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #00a1db;
	
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ui.basic.accordion.menu {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.basic.accordion.menu .title,
.ui.basic.accordion.menu .content {
  padding: 0em;
}
.ui.basic.accordion {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.basic.accordion .title,
.ui.basic.accordion .accordion .title {
  background-color: transparent;
  border-top: none;
  padding-left: 0em;
  padding-right: 0em;
}
.ui.basic.accordion .content,
.ui.basic.accordion .accordion .content {
  padding: 0.5em 0em;
}
.ui.basic.accordion .active.title,
.ui.basic.accordion .accordion .active.title {
  background-color: transparent;
}
.ui.accordion .title:hover,
.ui.accordion .active.title,
.ui.accordion .accordion .title:hover,
.ui.accordion .accordion .active.title {
  color: rgba(0, 0, 0, 0.8);
}
.ui.accordion .active.title,
.ui.accordion .accordion .active.title {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.ui.accordion .active.title .arrow-icon,
.ui.accordion .accordion .active.title .arrow-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}
.all-open { 
  display:inline-block; 
  *display:inline;
  margin: 10px 0;
  padding: 10px;
  cursor:pointer; 
}
.all-open:hover { 
  color:#fff;
  background-color: #00a1db;
  border-radius:5px;
}
.all-close { 
  display:inline-block;  
  *display:inline;
  margin: 10px 0;
  padding:10px;
  cursor:pointer; 
}
.all-close:hover { 
  color:#fff;
  background-color: #00a1db;
  border-radius:5px;
}
.all-open span, .all-close span {
  color:#00a1db;
  font-weight:900;
}
.all-open:hover span, .all-close:hover span {
  color:#fff;
}


.ui.label_box {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em 0em;
  padding: 1em;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.label_box:first-child {
  margin-top: 0em;
}
.ui.label_box:last-child {
  margin-bottom: 0em;
}
.ui.label_box:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.label {
  display: inline-block;
  vertical-align: middle;
  margin: -0.25em 0.25em 0em;
  background-color: #E8E8E8;
  border-color: #E8E8E8;
  padding: 0.6em 0.8em;
  color: rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 0.325em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.1s linear
  ;
  -moz-transition: background 0.1s linear
  ;
  transition: background 0.1s linear
  ;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}

.ui.label_box dl {
  border: 1px solid #f1f1f1;
  padding: 30px 20px 20px;
  position: relative;
  border-radius: 2px;
   margin-top: 30px;   background: #F7F7F7;
}
dt.red {  
background: #D95C5C;
border: 1px solid #BD3B3B;
}
dt.green {
background: #2cc185;
border: 1px solid #29b47c;
}
dt.purple {
background: #903f98;
border: 1px solid #7c3784;
}
dt.yellow {
background: #fec300;
border: 1px solid #e8b400;
text-shadow: 0 0 1px #D7A703;
}
.ui.label_box dt {
  font-size: 15px;
  color: #fff;
  padding: 10px;
  display: block;
  position: absolute;
  top: -20px;
  left: -4px;
  border-radius: 2px;
}
.ui.label_box dd {
  font-size: 14px;
  padding-left: 0px;
  margin-left: 0px;
  line-height: 1.7em;
  margin-bottom: 4px;
}
/* Link */
a.ui.label {
  cursor: pointer;
}
/* Inside Link */
.ui.label a {
  cursor: pointer;
  color: inherit;
  opacity: 0.8;
  -webkit-transition: 0.2s opacity ease;
  -moz-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.ui.label a:hover {
  opacity: 1;
}
.ui.ribbon.label {
  position: relative;
  margin: 0 4px;
  left: -2rem;
  padding-left: 2rem;
  font-size: 16px;
  border-radius: 0px 2px 2px 0px;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0%;
  border-top: 0em solid transparent;
  border-right-width: 1em;
  border-right-color: inherit;
  border-right-style: solid;
  border-bottom: 1em solid transparent;
  border-left: 0em solid transparent;
  width: 0em;
  height: 0em;
}
/* Ribbon */
.ui.black.ribbon.label {
  border-color: #333333 !important;
}
/*--- yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #fec300 !important;
  border-color: #e8b400 !important;
  color: #FFFFFF !important;
}
.ui.labels .yellow.label:before,
.ui.yellown.labels .label:before,
.ui.yellow.label:before {
  background-color: #fec300 !important;
}
/* Hover */
a.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #e8b400 !important;
  border-color: #e8b400 !important;
}
.ui.labels a.yellow.label:hover:before,
.ui.yellow.labels a.label:hover:before,
a.ui.yellow.label:hover:before {
  background-color: #e8b400 !important;
}
/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #e8b400 !important;
text-shadow: 0 1px 0 #D7A703;  
}

/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #2CC185 !important;
  border-color: #2CC185 !important;
  color: #FFFFFF !important;
}
.ui.labels .green.label:before,
.ui.green.labels .label:before,
.ui.green.label:before {
  background-color: #2CC185 !important;
}
/* Hover */
a.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #29B47C !important;
  border-color: #29B47C !important;
}
.ui.labels a.green.label:hover:before,
.ui.green.labels a.label:hover:before,
a.ui.green.label:hover:before {
  background-color: #29B47C !important;
}
/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.green.ribbon.label {
  border-color: #29B47C !important;
}
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: #D95C5C !important;
  border-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.labels .red.label:before,
.ui.red.labels .label:before,
.ui.red.label:before {
  background-color: #D95C5C !important;
}
/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}
/* Hover */
a.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #DE3859 !important;
  border-color: #DE3859 !important;
  color: #FFFFFF !important;
}
.ui.labels a.red.label:hover:before,
.ui.red.labels a.label:hover:before,
a.ui.red.label:hover:before {
  background-color: #DE3859 !important;
}
/* Ribbon */
.ui.red.ribbon.label {
  border-color: #DE3859 !important;
}
/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
background-color: #a869af !important;
border-color: #2cc185 !important;
  color: #FFFFFF !important;
}
.ui.labels .blue.label:before,
.ui.blue.labels .label:before,
.ui.blue.label:before {
  background-color: #6ECFF5 !important;
}
/* Hover */
a.ui.blue.labels .label:hover,
.ui.blue.labels a.label:hover,
a.ui.blue.label:hover {
  background-color: #1AB8F3 !important;
  border-color: #1AB8F3 !important;
  color: #FFFFFF !important;
}
.ui.labels a.blue.label:hover:before,
.ui.blue.labels a.label:hover:before,
a.ui.blue.label:hover:before {
  background-color: #1AB8F3 !important;
}
/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.blue.ribbon.label {
border-color: #2cc185 !important;
}
/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #903f98 !important;
  border-color: #903f98 !important;
  color: #FFFFFF !important;
}
.ui.labels .purple.label:before,
.ui.purple.labels .label:before,
.ui.purple.label:before {
  background-color: #903f98 !important;
}
/* Hover */
a.ui.purple.labels .label:hover,
.ui.purple.labels a.label:hover,
a.ui.purple.label:hover {
  background-color: #7c3784 !important;
  border-color: #7c3784 !important;
  color: #FFFFFF !important;
}
.ui.labels a.purple.label:hover:before,
.ui.purple.labels a.label:hover:before,
a.ui.purple.label:hover:before {
  background-color: #7c3784 !important;
}
/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #7c3784 !important;
}
/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F05940 !important;
  border-color: #F05940 !important;
  color: #FFFFFF !important;
}
.ui.labels .orange.label:before,
.ui.orange.labels .label:before,
.ui.orange.label:before {
  background-color: #F05940 !important;
}
/* Hover */
a.ui.orange.labels .label:hover,
.ui.orange.labels a.label:hover,
a.ui.orange.label:hover {
  background-color: #FF4121 !important;
  border-color: #FF4121 !important;
  color: #FFFFFF !important;
}
.ui.labels a.orange.label:hover:before,
.ui.orange.labels a.label:hover:before,
a.ui.orange.label:hover:before {
  background-color: #FF4121 !important;
}
/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #FF4121 !important;
}
/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important;
}
.ui.labels .teal.label:before,
.ui.teal.labels .label:before,
.ui.teal.label:before {
  background-color: #00B5AD !important;
}
/* Hover */
a.ui.teal.labels .label:hover,
.ui.teal.labels a.label:hover,
a.ui.teal.label:hover {
  background-color: #009A93 !important;
  border-color: #009A93 !important;
  color: #FFFFFF !important;
}
.ui.labels a.teal.label:hover:before,
.ui.teal.labels a.label:hover:before,
a.ui.teal.label:hover:before {
  background-color: #009A93 !important;
}
/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #009A93 !important;
}
p.label_p {
  padding-top:20px;
  padding-left:10px;
  padding-bottom:15px;
  font-size: 16px;
  font-weight:bolder;
}
p.label_p2 {
  padding-top:2%;
  padding-left:10px;
  padding-bottom:15px;
  font-size: 13px;
  line-height:23px;
  color:#666 !important;text-align: justify;
}
ul.label_ul {
   margin:0;
   padding:0;
   list-style:none;
}
ul.label_ul li {
  padding-top:10px;
  padding-left:10px;
  font-size:13px;
  color:#999;
}


table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 639px) { 
.row.publishing ol li p {
margin-top:15px;
margin-bottom:0px;
float: right;
font-size:13px;
background: rgba(93, 10, 102, 0.66);
color: #fff !important;
font-weight:bold;
}
p.pdf {
margin-top: -5px; }
 .row.publishing img:hover {
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
left:20px;
}

.ccccol-80.wage-bg-white {
width: 100%;
border-top: 1px solid;
}
.row.wage-title.wage-body .col-20 {
width: 100%;
border-left: 1px solid;
padding: 4px 0 4px 10px;
}
#bingonav,span#soomlogo,span#counsellogo {display:none;}
.col-30 img {width: 100%; }
a.orgetc {top: -17px !important;margin-left:-29px;}
.col-40 img {width:100% !important;}

ul.timeline.year li img {
    width: 52px;
    height: 52px;
    top: 0px;
    left: -15px;
}

ul.timeline.year {
    margin-left: 70px;
}

.data-lightbox a img {
    width: 45px !important;
    height: 45px !important;
}

span.date.picture .year2 {
    font-weight: 500;
}

ul.timeline.year li img:hover {
    left: -15px;
	-ms-transform: scale(1.11);
	-moz-transform: scale(1.11);
	-webkit-transform: scale(1.11);	
    transform: scale(1.11);
}


}


@media only screen and (max-width : 320px) {
.tree li a {padding:10px 7px;}
h2.heading, h3.heading {font-size:20px;}
ul.timeline.text {margin-left: 17%;}
 .row.publishing img:hover {
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
left:20px;
}


}