/*===customisation===*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/*=== accessiblity css=====*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*----base typing-----*/
.alert {
    /* border: 1px solid #DCDCDC;*/
    margin: 0 0 1em 0;
    padding: 10px 10px 10px 32px;
    background: #444444 url('/static/images/site/icons/alert-16.png') 10px 12px no-repeat;
    color: #ffffff;
    text-shadow: none;

    /* border radius - non standard 2.1 css */
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}

.alert.inline {
    display: inline-block;
    float: right;
    line-height: 24px;
    padding: 2px 10px 2px 32px;
    background-position: 12px 6px;
}

.page-alert {
    position: fixed;
    right: 45%;
    top: 10px;
    z-index: 100;
}

.alert h2,
.alert h3,
.alert p,
.alert strong,
.alert em {
    color: #ffffff;
}

.alert.friendly {
    background-color: #0033ff;
    background-image: url('/static/images/site/icons/info-16.png');
}
/* -webkit-gradient(linear,left top,left bottom,color-stop(0, #EAF4FB),color-stop(1, #C2DEF3))*/

.alert.success {
    background-color: #2eb82e;
    background-image: url('/static/images/site/icons/success-16.png');
}

.alert.sad {
    background-color: #ebb800;
    background-image: url('/static/images/site/icons/alert-16-white.png');
}

.alert.bad {
    background-color: #e25000;
    background-image: url('/static/images/site/icons/alert-16-white.png');
}

.discreet {
    color: #666665;
}

.alert a:link,
.alert a:visited {
    color: #fff;
    text-decoration: underline;
}

.alert a:hover,
.alert a:active {
}

.inline-icon {
    vertical-align: middle;
}

/*gallery customisation*/

.winner {
    background-color: transparent;
    color: rgb(245, 195, 0);
    font-weight: 700;
    font-size: 1.2em;
}
.silver {
    background-color: transparent;
    color: rgb(45,62,80);
}

.parenttile{
    position: relative;
    top: 200px;
}
.parenttitle a:link,
.parenttitle a:visited {
    background: transparent url('/static/images/site/icons/uplevel-12.png') center left no-repeat;
    /*padding-top: 50px;*/
    padding-left: 16px;
    font-weight: normal;
    color: #9b9ea1;
    font-size: 12px;
    text-transform: uppercase;
}

.parenttitle a:hover,
.parenttitle a:active {
    color: #25acff;
}
/*comments*/

#comments h2 {
    background: transparent url('/static/images/site/icons/comments-16.png') center left no-repeat;
    padding-left: 20px;
}

.comment-content {
    border: 1px solid #dedede;
    padding: 0.5em 1em;
    background-color: #ffffff;
    margin-bottom: 0.5em;

    /* border radius - non standard 2.1 css */
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}

.comment-content:hover {
    border: 1px solid #ccc;

}

.comment-content dl dt {
    background: transparent url('/static/images/site/icons/comment-12.png') 0 2px no-repeat;
    margin-bottom: 1em;
    padding: 0 0 0.25em 16px;
    /*border-bottom: 1px solid #dcdcdc;*/
    color: #5b5b5f;
    font-size: 12px;
}

.comment-content dl dd {
    margin-left: 16px;
}

/* ---(  pagination  ) ---------------------- */


ul.pagination {

    list-style-type: none;
    margin: 0;
    padding: 1em 0;
    display: block;
    border-top: 1px solid #dcdcdc;
}


p.pagination .leader {

    float: left;
    display: block;
    margin: 0 0.25em 0 0;
    line-height: 20px;
    padding: 0 7px 0 0;
}


  ul.pagination li,
  p.pagination a,
  p.pagination strong {

    background: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0 0.25em 0 0;
}


  ul.pagination li a:link,
  ul.pagination li a:visited,
  p.pagination a:link,
  p.pagination a:visited,
  p.pagination strong {

    background-color: #ebebeb;
    border: 1px solid #dedede;
    display: block;
    padding: 0 7px;
    float: left;
    text-align: center;
    min-width: 6px;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #7f7f83 !important;
    outline: none;

    /* border radius - non standard 2.1 css */
    -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
}
p.pagination a:link,
p.pagination a:visited,
p.pagination strong {
    margin-right: 0.25em;
}


ul.pagination li.here a,
p.pagination strong {
    background-color: #dfeef8;
    border: 1px solid #bbdbef;
    color: #009639 !important;
    font-weight: bold;
}

ul.pagination li a:hover,
ul.pagination li a:active {
    border: 1px solid #00b043;
    color: #00b043 !important;
}

/* ---(tables)---*/
.pure-table {
    width: 100%
}
.pure-table-even {
    background-color: white;
}

.pure-table th {
    border-bottom: 1px solid #cbcbcb
}

/* ---(  news  ) ---------------------- */

.news-item {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #aaa;
}

.news-item.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;

}

/* @group 11 NAVIGATION -------------------- */

    /* @group 11.1 MAIN NAVIGATION -------------------- */


    body {
      position: relative;
      width: 100%;
    }

    .header-mobile-toolbar {
        /*background: #d27701;*/
        position: relative;
        width: 100%;
        text-align: right;
        height: 70px;
    }

    .header-search-form {
        left: -999999px;
        position: absolute;
    }

    @media screen and (min-width: 768px) {
        .header-mobile-toolbar {
            display: none;
        }
    }

    /* Toolbar Nav */

    .toolbar-nav {
        color: #fff;
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;

    }

    .toolbar-nav li {
        float: left;
        display: block;
        /*border-left: 1px solid #d78627;*/
        vertical-align: middle;
        height: 70px;
        line-height: 70px;
    }

    .toolbar-nav a {
        display: block;
        padding: 0 16px;
        color: #fff;
        font-size: 1em;
        text-align: center;
        text-decoration: none;
        position: relative;
    }

    .toolbar-nav span {
        color: #fff;
        display: block;
        font-size: 1.8em;
        margin-bottom: 2px;
    }


    .mob-logo {
        position: absolute;
        left: .5em;
        height: 58px;
        top: .5em;
    }

    .mob-logo img {
        height: 52px;
        width: auto;
    }

    /* Close Button for Main Navigation on Mobil */

    .close-btn {
      display: block;
      padding: 0;
      border: 0;
      outline: none;
      color: #ffffff;
      text-decoration: none;
      background-size: 1.875em 1.875em;
      overflow: hidden;
      white-space: nowrap;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-tap-highlight-color: transparent;
    }

    .close-btn:focus, .close-btn:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }

    .nav-btn {
      display: block;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 2.625rem;
      height: 2.25rem;
      padding: 0;
      border: 0;
      outline: none;
      background-size: 1.875em 1.5em;
      overflow: hidden;
      white-space: nowrap;
      color: #fff;
      text-decoration: none;
      font-size: 1.8rem;
      text-align: center;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      -webkit-tap-highlight-color: transparent;
      z-index: 10;
    }

    .nav-btn span {
      vertical-align: top;
      line-height: 1.25;
    }

    .nav-btn:hover, .nav-btn:focus {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
    }

    #outer-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
    }

    #inner-wrap {
      position: relative;
      width: 100%;
    }

    #nav {
      z-index: 1000;
      position: absolute;
      overflow: hidden;
      width: 100%;
      top: 170px;
      color: #fff;
    }

    @media screen and (min-width: 768px) {
        #nav {
            position: relative;
            margin-top: 1.5em;
            top: 0;
            /*right: 1.5em;*/
        }
    }

    #nav .close-btn {
      display: none;
    }

    #nav .close-btn:hover {
        text-decoration: none;
    }

    /*nav wrapper */
    #nav .nav-block {
      z-index: 2;
      position: relative;
    }

    #nav ul {
      *zoom: 1;
      display: block;
      padding: 0;
    }

    #nav ul:before, #nav ul:after {
      content: "";
      display: table;
    }

    #nav ul:after {
      clear: both;
    }

    #nav li {
      display: block;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    #nav li a {
      display: block;
      color: #fff;
      font-size: 1em;
      line-height: 1.28571em;
      font-weight: 400;
      outline: none;
      text-decoration: none;
      /*background: #2f3f50;*/
    }

    #nav li a span {
        color: inherit;
    }

    #nav li a:focus, #nav li a:hover {
      background: #202829;
    }

    #nav li.is-active a {
      color: #fff;
    }

    #top {
      z-index: 100;
      position: relative;
      /*color: #fff;
      background: #d77d02;*/
    }


    #main {
      background: #fff;
      /*min-height: 900px;*/
    }

        /* small screens */
        @media screen and (max-width: 767px) {
          #nav {
            position: absolute;
            top: 0;
            padding-top: 3em;
            overflow-y: auto;
        }

        #nav:not(:target) {
            z-index: 1;
            height: 0;
        }

        #nav:target .close-btn {
            display: block;
        }

        #nav .close-btn {
            position: absolute;
            right: 0.4em;
            top: -1.6em;
            font-size: 1.6em;
        }

        #nav .close-btn span {
            color: #fff;
        }

        #nav .nav-block {
            position: relative;
            padding: 0;
        }

        #nav li {
            position: relative;
            border-top: 1px solid #3b5169;
            margin-left: 0;
        }

        #nav li > ul li {
            border-top: 1px solid #d6dadc;
        }

        #nav li:last-child {
            border-bottom: 1px solid #3b5169;
        }

        #nav li a {
            padding: 0.9em 1.8em 0.9em 0.9em;
        }

        #nav li > ul li a {
            padding: 1em 2em 1em 1em;
        }

        #nav li.has-children > a:after {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .25s ease-out;
            transition: .25s ease-out;
        }

        #nav li.has-children > a.open:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        #nav li.has-children > a:after {
            color: #fff;
            font-family: 'FontAwesome';
            content: "\f078";
            right: 0.9em;
            font-size: 1.0em;
            opacity: .65;
            position: absolute;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .25s ease-out;
            transition: .25s ease-out;
        }

        #nav ul ul li.has-children > a:after {
            color: #9e251f;
            right: 1em;
        }
        #nav li.has-children > a.open:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        #nav ul ul li a {
            background: #ecf2f5;
            color: #202829;
            font-size: 0.889em;
        }

        #nav ul ul li a:hover {
            background: #fff;
        }

        #nav ul ul ul li a {
            background: #efdbdb;
        }

        #nav ul ul,
        #nav ul ul ul {
            position: relative;
            display: block;
            -webkit-transition: opacity .25s ease-out, max-height 1s ease-out;
            transition: opacity .25s ease-out, max-height 1s ease-out;
            max-height: 0;
            overflow: hidden;
        }

        #nav ul li a.open + ul,
        #nav ul ul li a.open + ul {
            max-height: 1000px;
        }

        .js-ready #nav {
            height: 100%;
            width: 80%;
            background: #28394a;
        }

        .js-ready #nav .nav-block {
            background: transparent;
        }

        .js-ready #nav .close-btn {
            display: block;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7;
        }

        .js-ready #nav .close-btn:focus,
        .js-ready #nav .close-btn:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

        .js-ready #nav {
            left: -80%;
        }

        .js-ready #inner-wrap {
            left: 0;
        }

        .js-nav #inner-wrap {
            left: 80%;
        }

        .csstransforms3d.csstransitions.js-ready #nav {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            -ms-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            -webkit-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .csstransforms3d.csstransitions.js-ready #inner-wrap {
            left: 0 !important;
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: -webkit-transform 500ms ease;
            transition: transform 500ms ease;
            -webkit-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .csstransforms3d.csstransitions.js-nav #inner-wrap {
            -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
            -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        }

        .csstransforms3d.csstransitions.js-ready #nav .nav-block {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7;
            -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
            -webkit-transition-delay: ease, 0s;
            -webkit-transition: opacity 300ms 100ms ease, -webkit-transform 500ms ease;
            transition: opacity 300ms 100ms ease, transform 500ms ease;
            -webkit-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
            -ms-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
            transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
            -webkit-transform-origin: 50% 0%;
            -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
        }

        .csstransforms3d.csstransitions.js-nav #nav .nav-block {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @media screen and (min-width: 768px) {
      .nav-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }

      #nav .close-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }

      #nav {
        overflow: visible;
      }

      #nav * {
        -webkit-backface-visibility: hidden;
      }

      #nav ul {
        text-align: left;
        font-size: 0;
      }

      #nav ul li {
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        font-size: 15px; /* set pixels for inline block hack */
        border-right: 1px solid #3d5369;
        vertical-align: top;
        margin-left: 0;
      }

      #nav div > ul > li {
        /*width: 11%;*/
      }

      #nav div > ul.dashboard > li {
        width: 16%;
      }

      #nav li:last-child {
        border-right: none;
      }

      #nav div > ul > li > a {
        padding: 0 1em;
        display: block;
        height: 1em;
        line-height: 1em;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      #nav li a span {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
        color: #fff;
        line-height: 1em;
      }

      #nav ul li a {
        padding: 1em 1em;
        display: block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      #nav > div > ul > li.here > a,
      #nav > div > ul > li.parent-here > a,
      #nav > div > ul > li > ul > li.here > a {
        background: #23313f;
        color: #fff;
        font-weight: bold;
      }

      /* Icon arrows - down */
      #nav > div > ul > li.has-children > a:after {
        content: "\f078";
        font-family: 'FontAwesome';
        position: absolute;
        left: 50%;
        margin-left: -7px;
        margin-top: -27px;
        opacity: .5;
        font-size: 14px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 20px;
        bottom: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      /* Icon arrows - right */
      #nav ul ul > li.has-children > a:after {
        content: "\e605";
        font-family: 'customicons';
        position: absolute;
        right: .5em;
        bottom: 50%;
        margin-top: -9px;
        opacity: .5;
        font-size: 14px;
        line-height: 1em;
      }

      #nav li ul {
        display: block;
        position: absolute;
        left: -999999px;
        opacity: 0;
        -webkit-transition: opacity .25s linear, margin-top .25s ease-out;
        transition: opacity .25s linear, margin-top .25s ease-out;
        margin-top: -1em;
        padding-left: 0;
      }

      /* Subnav - Level 1 ---------- */
      #nav ul ul {
        width: 200px;
      }

      #nav ul ul li {
        border-right: 0;
      }

      #nav ul ul li a {
        background: #304861;
      }

      /* Sub nav wrapper arrow */
      #nav > div > ul > li.has-children:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #9b2523;
        position: absolute;
        bottom: 0;
        opacity: 0;
        margin-left: -7px;
        -moz-transition: opacity .25s ease-out;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
      }

      #nav ul > li.has-children:after {
        opacity: 1;
        bottom: -8px;
      }

      #nav li ul li {
        display: block;
        float: none;
        position: relative;
        text-align: left;
      }

      #nav ul > li:hover > ul {
        left: 0;
        margin-top: 8px;
        opacity: 1;
      }

      #nav ul > li#main-contact:hover > ul {
        right: 0;
        left: auto;
      }

      #nav ul > li:hover ul:before {
        content: "";
        width: 100%;
        height: 8px;
        background: transparent;
        position: absolute;
        top: -8px;
      }

      #nav li > ul > li > ul {
        left: -9999999px;
        border-left: 8px solid transparent;
        margin-top: 0;
      }

      #nav li > ul > li:hover > ul {
        left: 100%;
        top: 0;
        margin-top: 0;
      }



    }

    /* Desktop Only Nav  */
    @media screen and (min-width: 768px) {
        #nav div > ul > li,
        #nav div > ul.dashboard > li  {
            width: auto;
        }
        #nav div > ul > li > a {
            height: auto;
            line-height: 1;
            padding: 1.2em 1.5em;
        }

        #nav li a {
          padding: 1em 1.5em;
        }

       #nav > div > ul > li.has-children > a:after {
            bottom: 0px;
        }
    }



/* ---( form )------------------------------- */

form.inline {
    display: inline-block;
}

form.right {
    float: right;
}

fieldset {
    border: none;
    margin: 0.5em 0 1em 0;
    padding: 0 0 1em 0;
    line-height: 1.2em;
    width: 100%;
    box-sizing: border-box;
}

form fieldset:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

fieldset > p {
    margin: 1em 0px !important;
}

form fieldset:first-child

/* form fieldset > h3 */

{
    margin-top: 0;
}

form fieldset:last-child,
fieldset#contact-form-field {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
}

fieldset#comment-form-field {
    padding-bottom: 0;
    border-bottom: none;
    margin: 0;
}

.standard-form {
    margin: 1em 0 1em 0;
    padding: 0.3125em 0;
    box-sizing: border-box;
    width: 100%;
}

.standard-form h2:first-of-type {
    margin-top: 0.5em;
}


/*.fullwidth .standard-form {
    width: 685px;
}*/

#cart_checkout_form {
    /* width: 493px; */
}

input,
input.vz_url_field,
textarea,
textarea.matrix-textarea {
    background: #f4f4f4;
    border: 1px solid #dcdcdc;
    color: #333335;
    font-size: 1em;

    padding: 0 0.625em;
    line-height: 2em;

    font-family: 'Lucida Grande', sans-serif;
    border-radius: .25em;
}

textarea,
textarea.matrix-textarea {
    line-height: 1.4em;
    padding: 0.625em;
    width: 100%;
    box-sizing: border-box;
}

input.subfield {
    margin-bottom: 0.5em;
}

input.checkbox,
input.radio {
    background: transparent;
    border: 0;
    padding: 0;
    vertical-align: middle;
}

label.radio img {
    vertical-align: middle;
}

input.submit,
a.button-link,
button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 6px 14px;
    line-height: 2em;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    border: none;
    display: inline-block;
    background: #009639;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: .25em;


    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: .25em;
    /* FF1+ */
    -webkit-border-radius: .25em;
    /* Saf3+, Chrome */
    border-radius: .25em;
    /* Opera 10.5, IE 9 */


}

/* a.button-link,
button {
    padding: 6px 8px 5px 8px;
}*/

a.button-link.secondary,
input.submit.secondary,
button.secondary {
    background-color: #777777;
}

a.button-link.add span {

    padding-left: 1em;
    background: transparent url('/static/images/site/icons/add-12.png') center left no-repeat;

}

a.button-link.button-tiny {
    font-size: .5em;

    padding: 3px .25em;

    line-height: .5em;
    text-transform: uppercase;
    font-weight: normal;
    color: #666666;
}

a.button-link.right,
button.right {
    float: right;
}

input:hover.submit,
a:hover.button-link,
button:hover {
    cursor: pointer;
    color: #fff;
    background: #2d3e50;
    text-decoration: none;
}

input:active.submit,
a:active.button-link,
button:active {
    position: relative;
    top: 1px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

button:disabled,
button[disabled]{
    background: #ccc;
    cursor: default;
}

input.example {
    color: #888888;
}

input.fullwidth,
textarea.fullwidth,
.fullwidth textarea {
    width: 100%;
    box-sizing: border-box;
}

fieldset > * input:focus,
fieldset > * textarea:focus {

    border-color: #bbdbef !important;
    border-width: 1px;
    background-color: #ffffff;
    color: #000000;
}


fieldset > * input:focus.error,
fieldset > * textarea:focus.error {

    border-color: #bb421b !important;
}

legend {
    margin: 0;
    padding: 1em 0 0.5em 0;
    font-size: 1.125em;
    color: #000000;
    font-weight: normal;
}

fieldset h3:first-of-type {
    margin: 0;
    padding: 0 0 1em 0;
}

.field,
.field-group,
.formControls {
    margin: 0 1em 0.5em 0 !important;
    padding: .25em 0px !important;
    clear: both;
    box-sizing: border-box;
}


#tabs .field-group {
    border-color: #009639;
}

.field-group > .field {
    float: left;
    border-bottom: none;
    padding: 0;
    clear: none;
    margin-right: 1em !important;
}

.field-group.linear > .field {
    float: none;
    padding: 1em 0px !important;
}

fieldset div.field:last-child,
fieldset div.field:last-of-type,
fieldset > div.field-group:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

#cart_checkout_form .field {
    border: 0;
}

.ajax-update-status .field {
    line-height: 2em;
}

.field.inline {
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
}

.field.noclear {
    clear: none;
}

.field.leftfield {
    float: left;
    padding-right: 1em !important;
    padding-right: 0;
}

.field.lastitem {
    height: 1em;
    margin-bottom: 0;
    padding: 0 !important;
    clear: both;
}

.field label,
.field .label {
    font-family: 'Roboto', 'Roboto Slab', "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    padding: 0;
    line-height: 1em;
    display: block;
    margin: 0 0 0.5em;
    outline: none;
}


.field label {
    cursor: pointer;
}

.field label.checkbox,
.field label.radio,
.field .ff-ft label {
    display: inline;
    margin: 0 1em 0 0.25em;
    font-size: 1em;
    font-weight: normal;
}

.field label.checkbox-alt, .radio-group label.pure-radio, {
  display: block;
  padding: 1em;
  text-indent: -0.5em;
  font-size: 1em;
  font-weight: normal;
}

.radio-group label.pure-radio{
  display: inline-block;
  margin-right: 1em;
}

.radio-group label.pure-radio:hover,
.radio-group label.pure-radio input:hover {
    cursor: pointer;
}

.field label.checkbox-alt > input, .radio-group label.pure-radio > input{
    width: 13px;
    height: 1em;
    padding: 0.5em;
    margin: 0 0.25em;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
}

.field label.select {
    display: inline;
    margin: 0 0.25em 0 0;
    font-weight: normal;
}

.field select {
    font-size: 1em;
}

.field select.select {
    display: inline;
    margin: 0 1em 0 0;
    font-weight: normal;
}

.field label.sublabel,
.field label.checkbox-alt,
.field-options label {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
}

.field label .required,
.field .label .required {
    color: #f0f;
    font-weight: bold;
}

.field label.error {
    background: transparent url('/static/images/site/icons/alert-12.png') top left no-repeat;
    font-size: 12px;
    line-height: 1em;
    margin-left: 0;
    padding-left: 1.25em;
    display: inline-block;
    color: #ff0000;
    font-weight: normal;
    margin-top: 0.25em;
    font-family: 'Roboto', 'Roboto Slab', "Helvetica Neue", Arial, sans-serif;
}


.formHelp {
    color: #515151;
    margin: 0 0 0.5em;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
}

.formHelp:hover {
    color: #333335;
    cursor: default;
}

#pay-for-entry {
    margin-right: 5px;
}

.field.optional {
    display: none;
}

table,
.alert {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);

}

.maxlength-feedback {
    margin: 0.625em 0;
    display: block;
    font-size: .8em;
    text-align: right;
}

#footer-subscribe{
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* ---( subscription form )------------------------------- */

#footer-subscribe{
  text-align: center;
}

#footer-subscribe h2{
  background: transparent;
    padding-left: 0;
    color: #111;
    font-size: 2em;
    margin: 0 0 0.5em 0;
}


#footer-subscribe label, #beASponsor label {
    display: none;
}


#footer-subscribe input, #beASponsor input {
    font-size: 16px;
    /* border: 1px solid #007e2c;*/
    border: none;
    margin-right: 5px;
    line-height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
}

#footer-subscribe input.submit {
    background: #008930;
    color: #fff;
    text-shadow: none;
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); /* FF3.5+ */
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); /* Saf3.0+, Chrome */
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1); /* Opera 10.5, IE 9.0 */
    box-sizing: border-box;
}

#footer-subscribe input.submit:hover, #beASponsor input.submit:hover {
    background: #00a840;
}


#footer-subscribe input, #beASponsor input{
    font-size: inherit;
    margin-right: .333em;
}

#footer-subscribe input.text, #beASponsor input.text{
  border: 2px solid #dcdcdc;
  padding: .3em .6em;
}


#footer-subscribe input.submit, #beASponsor input.submit {
    -moz-box-shadow: 0px 1px 4px #1871a7; /* FF3.5+ */
    -webkit-box-shadow: 0px 1px 4px #1871a7; /* Saf3.0+, Chrome */
    box-shadow: 0px 1px 4px #1871a7; /* Opera 10.5, IE 9.0 */


}

#footer-subscribe input.submit, #beASponsor input.submit, .pure-button-success, .pure-button-choose {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ---( cart extras )------------------------------- */

.item-price {
    text-align: right;
}

dl.totals-info {
    float: right;
}

dl.totals-info dt {
    clear: left;
    width: 150px;
    text-align: left;
    float: left;
    border-top: 1px solid #dcdcdc;
    padding: 0.5em;
}

dl.totals-info dd {
    float: left;
    text-align: right;
    width: 75px;
    border-top: 1px solid #dcdcdc;
    padding: 0.5em;
}

.total-price {
    border-top: 1px solid #666666;
    color: #000000;
    font-weight: bold;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

#cart-table tr.last {
    border-top: 1px solid #dcdcdc;
}

#cart-table tr.last td,
#cart-table tr.total td {
    background-color: #f2f2f2;
}

#cart-table strong {
    color: #000000;
}

#cart-credit {
    float: right;
    color: #515151;
    font-size: 13px;
}

#cart-credit p,
#eWAYBlock {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

#eWAYBlock {
    margin-top: -10px;
}
/*-- extfras --*/
/* buttons */
#footer-subscribe input.submit, #beASponsor input.submit, .pure-button-success, .pure-button-choose, a.button-link, button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1em;
    font-weight: bold;
    padding: 6px 14px !important;
    background-color: #00964d;
    line-height: 2em;
    border: 0;
}

#extras, #footer-subscribe, ##beASponsor {
    text-align: center;
}

.footer-text{
  margin-top: 3.5em;
}

div#awia-credit {
    text-align: center;
    padding: 30px;
}

/* Overlays */
#content .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#content .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#content .ui-tabs .ui-tabs-nav { margin: 0 0 1em; padding: 0; }
#content .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; border: 1px solid #dcdcdc; background-color: #f4f4f4; background-image: none !important; border-radius: 4px; font-size: 1.1em;}
#content .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
#content .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: #ffffff; border-color: #2eb82e; }
#content .ui-tabs .ui-tabs-nav li.ui-tabs-active a:link,
#content .ui-tabs .ui-tabs-nav li.ui-tabs-active a:visited,
#content .ui-tabs .ui-tabs-nav li.ui-state-disabled a:link,
#content .ui-tabs .ui-tabs-nav li.ui-state-disabled a:visited,
#content .ui-tabs .ui-tabs-nav li.ui-tabs-loading a:link,
#content .ui-tabs .ui-tabs-nav li.ui-tabs-loading a:visited { background-color: transparent; color: #000000 !important; cursor: text; }
#content .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a:link,
#content .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a:visited { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#content .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0; background: none; }

#tabs {
    margin: 1em 0;
    padding: 1.5em !important;
    border: 1px #dcdcdc solid;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

#tabs.form-enclosed {
    margin: 0;
    padding: 1.5em 0 !important;
    border: none;
    box-shadow: none;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}


 /* -- TABLET (AND below) MEDIA QUERIES --
 * On tablets and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */
        @media (max-width: 30em) {
            /* header */
            .header{
              /*height: 6em;*/
            }

            /*navigation*/
            .wf-menu-nqnavy{

              padding: 0;
            }
            /*splash section*/
            /* We increase the height of the splash-container */
            .splash-container {
            /*height: 80%;*/
            }
            /* We decrease the width of the .splash, since we have more width
            to work with */
            .splash {
                /*width: 80%;
                height: 70%;
            		margin: 3em auto;
            		top: 5em;
*/
            }
            .splash-head {
                /*font-size: 1.2em;*/
            }

            .splash a{
            	/*display: block;
            	width: 100%;
              height: 50%;*/
            }
            /*content wrapper*/
            .content-wrapper{
              /*top: 75%;*/
            }
            /*footer-subscribe*/
            #footer-subscribe, #beASponsor{
              text-align: center;

            }
            #footer-subscribe form #beASponsor form{
                position: relative;
            }

            #footer-subscribe input, #beASponsor input{
                font-size: inherit;

            }

            #footer-subscribe input.submit, #beASponsor input.submit {
                 font-size: inherit;
                 border: inherit;
                 margin-left: 0;
                 position: relative;
                 left: inherit;
                 top: inherit;
                clear: both;
                display: block;
                text-align: center;
                margin: 5px auto;

            }
            #footer-subscribe input.text, #beASponsor input.text {
              border: 2px solid #dcdcdc;
              padding: .3em .6em;
            }
        }

        @media only screen and (min-width: 1024px){
          /*navigation*/
          .wf-menu-nqnavy>ul>li>a{
            font-size: 1em;
          }
        }

       @media (max-width: 320px) {
        /*buttons make smaller*/


         /*lowered the content-wrapper so that splash will */

         .content-wrapper{
           /*top: 90%;*/
           }