/**************************************/
/*               IMPORTS              */
/**************************************/
@import url(../base-css/tripoli.base.css);
@import url(../base-css/helpers.css);
/**************************************/
/*              CONSTANTS             */
/**************************************/
/**************************************/
/*              GLOBALS               */
/**************************************/
h1, h2, h3, h4, h5, h6 {
  font-weight: lighter; }

body {
  font-family: 'Lato', sans-serif;
  color: #434343;
  background: #fff; }

.content {
  font-family: 'Lato', sans-serif; }

input, textarea {
  font-family: 'Lato', sans-serif; }

a {
  text-decoration: none;
  color: #00709e; }

a:hover {
  text-decoration: underline; }

.container {
  margin: auto; }

.cl-both{
    clear: both;
}

img {
  max-width: 100%;
  height: auto;
  width: auto; }

/******************************************************************************************************************/
/*                                                      COMMONS                                                   */
/******************************************************************************************************************/
button {
  border: none;
  background: #ededed; }

#roll_up {
  background: url(../img/roll_up.png) no-repeat center right;
  text-indent: -9000px;
  padding: 10px 60px 10px 0;
  float: right; }

#top_bar a:first-child {
  float: left; }
#top_bar h1 {
  float: left;
  display: block;
  padding-left: 2%;
  margin-left: 1%;
  margin-top: 3%;
  font-size: 28px;
  border-left: 1px solid #f1f1f1; }
  #top_bar h1 a:hover {
    text-decoration: none; }

/**************************************/
/*               TILES                */
/**************************************/
.tile {
  margin-top: 20px; }
  .tile.dark_blue {
    background: #004c6b; }
  .tile.light_blue {
    background: #00709e; }
  .tile.yellow {
    background: #ffae00; }
  .tile.odd {
    margin-right: 20px; }
  .tile img {
    float: left; }
  .tile a {
    color: #fff;
    width: 50%; }

/******************************************************************************************************************/
/*                                                      DESKTOP                                                   */
/******************************************************************************************************************/
@media only screen and (min-width: 1000px) {
  .rwd-break {
    display: none; }

  .mobile {
    display: none !important; }

  .container {
    width: 1050px; }

  .outer_container {
    width: 1400px;
    margin: auto; }

  .slicknav_menu {
    display: none; }

  #toolbox {
    float: right;
    margin-top: 30px;
    min-width: 290px; }
    #toolbox form {
      float: left;
      width: 70%;
      background: #ededed; }
    #toolbox button {
      padding: 0;
      height: 35px;
      width: 35px;
      float: right;
      background: url(../img/mglass.png) no-repeat center center; }
    #toolbox input[type='text'] {
      margin-right: -3px;
      float: right;
      display: inline;
      background: #ededed;
      border: none;
      height: 33px;
      padding: 2px;
      width: 80%;
      font-size: 14px;
      font-family: 'Lato', sans-serif !important; }
    #toolbox .lang_switcher {
      float: right;
      padding-top: 10px; }
      #toolbox .lang_switcher a {
        float: none !important;
        display: inline-block;
        padding: 0 10px;
        font-size: 16px; }
        #toolbox .lang_switcher a:first-child {
          border-right: 1px solid #004c6b; }
        #toolbox .lang_switcher a.active {
          font-weight: bold; }

  #menu_container {
    border-top: 1px solid #ededed;
    margin-top: 20px; }

  #main_nav {
    list-style: none;
    position: relative;
    text-align: center; }
    #main_nav > li:first-child {
      display: none; }
    #main_nav > li:hover {
      background: #00709e;
      color: #fff; }
      #main_nav > li:hover > a {
        color: #00709e; }
      #main_nav > li:hover > .submenu.no-subcolumns > li {
          width:220px;
          margin:0 auto;
          padding: 10px 0;
          display: block;
      }
      #main_nav > li:hover > .submenu.no-subcolumns > li a{
          color: #00709e;
          font-weight: normal;
      }
      #main_nav > li:hover > .submenu.no-subcolumns > li a:hover{
          font-weight: bold;
      }
    #main_nav li {
      display: inline-block;
      padding: 10px 20px;
      font-size: 19px;
      text-decoration: none;
      color: #00709e;
      border-bottom: 2px solid #fff; }
      #main_nav li:hover {
        border-bottom: 2px solid #ffae00; }
        #main_nav li:hover a {
          color: #fff;
          text-decoration: none; }
        #main_nav li:hover .submenu {
          display: block; }
          #main_nav li:hover .submenu > li > ul {
            padding-top: 20px; }
          #main_nav li:hover .submenu ul li {
              width: 220px;
            /*background: #fff;*/
            font-size: 16px;
            min-width: 180px;
            font-weight: normal;
            padding: 10px 0;
            color: #004c6b;
            display: block;
            text-align: left; }
            #main_nav li:hover .submenu ul li a {
              color: #00709e; }
            #main_nav li:hover .submenu ul li:hover {
              font-weight: bold; }
        #main_nav li:hover > ul {
          width: 100%;
          padding-top: 20px; }
    #main_nav .submenu {
      display: none;
      position: absolute;
      z-index: 2000;
      width: 100%;
      background: #f1f1f1;
      border-top: 3px solid #e1e1e1;
      left: 0;
      right: 0;
      top: 41px; }
      #main_nav .submenu > li {
        vertical-align: top;
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 18px; }
      #main_nav .submenu li {
        float: none;
        position: relative;
        display: inline-block;
        padding: 0 40px 0 0;
        text-align: left;
        text-decoration: none;
        color: #00709e;
        border-bottom: none; }
        #main_nav .submenu li:hover {
          border: none; }

  #lower_menu {
    width: 50%; } }
/******************************************************************************************************************/
/*                                                       MOBILE                                                   */
/******************************************************************************************************************/
@media only screen and (max-width: 800px) {
  #wrap {
    min-height: 0 !important; }

  #toolbox,
  #menu_container {
    display: none; }

  .container {
    width: 90%; }

  #lower_menu {
    margin-bottom: 20px !important; }

  #footer .lower {
    margin-top: 0 !important; } }
@media only screen and (max-width: 480px) {
  .desktop {
    display: none; }

  #top_bar h1 {
    font-size: 18px; }
  #top_bar > a {
    width: 35%;
    padding-left: 2%; }

  #menu_container {
    display: none; }

  #lower_menu {
    padding: 0 20px 20px 20px !important;
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important; }
    #lower_menu a {
      font-size: 14px !important; }

  .upper div {
    float: left !important;
    clear: left;
    padding-left: 20px !important; }

  .lower {
    padding: 0 0 0 20px !important;
    margin-top: 0 !important; }

  #footer {
    margin-top: 0 !important;
    height: auto !important;
    position: static; }

  #main {
    padding-bottom: 0 !important; } }
/**************************************/
/*               FOOTER               */
/**************************************/
#lower_menu {
  float: left;
  list-style: none;
  -webkit-column-break-inside: avoid;
  position: relative;
  padding: 0;
  margin: 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  list-style-position: inside; }
  #lower_menu li {
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -mx-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 0;
    width: 100%;
    float: left;
    background: url(../img/pointer.png) no-repeat 0 5px;
    padding-left: 10px;
    margin-bottom: 5px; }
    #lower_menu li a {
      font-size: 14px; }

#footer .lower {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #ededed; }
  #footer .lower p {
    float: left; }
#footer .upper div {
  float: left;
  padding-right: 40px; }
  #footer .upper div h3 {
    margin-top: 0; }