@font-face {
  font-family: 'patrick_handregular';
  src: url('../assets/patrickhand-regular-webfont.eot');
  src: url('../assets/patrickhand-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../assets/patrickhand-regular-webfont.woff') format('woff'),
       url('../assets/patrickhand-regular-webfont.ttf') format('truetype'),
       url('../assets/patrickhand-regular-webfont.svg#patrick_handregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body { margin: 0; padding: 0;}
body {
  font: 15px/22px Helvetica, Arial, sans-serif;
  color: #2e2e2e;
  text-align: center;
  background: #2e2e2e;
}
a { text-decoration: none; color: #71c714; color: #50910b; }
a:hover { color: #4f9623; }
a.grey { color: #B2B2B2 !important }

.cfx:after { content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;}
.cfx { zoom:1; min-height: 10px;}
* html .clearfix { height: 10px; }

.image-container { border: none;}
form { margin: 0; padding: 0; }
h1, h2, h3 {
  margin: 0;padding: 0px; color: #404040;
  font: normal 30px/35px Arial, Verdana, sans-serif;
}
h2 { font-weight: normal; font-size: 25px; line-height: 1.2em; margin: 0; padding: 0 0 15px 0;}
p { padding: 0; margin: 7px 0 7px 0; }
ul, ol { margin: 0; padding: 6px 0 6px 30px; }
ul { list-style-type: disc; }
ul li, ol li { margin: 0; padding: 3px 0 3px 0px; }

.align-right { text-align: right; }
.align-center { text-align: center; }

.float-right { float: right; }

.font-13 { font-size: 13px;}

.wrap { margin: 0 auto; text-align: left; width: 960px;}

/* input, textarea { -webkit-appearance: none; outline: none; } */

/* btn */
  .btn {
    display: inline-block; outline: 0; cursor: pointer;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    text-shadow: 1px 0px 1px white; color: #333333;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #eaeaea);
    background-image: -moz-linear-gradient(top, #fbfbfb, #eaeaea);
    background-image: -ms-linear-gradient(top, #fbfbfb, #eaeaea);
    background-image: -o-linear-gradient(top, #fbfbfb, #eaeaea);
    background-image: linear-gradient(top, #fbfbfb, #eaeaea);
  }
  .btn:hover { color: #333; }
  .btn-big {
    height: 44px; line-height: 22px; font-size: 18px; font-weight: bold;
    padding-left: 22px; padding-right: 22px;
    border: 1px solid #bdbdbd;
  }
  a.btn-big { padding-top: 12px; height: 32px; }

  .btn-green {
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 3px 0 #2c5207, 0 4px 4px rgba(0,0,0,.55);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 3px 0 #2c5207, 0 4px 4px rgba(0,0,0,.55);
    box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 3px 0 #2c5207, 0 4px 4px rgba(0,0,0,.55);
    border: 1px solid #257007; color: white !important;
    background-color: #9be015; text-shadow: 0 1px 1px rgba(0,0,0,.39);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9be015), to(#4b890a));
    background-image: -webkit-linear-gradient(top, #9be015, #4b890a);
    background-image: -moz-linear-gradient(top, #9be015, #4b890a);
    background-image: -ms-linear-gradient(top, #9be015, #4b890a);
    background-image: -o-linear-gradient(top, #9be015, #4b890a);
    background-image: linear-gradient(top, #9be015, #4b890a);
  }
  .btn-green:hover {
    color: white;
    background-color: #a2e213;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a2e213), to(#519409));
    background-image: -webkit-linear-gradient(top, #a2e213, #519409);
    background-image: -moz-linear-gradient(top, #a2e213, #519409);
    background-image: -ms-linear-gradient(top, #a2e213, #519409);
    background-image: -o-linear-gradient(top, #a2e213, #519409);
    background-image: linear-gradient(top, #a2e213, #519409);
  }
  .btn-green:active {
    background-color: #7ecc12;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7ecc12), to(#427709));
    background-image: -webkit-linear-gradient(top, #7ecc12, #427709);
    background-image: -moz-linear-gradient(top, #7ecc12, #427709);
    background-image: -ms-linear-gradient(top, #7ecc12, #427709);
    background-image: -o-linear-gradient(top, #7ecc12, #427709);
    background-image: linear-gradient(top, #7ecc12, #427709);
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 1px 0 #2c5207, 0 2px 4px rgba(0,0,0,.55);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 1px 0 #2c5207, 0 2px 4px rgba(0,0,0,.55);
    box-shadow: inset 0 0 2px rgba(255,255,255,.3), 0 1px 0 #2c5207, 0 2px 4px rgba(0,0,0,.55);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
  }

/* submit */
  .submit {
    margin: 0; height: 29px; border: 1px solid #4f9529; cursor: pointer;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    font: bold 13px Helvetica, Arial, sans-serif; color: #ffffff; text-shadow: 1px 0 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 0 3px rgba(91,161,52, 0.3); -webkit-box-shadow: 2px 0 3px rgba(91,161,52, 0.3);
    box-shadow: 2px 0 3px rgba(91,161,52, 0.3);
    background-color: #62b035;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6fbd42), to(#56a429));
    background-image: -webkit-linear-gradient(top, #6fbd42, #56a429);
    background-image: -moz-linear-gradient(top, #6fbd42, #56a429);
    background-image: -ms-linear-gradient(top, #6fbd42, #56a429);
    background-image: -o-linear-gradient(top, #6fbd42, #56a429);
    background-image: linear-gradient(top, #6fbd42, #56a429);
  }
  .submit:hover { color: white;}
  a.submit { display: inline-block; padding: 8px 18px 0; height: 21px; }

/* center-block */
  .center-block-holder { position: relative; overflow: hidden; }
    .center-block-wrap { position: relative; left: 50%; float: left; }
      .center-block { position: relative; right: 50%; float: left; }


/* header */
  #header {
    background: white; position: relative; z-index: 100;
    -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
  }

/* logo */
  #logo {
    display: block; height: 35px; width: 121px;  position: absolute; top: 22px; left: 18px;
    background: url('../assets/logo.svg') no-repeat; outline: 0;
  }

/* login-box */
  #login-box { float: right; background: #66b039; background: rgba(103, 180, 58, 0.97); height: 80px; position: relative; }
    #login-box .toggle {
      display: block; height: 52px; padding: 28px 20px 0 20px; outline: 0;
      font-size: 18px; line-height: 20px; color: white; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    }
      #login-box .toggle span { color: #9eff66; }

    #login-box .popup {
      width: 240px; text-shadow: 0 1px 1px rgba(0,0,0,0.57);
      position: absolute; top: 80px; right: 0; display: none;
    }
      #login-box .popup-content {
        background: #66b039; background: rgba(103, 180, 58, 0.97); padding: 15px;
        color: white;
      }
        #login-box .textbox {
          height: 28px; background: #fafdf9; padding: 8px 5px 0;
          border: 3px solid #56a32f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
        }
          #login-box .textbox input {
            border: none; background: none; width: 100%; padding: 0; color: black;
            font: 16px/18px Helvetica, Arial, sans-serif;
          }

        #login-box .submit {
          height: 40px; border: 1px solid #006832;
          background-color: #006531;
          background: -moz-linear-gradient(top, #00783a 0%, #00602e 100%);
          background: -webkit-gradient(linear, left top, left bottom, from(#00783a), to(#00602e));
          background: -webkit-linear-gradient(top, #00783a 0%,#00602e 100%);
          background: linear-gradient(top, #00783a 0%,#00602e 100%);
          -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
          color: white;font: bold 15px Helvetica, Arial, sans-serif; text-shadow: 0 2px 2px rgba(0,0,0,0.25);
          cursor: pointer; padding-left: 25px; padding-right: 25px;
          box-shadow: inset 0 0px 1px white;
        }

      #login-box .popup-bottom {
        background: #057839; background: rgba(5, 120, 57, 0.97); padding: 10px 15px;
        line-height: 27px;
      }
        #login-box .popup-bottom a { color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.57); }
        #login-box .popup-bottom a:hover { color: #8bdd5c; }
        #login-box .popup-bottom .left {
          float: left; height: 26px; border-right: 1px solid #046430;
          padding-right: 10px;
        }
        #login-box .popup-bottom .right { float: right; height: 26px; }


/* mainmenu */
  #mainmenu { margin: 0 0 0 180px; padding: 0 10px 0 0; list-style-type: none; float: right; max-width: 575px; font-size: 0; }
    #mainmenu li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
      #mainmenu a {
        display: block; height: 50px; border-bottom: 7px solid white; padding: 23px 20px 0 20px;
        font-size: 12px; line-height: 12px; color: #757575;
      }
      #mainmenu a:hover { border-bottom: 7px solid #67b33c; }
        #mainmenu a .menu-link-inner { font-size: 18px; font-weight: bold; line-height: 20px; color: #00793a; }
        #mainmenu a:hover .menu-link-inner, #mainmenu a.active .menu-link-inner { color: #67b33c; }

/* language menu */
  #langmenu { float: right; margin-top: 24px; border-left: 1px solid #e1e1e1; position: relative; padding: 0 20px; }
    #langmenu .langmenu-select-content { cursor: pointer; color: #6e6e6e; padding: 0 16px 0 0; height: 28px; line-height: 28px; display: block; position: relative; }
      #langmenu .langmenu-select-content:after { content: ""; position: absolute; top: 9px; right: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #6e6e6e; }
    #langmenu-select { display: block; border: none; position: absolute; left: 20px; bottom: 0; width: 62px; height: 28px; z-index: 10; opacity: 0; filter: alpha(opacity=0); -moz-opacity: .0; cursor: pointer; clear: both; padding: 0; margin: 0; }

/* container */
  #container-holder { background: black url('../images/bottom_bg.gif') repeat; }
  #front #container-holder { background: black url('../images/bottom_bg.gif') repeat; }
    #container-wrap { background: url('../images/container_wrap_bg.jpg') repeat-y center top; margin: 0 auto; position: relative; }
    #front #container-wrap { background: none; height: 516px; overflow: hidden; }

    #front #container-holder .wrap { height: 516px;}
    #front #container-wrap #front-image-container { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1310px; }
    #front #container-wrap #front-image-container img { margin: 0 auto; }
    #front #container-wrap #front-image-container::after { content: "Foto autor: Remo Savisaar"; font-size: 13px; font-style: italic; color: #ffffffdb; position: absolute; bottom: 5px; right: 5px; }



  #container { position: relative; }

  #container-inner { background: white; -webkit-border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; border-radius: 0px 0px 0 0; }
  #container-inner.has-sidebar { background: white url('../images/container_inner_bg.gif') repeat-y left top; }
  #container-inner.has-form { background: white url('../images/container_inner_bg2.gif') repeat-y left top; }


/* result */
  .result-left { float: left; width: 450px; }
    .result-info { background: url('../images/result_info_arr.gif') no-repeat left 10px; padding: 25px 40px 0 30px; }
    .result-info-inner {
      background: url('../images/result_info_car.gif') no-repeat right center; padding: 0 64px 0 0;
      color: #66b039; font: 24px/22px 'patrick_handregular', Helvetica, Arial, sans-serif;
    }

  .result-right {
    width: 155px; padding: 30px 15px 15px; background: #f5f5f5;
    text-align: center; float: right; margin-top: -30px;
  }
    .result-mark { padding-bottom: 10px; }

  .result-graph-holder { padding: 25px 0 15px; position: relative; }
  .result-graph { float: left; width: 225px; height: 225px; min-height: 10px; }
  .result-graph-info { float:right; width: 390px; }
    .graph-mark {
      width: 16px; height: 16px; display: inline-block;
      -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    }

    .graph-tooltip { position: absolute; display: none; top: 0; left: 0; }
      .graph-tooltip-arr {
        height: 0px; width: 0; overflow: hidden; border: 8px solid transparent;
        position: absolute; bottom: -15px; left: 50%; margin-left: -8px; z-index: 100;
        border-top-color: #26292e;
        border-color: rgba(38,41,46,1) rgba(255,255,255,0.01) rgba(255,255,255,0.01) rgba(255,255,255,0.01);
      }
      .graph-tooltip-content {
        white-space: nowrap; padding: 7px 9px; border: 1px solid #26292e;border-color: rgba(38,41,46,1);
        font: bold 13px/15px Helvetica, Arial, sans-serif; color: #ffffff;
        text-shadow: 0 -1px rgba(0,0,0,0.5);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.2);
        box-shadow: 0 2px 5px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.2);

        background-color: #26292e;
        background-color: rgba(38,41,46,1)
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(115,117,121,0.82)), to(rgba(38,41,46,1)));
        background-image: -webkit-linear-gradient(top, rgba(115,117,121,0.82), rgba(38,41,46,1));
        background-image: -moz-linear-gradient(top, rgba(115,117,121,0.82), rgba(38,41,46,1));
        background-image: -ms-linear-gradient(top, rgba(115,117,121,0.82), rgba(38,41,46,1));
        background-image: -o-linear-gradient(top, rgba(115,117,121,0.82), rgba(38,41,46,1));
        background-image: linear-gradient(top, rgba(115,117,121,0.82), rgba(38,41,46,1));
      }
/* gray-bar */
  #gray-bar { padding: 25px 35px; background: #e8e8e8; }
    #gray-bar .left { float: left; }
    #gray-bar .right { float: right; font-size: 15px; color: #808080; padding-top: 4px;}

/* pagination */
  .pagination { height: 33px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
    .pagination a {
      height: 26px; width: 33px; display: block; outline: 0;
      float: left; text-align: center; padding: 7px 0 0;
      border-left: 1px solid #dadada;
      border-right: 1px solid #dadada;
      margin: 0 0 0 -1px; color: #333333;
    }
    .pagination a:hover { color: #71bf44; }
    .pagination a.active { background: #71bf44; color: white !important; }
    .pagination .prev, .pagination .next {
      float: none; position: absolute; top: 0; text-indent: -9999px; margin: 0;
      background: url('../images/pagination_arr.gif') no-repeat;
    }
      .pagination .prev { left: 0; background-position: -1px -1px; }
      .pagination .prev:hover { background-position: -1px -36px; }
      .pagination .next { right: 0; background-position: -37px -1px; }
      .pagination .next:hover { right: 0; background-position: -37px -36px; }

/* browse-search */
  #browse-search .textbox {
    width: 210px; padding: 0 10px 0; height: 27px; background: white; float: left;
    border: 1px solid #d4d4d4; margin-right: 6px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
  }
    #browse-search .textbox input {
      margin: 0; padding: 0; border: none; outline: 0; background: none;
    }

    #browse-search .submit { float: left; }



/* front-content */
  #front-content {
    padding: 150px 60px 0 455px; color: white; font-size: 18px; line-height: 20px; text-shadow: 0 2px 2px rgba(0,0,0,0.25);
  }
    #front-content h1 {
      margin: 0; padding: 0 0 20px 0; color: white; font-size: 58px; line-height: 52px;
      text-shadow: 3px 9px 10px rgba(0,0,0,0.5);
    }

/* sidebar */
  #sidebar { width: 225px; float: left; min-height: 10px; }
    #sidebar .inner { padding: 30px 30px 30px 0; color: white; margin-left: 20px; }
    #sidebar .has-border { border-top: 1px solid #454545; }

    #sidebar h1, #sidebar h2 { color: white; margin: 0; padding: 0 0 10px; 0; }
    #sidebar a { color: #71bf44; }

    #sidebar ul.submenu { margin: 0; padding: 10px 0 10px; list-style-type: none; }
      #sidebar ul.submenu li { margin: 0; padding: 0px 0 0 20px; }
      #sidebar ul.submenu a {
        display: block; outline: 0; padding: 10px 20px 10px 0;
        border-top: 1px solid #454545; color: white;
        font-size: 16px; line-height: 1.2em;
      }
      #sidebar ul a.first { border-top: none; }
      #sidebar ul a:hover, #sidebar ul a.active {
        color: #73ca3f; background: url('../images/sidemenu_a.gif') repeat-y right top;
      }
      #sidebar ul a:hover { color: white; }
      #sidebar ul a.active:hover { color: #73ca3f }

    #sidebar .ico-link { display: block; outline: 0; margin: 0 0 0 0px; color: #727272; line-height: 30px; }
    #sidebar .ico-link:hover { color: white; }
      #sidebar .ico-link span {
        display: block; height: 20px; width: 20px; background: url('../images/link_icons.png') no-repeat;
        float: left; margin-right: 10px; margin-top: 2px; text-indent:-9000px;
      }

      #sidebar .ico-facebook span { background-position: 0 0; }
      #sidebar .ico-facebook:hover span { background-position: -20px 0; }
      #sidebar .ico-twitter span { background-position: 0 -20px; }
      #sidebar .ico-twitter:hover span { background-position: -20px -20px; }
      #sidebar .ico-email span { background-position: 0px -40px; }
      #sidebar .ico-email:hover span { background-position: -20px -40px; }

    #sidebar .edy-menu-menuadd { border-top: none !important; }
    #sidebar .edy-menu-menuadd:hover { background: none; }
/* content */
  #content { padding: 30px 35px; overflow: hidden; }

    #content ul { margin: 0; padding: 0px 0 0px 55px;  margin: 15px 0 15px; list-style-type: none; }
      #content ul li { padding: 5px 0 5px 15px; background: url('../images/list_dot.gif') no-repeat 0 12px; }
    #content ol { margin: 0; padding: 0px 0 0px 70px; margin: 15px 0 15px; }
      #content ol li { padding: 5px 0 5px 0px; }

    #content h1, #content h2, #content h3 { color: #66b039; font-weight: normal; }
    #content h1 { font-size: 25px; line-height: 1.2em; padding: 0; margin: 0 0 10px 0; }
    #content h2 { font-size: 25px; line-height: 1.2em; padding: 0; margin: 25px 0 10px 0; }
    #content h2:first-child { margin-top: 0;}
    #content h3 { font-size: 20px; line-height: 1.2em; padding 0; margin: 25px 0 10px 0; }

    #content .signature { color: #66b039; font-size: 17px; line-height: 1.2em; }

/* news-box */
  .news-box { padding: 20px 0 0; }
  .news-box-first, .news-box-seperate { padding-top: 0px; }
    .news-date {
      width: 60px; height: 43px; float: left; padding-right: 20px; color: white;
      background: url('../images/news_box_date.gif') no-repeat left top; padding-top: 17px;
      font-size: 14px; line-height: 1em; text-transform: uppercase; text-align: center; font-weight: bold;
    }
      .news-date span { display: block;}

    .news-content { float: left; width: 585px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; }
    .news-box-seperate .news-content { border-bottom: none; }
      #content .news-content h2 { padding-top: 10px; }
      .news-content .more-link { color: #71C714; }

    .news-body { padding-top: 1em; }

  .show-more-news {
    display: block; background: url('../images/ico_more.gif') no-repeat 0px 18px; padding: 20px 0 25px 30px;
    color: #898989; font-size: 11px; text-transform: uppercase; line-height: 1.2em; margin-left: 80px;
    cursor: pointer; outline: 0;
  }

/* form-row */
  .form-row { padding: 6px 0 7px; }
    .form-row-left { float: left; width: 435px; padding: 0 42px 0 0; min-height: 54px; }
    .form-row-focus .form-row-left { background: url('../images/form_row_arr.gif') no-repeat right 22px; }

      .form-el-left { float: left; width: 202px; }
      .form-el-right { float: right; width: 202px; }

    .form-row-right { float: left; width: 163px; position: relative; margin-left: 25px; }
      .form-el-tooltip {
        position: absolute; font-size: 13px; line-height: 21px; color: #6e6e6e;
        width: 163px; left: 0; top: 25px; display: none;
      }
      .form-row-focus .form-row-tooltip { display: block; }

    .form-row label { display: block;}
    .form-el-error label { color: #a03131; }

    .form-row .textbox {
      padding: 4px 10px 0; height: 23px;
    }
    .form-row .textbox, .form-row .jb-select {
      border: 1px solid #d4d4d4; background: white; ovweflow: hidden;
      -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  margin-top: 3px;
      -moz-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1);
      -webkit-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1);
      box-shadow: inset 2px 0 6px rgba(0,0,0,0.1);
    }
    .form-el-focus .textbox, .form-el-focus .jb-select {
      border: 1px solid #b4cc9b;
      -moz-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(127,228,81,0.5);
      -webkit-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(127,228,81,0.5);
      box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(127,228,81,0.5);
    }
    .form-el-error .textbox, .form-el-error .jb-select {
      border: 1px solid #cc9b9b; background: #fff3f3;
      -moz-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(228,81,81,0.5);
      -webkit-box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(228,81,81,0.5);
      box-shadow: inset 2px 0 6px rgba(0,0,0,0.1), 0 0 5px rgba(228,81,81,0.5);
    }
      .form-row .textbox input {
        margin: 0; padding: 0; width: 100%; background: none; border: none; outline: 0;
        color: #2e2e2e; font: 15px/1em Helvetica, Arial, sans-serif;
      }

    .form-row input[type=checkbox] { vertical-align: 2px;}


    .form-row select { width: 100%; display: none; }

    .form-row .jb-select { height: 27px; }
      .form-row .jb-select-content {
        padding: 8px 30px 0 10px; background: url('../images/form_select.gif') no-repeat right 0; height: 19px;
      }
      .form-row .jb-select-inner { font: 15px/1em Helvetica, Arial, sans-serif; }
      .form-row .jb-select select {
        height: 29px; font: 13px/1.3em Helvetica, Arial, sans-serif;
      }

/* latest-news */
  .latest-news {
    padding-top: 60px; font-size: 18px; line-height: 22px; color: white;
  }
    .latest-news-label { float: left; background: rgba(29,16,11, 0.5); font-weight: bold; padding: 10px; }
    .latest-news-content { float: left; padding: 10px;}
      .latest-news a { color: white;}
      .latest-news span { color: #67b316; font-weight: bold; }

/* title-box */
  .title-box { padding: 25px 0; }
    .title-box h1, .title-box h2, .title-box h3 { padding: 0; margin: 0; }
    .title-box, .title-box h1, .title-box h2, .title-box h3 {
      font-size: 53px; line-height: 1.2em; color: #ffffff; font-weight: normal;
      text-shadow: 0 0 5px rgba(0,0,0,0.5);
    }

  .title-box .image-container { vertical-align: -10px}

/* toggle-box */
  .toggle-box {}
    .toggle-box-header {background: #f5f5f4; padding: 4px 4px 4px 12px;; }
      .toggle-box-header a.toggle {
        display: block; outline:0; height: 34px; width: 34px; border: 1px solid #dbdbdb; float: right;
        background: white url('../images/toggle_box.gif') no-repeat 0 0;
      }
      .toggle-box-closed .toggle-box-header a.toggle  { background-position: 0 -34px; }
      .toggle-box-header .inner { font-size: 18px; line-height: 20px; padding: 11px 0 0;}
    .toggle-box-content { }
    .toggle-box-closed .toggle-box-content { display: none; }

  #latest-calculations-table {
    table-layout: fixed;
  }

  #latest-calculations-table .order-label {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
  }

/* border-table */
  .border-table { width: 100%; border-collapse: collapse; }
    .border-table td, .border-table th { padding: 7px 10px 6px; }
    .border-table th { font-weight: bold; }
    .border-table td { border-top: 1px solid #e0e0e0; vertical-align: top;  }
    .border-table td.thin { width: 1%; white-space: nowrap; }
    .border-table td.pad-30 { padding-right: 30px; }
    .border-table td.pad-40 { padding-right: 40px; }
    .border-table tr:first-child td { border-top: none;}

    .border-table .right { text-align: right; }
      .border-table .ico { vertical-align: -6px}

    .border-table b.label { color: #6eba42; font-weight: bold; font-size: 15px; }
    .border-table .gray { color: #818181; }

  #bottom .border-table td { border-top: 1px solid #333; padding: 5px; }
  #bottom .border-table tr td:first-child { padding-left: 0; }

/* colored-table */
  .colored-table { width: 100%; border-collapse: collapse; }
    .colored-table td, .colored-table th { padding: 8px 10px; }
    .colored-table th { font-weight: bold; }
    .colored-table .colored td { background: #f5f5f5; }

    .colored-table .right { text-align: right; }
      .colored-table .ico { vertical-align: -6px}


/* bottom */
  #bottom { background: black url('../images/bottom_bg.gif') repeat; color: #b2b2b2; font-size: 13px; line-height: 18px;  }
    #bottom .seps { background: url('../images/bottom_seps.gif') repeat-y left top; min-height: 30px;  }

    #bottom h3 {
      font-size: 15px; line-height: 18px; text-transform: uppercase;
      color: white; margin: 0 0 10px 0; font-weight: bold;
    }
    #bottom .wrap { display: flex; }
    #bottom .col { padding: 30px 0; }
    #bottom .col-1 { width: 280px; margin-right: 25px; border-right: 1px solid #333; }
    #bottom .col-2 {
      width: 255px; margin-right: 20px; padding-left: 130px;
      background: url('../images/bottom_icon.gif') no-repeat 20px 35px;
      border-right: 1px solid #333;
    }
    #bottom .col-3 { width: 190px; margin-right: 20px; margin-left: 20px; }

    #bottom a { color: #6fbc43; }
    #bottom a:hover { color: #5a9f32; }

/* bottom search */
  .bottom-search-box {
    height: 30px; background: #838383; overflow: hidden;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }
    .bottom-search-box .textbox { margin-right: 27px; padding: 7px 7px 0; }
      .bottom-search-box .textbox input {
        margin: 0; padding: 0; background: none; border: none; width: 100%; color: #000000;
        font: 13px/16px Helvetica, Arial, sans-serif;
      }
    .bottom-search-box .submit {
      float: right; width: 27px; height: 30px; border: none;
      margin: 0; padding: 0; background: #373737 url('../images/search_icon.png') no-repeat center center;
    }

/* footer */
  #footer { font-size: 13px; }
  #footer .wrap { min-height: 90px; background: url('../images/footer_bg.gif') no-repeat left top; }
    #footer .inner { color: #777777; padding: 20px 0; text-align: right;  }
    #footer b, #footer strong { color: white; font-weight: bold; }


/* custom-select */
  .jb-select { position: relative; cursor: pointer; }
      .jb-select-content { position: relative; z-index: 5; }
      .jb-select-inner {overflow: hidden;white-space: nowrap;}
      .jb-select select {
        position: absolute;top: 0;left: 0;z-index: 10;border: none;
        margin: 0;padding: 0;display: block;cursor: pointer;opacity: .0;filter: alpha(opacity=0);-moz-opacity: .0;
      }

/* borders */
  .has-border-top { border-top: 1px solid #dbdbdb; }

/* paddings */
  .pad-0-5 { padding: 0 5px; }
  .pad-10-0-0 { padding: 10px 0 0; }
  .pad-10-0 { padding: 10px 0; }
  .pad-15-0 { padding: 15px 0; }
  .pad-20-0 { padding: 20px 0; }
  .pad-20-0-0 { padding: 20px 0 0; }
  .pad-30-0-0 { padding: 30px 0 0; }
  .pad-30-35 { padding: 30px 35px; }


  /* Image container styles */
.edy-positionable-container-center:first-child,
.edy-positionable-container-left-block:first-child,
.edy-positionable-container-right-block:first-child,
.edy-texteditor-container-wrapper-center:first-child,
.edy-texteditor-container-wrapper-left-block:first-child,
.edy-texteditor-container-wrapper-right-block:first-child {
  margin-top: 0;
}

.edy-positionable-container-center:last-child,
.edy-positionable-container-left-block:last-child,
.edy-positionable-container-right-block:last-child,
.edy-texteditor-container-wrapper-center:last-child,
.edy-texteditor-container-wrapper-left-block:last-child,
.edy-texteditor-container-wrapper-right-block:last-child {
  margin-bottom: 0;
}

.edy-positionable-container-center,
.edy-positionable-container-left-block,
.edy-positionable-container-right-block,
.edy-texteditor-container-wrapper-center,
.edy-texteditor-container-wrapper-left-block,
.edy-texteditor-container-wrapper-right-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.edy-positionable-container-left,
.edy-texteditor-container-wrapper-left {
  margin-right: 20px;
}

.edy-positionable-container-right,
.edy-texteditor-container-wrapper-right {
  margin-left: 20px;
}

.edy-image-container-with-title:after {
  display: block;
  padding: 4px;
  font-size: 12px;
  line-height: 1.3em;
  content: attr(data-title);
}


/* Error and notice messages */
div.error, div.notice, div.alert {
  margin: 10px 0;
  font-size: 12px;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px;
}

div.error, div.alert {
  color: #fff;
  background-color: #c52907;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f85230), to(#c52907));
  text-shadow: #800 0 1px 0;
}

div.notice {
  color: rgb(8, 41, 64);
  background-color: #ffeea8;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff4c8), to(#ffea95));
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px;
}

abbr {
  border: none;
}

label.no-block {
  display: inline !important;
}

span.error {
  color: #a03131;
  display: block;
}

.error-msg {
  color: #a03131;
}

a.grey {
  color: #B2B2B2 !important;
}

/* intro */
  #intro-holder { background: black url('../images/bottom_bg.gif') repeat; }
    #intro { height: 180px; background: url('../images/intro_bg.jpg') no-repeat top center; }

    #intro-text {
      background-position: 90px 55px; background-repeat: no-repeat; height: 180px; width: 390px; float: left;
      display: flex; align-items: center;
    }

    #intro-text img {
      height: 180px;
    }

    #intro-scale {  margin-left: 390px; position: relative; height: 180px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 17px; }