/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.aug.2014, 10:23:01
    Author     : admin
*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  padding: 15px 20px;
  border-radius: 5px;
  -webkit-transition: all .15s;
  transition: all .15s; }
  .button--primary {
    color: white;
    background: #2282cb; }
    .button--primary:hover, .button--primary:focus {
      background: #1e74b5; }
    .button--primary:focus {
      -webkit-box-shadow: 0 0 5px #2282cb;
      box-shadow: 0 0 5px #2282cb; }
    .button--primary:active {
      background: #1b669f; }
  .button--block {
    display: block;
    width: 100%; }
  .grid {
  max-width: 1280px;
  margin: 0 auto; }
 .grid {
  zoom: 1; }
  .grid:before, .grid:after  {
    content: " ";
    display: table; }
   .grid:after  {
    clear: both; }
   
   /*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * These are base HTML elements, things with no classes on them, e.g. `h1 {}`,
 * `blockquote {}`.
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Our layout system (note, not grid system) can be used to lay out all manner
 * of things, from full page layouts to individual components.
 */
.col-1 {
  float: left;
  position: relative;
  width: 8.33333%; }

.col-2 {
  float: left;
  position: relative;
  width: 16.66667%; }

.col-3 {
  float: left;
  position: relative;
  width: 25%; }

.col-4 {
  float: left;
  position: relative;
  width: 33.33333%; }

.col-5 {
  float: left;
  position: relative;
  width: 41.66667%; }

.col-6 {
  float: left;
  position: relative;
  width: 50%; }

.col-7 {
  float: left;
  position: relative;
  width: 58.33333%; }

.col-8 {
  float: left;
  position: relative;
  width: 66.66667%; }

.col-9 {
  float: left;
  position: relative;
  width: 75%; }

.col-10 {
  float: left;
  position: relative;
  width: 83.33333%; }

.col-11 {
  float: left;
  position: relative;
  width: 91.66667%; }

.col-12 {
  float: left;
  position: relative;
  width: 100%; }

@media screen and (min-width: 640px) {
  .col-1--md {
    float: left;
    position: relative;
    width: 8.33333%; }

  .col-2--md {
    float: left;
    position: relative;
    width: 16.66667%; }

  .col-3--md {
    float: left;
    position: relative;
    width: 25%; }

  .col-4--md {
    float: left;
    position: relative;
    width: 33.33333%; }

  .col-5--md {
    float: left;
    position: relative;
    width: 41.66667%; }

  .col-6--md {
    float: left;
    position: relative;
    width: 50%; }

  .col-7--md {
    float: left;
    position: relative;
    width: 58.33333%; }

  .col-8--md {
    float: left;
    position: relative;
    width: 66.66667%; }

  .col-9--md {
    float: left;
    position: relative;
    width: 75%; }

  .col-10--md {
    float: left;
    position: relative;
    width: 83.33333%; }

  .col-11--md {
    float: left;
    position: relative;
    width: 91.66667%; }

  .col-12--md {
    float: left;
    position: relative;
    width: 100%; } }
@media screen and (min-width: 960px) {
  .col-1--lg {
    float: left;
    position: relative;
    width: 8.33333%; }

  .col-2--lg {
    float: left;
    position: relative;
    width: 16.66667%; }

  .col-3--lg {
    float: left;
    position: relative;
    width: 25%; }

  .col-4--lg {
    float: left;
    position: relative;
    width: 33.33333%; }

  .col-5--lg {
    float: left;
    position: relative;
    width: 41.66667%; }

  .col-6--lg {
    float: left;
    position: relative;
    width: 50%; }

  .col-7--lg {
    float: left;
    position: relative;
    width: 58.33333%; }

  .col-8--lg {
    float: left;
    position: relative;
    width: 66.66667%; }

  .col-9--lg {
    float: left;
    position: relative;
    width: 75%; }

  .col-10--lg {
    float: left;
    position: relative;
    width: 83.33333%; }

  .col-11--lg {
    float: left;
    position: relative;
    width: 91.66667%; }

  .col-12--lg {
    float: left;
    position: relative;
    width: 100%; } }
@media screen and (min-width: 1280px) {
  .col-1--xl {
    float: left;
    position: relative;
    width: 8.33333%; }

  .col-2--xl {
    float: left;
    position: relative;
    width: 16.66667%; }

  .col-3--xl {
    float: left;
    position: relative;
    width: 25%; }

  .col-4--xl {
    float: left;
    position: relative;
    width: 33.33333%; }

  .col-5--xl {
    float: left;
    position: relative;
    width: 41.66667%; }

  .col-6--xl {
    float: left;
    position: relative;
    width: 50%; }

  .col-7--xl {
    float: left;
    position: relative;
    width: 58.33333%; }

  .col-8--xl {
    float: left;
    position: relative;
    width: 66.66667%; }

  .col-9--xl {
    float: left;
    position: relative;
    width: 75%; }

  .col-10--xl {
    float: left;
    position: relative;
    width: 83.33333%; }

  .col-11--xl {
    float: left;
    position: relative;
    width: 91.66667%; }

  .col-12--xl {
    float: left;
    position: relative;
    width: 100%; } }
/*------------------------------------*\
    OFFSET
\*------------------------------------*/
/**
 * Usage: col-offset-{1-11}
 */
.col-offset-1 {
  margin-left: 8.33333%; }

.col-offset-2 {
  margin-left: 16.66667%; }

.col-offset-3 {
  margin-left: 25%; }

.col-offset-4 {
  margin-left: 33.33333%; }

.col-offset-5 {
  margin-left: 41.66667%; }

.col-offset-6 {
  margin-left: 50%; }

.col-offset-7 {
  margin-left: 58.33333%; }

.col-offset-8 {
  margin-left: 66.66667%; }

.col-offset-9 {
  margin-left: 75%; }

.col-offset-10 {
  margin-left: 83.33333%; }

.col-offset-11 {
  margin-left: 91.66667%; }

@media screen and (min-width: 640px) {
  .col-offset-1--md {
    margin-left: 8.33333%; }

  .col-offset-2--md {
    margin-left: 16.66667%; }

  .col-offset-3--md {
    margin-left: 25%; }

  .col-offset-4--md {
    margin-left: 33.33333%; }

  .col-offset-5--md {
    margin-left: 41.66667%; }

  .col-offset-6--md {
    margin-left: 50%; }

  .col-offset-7--md {
    margin-left: 58.33333%; }

  .col-offset-8--md {
    margin-left: 66.66667%; }

  .col-offset-9--md {
    margin-left: 75%; }

  .col-offset-10--md {
    margin-left: 83.33333%; }

  .col-offset-11--md {
    margin-left: 91.66667%; } }
@media screen and (min-width: 960px) {
  .col-offset-1--lg {
    margin-left: 8.33333%; }

  .col-offset-2--lg {
    margin-left: 16.66667%; }

  .col-offset-3--lg {
    margin-left: 25%; }

  .col-offset-4--lg {
    margin-left: 33.33333%; }

  .col-offset-5--lg {
    margin-left: 41.66667%; }

  .col-offset-6--lg {
    margin-left: 50%; }

  .col-offset-7--lg {
    margin-left: 58.33333%; }

  .col-offset-8--lg {
    margin-left: 66.66667%; }

  .col-offset-9--lg {
    margin-left: 75%; }

  .col-offset-10--lg {
    margin-left: 83.33333%; }

  .col-offset-11--lg {
    margin-left: 91.66667%; }

  .col-offset-12--lg {
    margin-left: 100%; } }
@media screen and (min-width: 1280px) {
  .col-offset-1--xl {
    margin-left: 8.33333%; }

  .col-offset-2--xl {
    margin-left: 16.66667%; }

  .col-offset-3--xl {
    margin-left: 25%; }

  .col-offset-4--xl {
    margin-left: 33.33333%; }

  .col-offset-5--xl {
    margin-left: 41.66667%; }

  .col-offset-6--xl {
    margin-left: 50%; }

  .col-offset-7--xl {
    margin-left: 58.33333%; }

  .col-offset-8--xl {
    margin-left: 66.66667%; }

  .col-offset-9--xl {
    margin-left: 75%; }

  .col-offset-10--xl {
    margin-left: 83.33333%; }

  .col-offset-11--xl {
    margin-left: 91.66667%; } }

.pad-x {
  padding-left: 20px;
  padding-right: 20px; }
.pad-x--small {
  padding-left: 10px;
  padding-right: 10px; }

.pad-y {
  padding-top: 20px;
  padding-bottom: 20px; }
  .pad-y--small {
    padding-top: 2px;
    padding-bottom: 3px; }
  .float--right,
[class*="col-"].float--right {
  float: right; }
  @media screen and (min-width: 640px) {
    .float--right--md,
    [class*="col-"].float--right--md {
      float: right; } }
  @media screen and (min-width: 960px) {
    .float--right--lg,
    [class*="col-"].float--right--lg {
      float: right; } }
  @media screen and (min-width: 1280px) {
    .float--right--xl,
    [class*="col-"].float--right--xl {
      float: right; } }