/*********************************************************************************/
/* Desktop (>= 480px) */
/*********************************************************************************/
/* Wrappers */
#main-wrapper
{
background: #fff;
padding: 2em 0 4em 0;
}
#header-wrapper
{
box-shadow: ;
height: 120px;
position: relative;
padding: 2.25em 0 2.25em 0;
background:#474747;
border-bottom:4px solid #007AC3;
}
#header-wrapper-us
{
box-shadow: ;
height: 120px;
position: relative;
padding: 2.25em 0 2.25em 0;
background: url(/images/usflag-dark.gif) no-repeat #007AC3;
background-size: 100%;
border-bottom:4px solid #007AC3;
}
#footer-wrapper
{
padding: 3.5em 0 5em 0;
box-shadow: inset 0px 10px 60px 0px rgba(0,0,0,0.15), 0px -1px 3px #aaa;
}
/* Header */
.header-menu {
  background-color: #757575; }
  .header-menu .header-menu-container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem; }
    .header-menu .header-menu-container:after {
      content: " ";
      display: block;
      clear: both; }
    .header-menu .header-menu-container:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 77rem) {
      .header-menu .header-menu-container {
        padding-left: 0;
        padding-right: 0; } }
  .header-menu .header-menu-nav::after {
    clear: both;
    content: ' ';
    display: table; }
  @media (min-width: 37.5rem) {
      .header-menu .header-menu-nav:after {
        content: " ";
        display: block;
        clear: both; } }

  @media (min-width: 37.5rem) and (min-width: 37.5rem) {
      .header-menu .header-menu-nav > .header-menu-nav-list:nth-child(4n) {
        float: right;
        margin-right: 0; } }
  .header-menu .header-menu-nav .header-menu-nav-list {
    margin-bottom: 2.5rem; }
    @media (min-width: 37.5rem) {
      .header-menu .header-menu-nav .header-menu-nav-list {
        margin-bottom: 0; } }
    .header-menu .header-menu-nav .header-menu-nav-list .header-menu-heading {
      color: #bfbfbf;
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 1rem;
      margin-top: 0; }
      @media (min-width: 37.5rem) {
        .header-menu .header-menu-nav .header-menu-nav-list .header-menu-heading {
          font-size: 0.87891rem;
          margin-bottom: 0.5rem; } }
    .header-menu .header-menu-nav .header-menu-nav-list > ul {
      list-style: none;
      padding: 0; }
      .header-menu .header-menu-nav .header-menu-nav-list > ul > li {
        color: #fff;
        font-family: "Fira Sans", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 1rem; }
        @media (min-width: 37.5rem) {
          .header-menu .header-menu-nav .header-menu-nav-list > ul > li {
            font-size: 0.87891rem;
            margin-bottom: 0.5rem; } }
        .header-menu .header-menu-nav .header-menu-nav-list > ul > li:last-child {
          margin-bottom: 0; }
        .header-menu .header-menu-nav .header-menu-nav-list > ul > li > a {
          color: #fff;
          display: block; }
          @media (min-width: 65rem) {
            .header-menu .header-menu-nav .header-menu-nav-list > ul > li > a {
              display: inline; } }
          .header-menu .header-menu-nav .header-menu-nav-list > ul > li > a:hover {
            color: #ededed; }
  @media (min-width: 65rem) {
    .header-menu .wk-logo {
      float: left; } }
  .header-menu .wk-tagline {
    color: #fff;
    font-family: "Fira Sans", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
    font-size: 0.87891rem;
    font-weight: 300;
    margin-top: 1.75rem; }
    @media (min-width: 65rem) {
      .header-menu .wk-tagline {
        float: right;
        font-size: 1.13778rem;
        margin-top: 0;
        position: relative;
        top: 7px; } }
  .header-menu .wk-social-icons-container li {
    display: inline-block; }
  .header-menu .wk-social-icons-container .wk-social-item {
    font-size: 1.75rem;
    margin-right: 0.625rem; }
    .header-menu .wk-social-icons-container .wk-social-item span {
      height: 1px;
      overflow: hidden;
      position: absolute;
      top: -10px;
      width: 1px; }
  .header-menu .header-menu-wrapper {
    background-color: #ffffff;
    color: #757575;
    font-family: "Fira Sans", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
    font-size: 0.82397rem; }
    .header-menu .header-menu-wrapper .header-menu-wrapper-container {
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 1.25rem;
      padding-top: 1.25rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
      .header-menu .header-menu-wrapper .header-menu-wrapper-container:after {
        content: " ";
        display: block;
        clear: both; }
      .header-menu .header-menu-wrapper .header-menu-wrapper-container:after {
        content: " ";
        display: block;
        clear: both; }
      @media (min-width: 77rem) {
        .header-menu .header-menu-wrapper .header-menu-wrapper-container {
          padding-left: 0;
          padding-right: 0; } }
  .header-menu .header-menu-meta-info {
    padding-left: 0; }
    .header-menu .header-menu-meta-info li {
      display: inline;
      list-style-type: none;
      margin-right: 2rem;
      padding-left: 0; }
    .header-menu .header-menu-meta-info a {
      color: #757575; }
      .header-menu .header-menu-meta-info a:hover {
        text-decoration: underline; }
/* Nav */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  background: #85bc20;
}
#cssmenu-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#cssmenu > ul > li {
  float: left;
  background: #007ac3;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu > ul.navalign {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 12px;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  background: #005b92;
}
#cssmenu > ul > li.home:hover > a {
  color: #ffffff;
  background: #80BDE1;
}
#cssmenu > ul > li.home > a {
  padding: 12px;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  background: #005B92;
}
#cssmenu > ul > li.social > a {
  padding: 12px;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  background: #85BC20;
  height:40px;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 1200px) {
  #cssmenu {
    width: 100%;
	background: #007ac3;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
#cssmenu > ul > li.social {
	display:none;
}
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    margin-left: -5px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/* Logo */
#logo
{
position: absolute;
left: 0;
top: 0;
height: 85px;
line-height: 85px;
}
#logo h1
{
font-size: 2.25em;
letter-spacing: -1px;
color: #fff;
}
#logo span
{
display: inline-block;
border-left: solid 2px #d0d0d0;
margin-left: 1em;
padding-left: 1em;
}
/* Banner */
#banner
{
margin: 0 0 3em 0;
}
#banner a
{
}
#banner a img
{
width: 100%;
display: block;
}
#banner .caption
{
background: #1e1e1e url('images/bg3.png') top left repeat-x;
font-size: 2em;
color: #aaa;
text-align: center;
text-shadow: -1px -1px 1px rgba(0,0,0,1);
padding: 0.6em 0 0.6em 0;
}
#banner .caption span
{
}
#banner .caption span strong
{
color: #ffffff;
}
#banner .caption .button
{
border: solid 1px #001916;
margin-left: 0.8em;
}
/* Site Footer */
#site-footer a
{
text-decoration: none;
color: #525252;
font-size:14px;
}
#site-footer a:hover
{
text-decoration: underline;
}
#site-footer ul li
{
line-height: 2.5em;
}
#site-footer .divider
{
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
height: 4px;
margin: 1em 0 1em 0;
}
/* Subpage */
.subpage
{
padding-top: 4em !important;
}
.subpage article
{
padding: 0 1em 0 1em;
}
.subpage article.first
{
padding: 0 1em 0 0; min-height:300px
}
.subpage article.last
{
padding: 0 0 0 1em;
}
.subpage h2
{
margin-bottom: 10px;
}
.subpage p
{
margin: 0 0 1.5em 0;
}
.subpage section, .subpage article
{
margin: 0 0 1em 0;
}
/*AutoBreadCrumbs*/
.topnav {
font-size: 0.8em;
color: #000;
padding: 0.5em;
}
.breadCrumbs{margin-left:400px;margin-top:0;margin-bottom:5px;}
/*Features*/
#featurespage{}
#featurespage .featureslist {margin:0; padding:0;}
#featurespage .featureslist ul{margin:0; padding:0; list-style:none;}
#featurespage .featureslist li.feature_odd, #featurespage .featureslist li.feature_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#featurespage .featureslist li.feature_odd{color:#444444; background-color:#efefef ;}
#featurespage .featureslist li.feature_odd a{color:#007AC3; background-color:#efefef ;}
#featurespage .featureslist li.feature_even{color:#444444; background-color:#f8f8f8;}
#featurespage .featureslist li.feature_even a{color:#007AC3;}
#featurespage .featureslist .author .name{font-weight:bold; font-size: 16px; color: #007AC3;}
#featurespage .featureslist .author .name a{font-weight:bold; font-size: 16px; color: #007AC3;}
#featurespage .featureslist .wrote{font-style: italic; color:#007AC3;}
#featurespage .featureslist .submitdate{font-size:smaller;}
#featurespage .featureslist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#featurespage .featureslist li .avatar{float:left; border:1px solid #EEEEEE; margin-right: 15px;}
#featurespage .featureslist li .feature{float:left; border:1px solid #EEEEEE; margin-right: 15px; padding: 3px; background:#fff; margin-top:4px;}
#featurespage .featureslist li .title{font-size: 16px;}
#featurespage .h3{color:#444444; background-color:#E8E8E8; font-size: 14px; font-family: arial, helvetica}
#featurespage .wrote{font-style: italic; color:#007AC3;}
#featurespage .meta{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}#featurespage .meta a{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}
.f_img{border: 1px solid #cccccc;
padding: 2px;
float: left;
background: #f0f0f0;
margin-right: 20px;
float:left; margin:5px 20px 5px 0px
}
/*Articles*/
#Articlespage{}
#Articlespage .Articleslist {margin:0; padding:0;}
#Articlespage .Articleslist ul{margin:0; padding:0; list-style:none;}
#Articlespage .Articleslist li.feature_odd, #Articlespage .Articleslist li.feature_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#Articlespage .Articleslist li.feature_odd{color:#444444; background-color:#efefef ;}
#Articlespage .Articleslist li.feature_odd a{color:#007AC3; background-color:#efefef ;}
#Articlespage .Articleslist li.feature_even{color:#444444; background-color:#f8f8f8;}
#Articlespage .Articleslist li.feature_even a{color:#007AC3;}
#Articlespage .Articleslist .author .name{font-weight:bold; font-size: 16px; color: #007AC3;}
#Articlespage .Articleslist .author .name a{font-weight:bold; font-size: 16px; color: #007AC3;}
#Articlespage .Articleslist .wrote{font-style: italic; color:#007AC3;}
#Articlespage .Articleslist .submitdate{font-size:smaller;}
#Articlespage .Articleslist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#Articlespage .Articleslist li .avatar{float:left; border:1px solid #EEEEEE; margin-right: 15px;}
#Articlespage .Articleslist li .feature{float:left; border:1px solid #EEEEEE; margin-right: 15px; padding: 3px; background:#fff; margin-top:4px;}
#Articlespage .Articleslist li .title{font-size: 16px;}
#Articlespage .h3{color:#444444; background-color:#E8E8E8; font-size: 14px; font-family: arial, helvetica}
#Articlespage .wrote{font-style: italic; color:#007AC3;}
#Articlespage .meta{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}#Articlespage .meta a{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}
/*news*/
#storypage{}
#storypage .storylist {margin:0; padding:0;}
#storypage .storylist ul{margin:0; padding:0; list-style:none;}
#storypage .storylist li.feature_odd, #storypage .storylist li.feature_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#storypage .storylist li.feature_odd{color:#444444; background-color:#efefef ;}
#storypage .storylist li.feature_odd a{color:#007AC3; background-color:#efefef ;}
#storypage .storylist li.feature_even{color:#444444; background-color:#f8f8f8;}
#storypage .storylist li.feature_even a{color:#007AC3;}
#storypage .storylist .author .name{font-weight:bold; font-size: 16px; color: #007AC3;}
#storypage .storylist .author .name a{font-weight:bold; font-size: 16px; color: #007AC3;}
#storypage .storylist .wrote{font-style: italic; color:#007AC3;}
#storypage .storylist .submitdate{font-size:smaller;}
#storypage .storylist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#storypage .storylist li .avatar{float:left; border:1px solid #EEEEEE; margin-right: 15px;}
#storypage .storylist li .feature{float:left; border:1px solid #EEEEEE; margin-right: 15px; padding: 3px; background:#fff; margin-top:4px;}
#storypage .storylist li .title{font-size: 16px;}
#storypage .h3{color:#444444; background-color:#E8E8E8; font-size: 14px; font-family: arial, helvetica}
#storypage .wrote{font-style: italic; color:#007AC3;}
#storypage .meta{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}#storypage .meta a{font-size: 11px; font-weight: normal; color: #9B9B8C; text-transform:capitalize; margin:0;}
/*Blogs*/
.authorBox{background:#efefef; box-shadow:0px 0px 3px #454545; border-radius:5px; padding:10px;}
.authorBox img{padding:3px; border:dashed 1px #ccc}
ul.menu{display:none;}
mobonly{display:none;}
.mobonly{display:none;}
#mobonly{display:none;}