/*! Lity - v3.0.0-dev - 2018-07-09
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity-active,.lity-active body{overflow:hidden}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}.lity-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{transform:scale(.8)}.lity-content:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}.remodal,[data-remodal-id]{display:none}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.remodal{position:relative;outline:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.remodal-is-initialized{display:inline-block}.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{-webkit-filter:blur(3px);filter:blur(3px)}.remodal-overlay{background:rgba(43,46,56,.9)}.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}.remodal-wrapper{padding:10px 10px 0}.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:25px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}.remodal-close,.remodal-close:before{position:absolute;top:0;left:0;display:block;width:35px}.remodal-cancel,.remodal-close,.remodal-confirm{overflow:visible;margin:0;cursor:pointer;text-decoration:none;outline:0;border:0}.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{height:35px;padding:0;-webkit-transition:color .2s;transition:color .2s;color:#95979c;background:0 0}.remodal-close:focus,.remodal-close:hover{color:#2b2e38}.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;content:"\00d7";text-align:center}.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;min-width:110px;padding:12px 0;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle}.remodal-confirm{color:#fff;background:#81c784}.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}.remodal-cancel{color:#fff;background:#e57373}.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@media only screen and (min-width:641px){.remodal{max-width:700px;} .remodal.pdf{max-width:915px !important;}}.lt-ie9 .remodal-overlay{background:#2b2e38}.lt-ie9 .remodal{width:700px}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    right: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    left: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: transparent;
}

/* was #eeeeee */

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    right: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    right: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

/* Chosen v1.5.1 | (c) 2011-2016 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(chosen-sprite.png) no-repeat 100% -20px;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: 0;
    background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: 0
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: #fff url(chosen-sprite.png) no-repeat -30px -20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

/*! jQuery UI - v1.11.1 - 2014-09-24
* http://jqueryui.com
* Includes: core.css, menu.css, selectmenu.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 10px 2.1em 10px 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

meta.foundation-version {
    font-family: "/5.3.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:50.063em)/";
    width: 50.063em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

body,
html {
    height: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    font-size: 100%
}

body {
    background: #fff;
    color: #000;
    padding: 0;
    margin: 0;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    position: relative;
    cursor: default
}

a:hover {
    cursor: pointer
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    min-height: 50px
}

select {
    width: 100%
}

.row {
    width: 100%;
    margin: 0 auto;
    max-width: 51rem
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse > .column,
.row.collapse > .columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin: 0 -.625rem;
    max-width: none
}

.row .row:after,
.row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:after,
.row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: .625rem;
    padding-right: .625rem;
    width: 100%;
    float: left
}

[class*=column] + [class*=column]:last-child {
    float: right
}

[class*=column] + [class*=column].end {
    float: left
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 12.5%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 37.5%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto
    }

    .small-push-12 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-12 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto
    }

    .small-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto
    }

    .small-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-15 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .small-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .small-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto
    }

    .small-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto
    }

    .small-push-18 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-18 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto
    }

    .small-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto
    }

    .small-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-21 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .small-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .small-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .small-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto
    }

    .small-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .625rem;
        padding-right: .625rem;
        float: left
    }

    .small-1 {
        width: 4.16667%
    }

    .small-2 {
        width: 8.33333%
    }

    .small-3 {
        width: 12.5%
    }

    .small-4 {
        width: 16.66667%
    }

    .small-5 {
        width: 20.83333%
    }

    .small-6 {
        width: 25%
    }

    .small-7 {
        width: 29.16667%
    }

    .small-8 {
        width: 33.33333%
    }

    .small-9 {
        width: 37.5%
    }

    .small-10 {
        width: 41.66667%
    }

    .small-11 {
        width: 45.83333%
    }

    .small-12 {
        width: 50%
    }

    .small-13 {
        width: 54.16667%
    }

    .small-14 {
        width: 58.33333%
    }

    .small-15 {
        width: 62.5%
    }

    .small-16 {
        width: 66.66667%
    }

    .small-17 {
        width: 70.83333%
    }

    .small-18 {
        width: 75%
    }

    .small-19 {
        width: 79.16667%
    }

    .small-20 {
        width: 83.33333%
    }

    .small-21 {
        width: 87.5%
    }

    .small-22 {
        width: 91.66667%
    }

    .small-23 {
        width: 95.83333%
    }

    .small-24 {
        width: 100%
    }

    .small-offset-0 {
        margin-left: 0 !important
    }

    .small-offset-1 {
        margin-left: 4.16667% !important
    }

    .small-offset-2 {
        margin-left: 8.33333% !important
    }

    .small-offset-3 {
        margin-left: 12.5% !important
    }

    .small-offset-4 {
        margin-left: 16.66667% !important
    }

    .small-offset-5 {
        margin-left: 20.83333% !important
    }

    .small-offset-6 {
        margin-left: 25% !important
    }

    .small-offset-7 {
        margin-left: 29.16667% !important
    }

    .small-offset-8 {
        margin-left: 33.33333% !important
    }

    .small-offset-9 {
        margin-left: 37.5% !important
    }

    .small-offset-10 {
        margin-left: 41.66667% !important
    }

    .small-offset-11 {
        margin-left: 45.83333% !important
    }

    .small-offset-12 {
        margin-left: 50% !important
    }

    .small-offset-13 {
        margin-left: 54.16667% !important
    }

    .small-offset-14 {
        margin-left: 58.33333% !important
    }

    .small-offset-15 {
        margin-left: 62.5% !important
    }

    .small-offset-16 {
        margin-left: 66.66667% !important
    }

    .small-offset-17 {
        margin-left: 70.83333% !important
    }

    .small-offset-18 {
        margin-left: 75% !important
    }

    .small-offset-19 {
        margin-left: 79.16667% !important
    }

    .small-offset-20 {
        margin-left: 83.33333% !important
    }

    .small-offset-21 {
        margin-left: 87.5% !important
    }

    .small-offset-22 {
        margin-left: 91.66667% !important
    }

    .small-offset-23 {
        margin-left: 95.83333% !important
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none
    }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left
    }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 12.5%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 37.5%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto
    }

    .medium-push-12 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-12 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto
    }

    .medium-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto
    }

    .medium-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-15 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .medium-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .medium-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto
    }

    .medium-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto
    }

    .medium-push-18 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-18 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto
    }

    .medium-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto
    }

    .medium-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-21 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .medium-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .medium-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .medium-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto
    }

    .medium-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .625rem;
        padding-right: .625rem;
        float: left
    }

    .medium-1 {
        width: 4.16667%
    }

    .medium-2 {
        width: 8.33333%
    }

    .medium-3 {
        width: 12.5%
    }

    .medium-4 {
        width: 16.66667%
    }

    .medium-5 {
        width: 20.83333%
    }

    .medium-6 {
        width: 25%
    }

    .medium-7 {
        width: 29.16667%
    }

    .medium-8 {
        width: 33.33333%
    }

    .medium-9 {
        width: 37.5%
    }

    .medium-10 {
        width: 41.66667%
    }

    .medium-11 {
        width: 45.83333%
    }

    .medium-12 {
        width: 50%
    }

    .medium-13 {
        width: 54.16667%
    }

    .medium-14 {
        width: 58.33333%
    }

    .medium-15 {
        width: 62.5%
    }

    .medium-16 {
        width: 66.66667%
    }

    .medium-17 {
        width: 70.83333%
    }

    .medium-18 {
        width: 75%
    }

    .medium-19 {
        width: 79.16667%
    }

    .medium-20 {
        width: 83.33333%
    }

    .medium-21 {
        width: 87.5%
    }

    .medium-22 {
        width: 91.66667%
    }

    .medium-23 {
        width: 95.83333%
    }

    .medium-24 {
        width: 100%
    }

    .medium-offset-0 {
        margin-left: 0 !important
    }

    .medium-offset-1 {
        margin-left: 4.16667% !important
    }

    .medium-offset-2 {
        margin-left: 8.33333% !important
    }

    .medium-offset-3 {
        margin-left: 12.5% !important
    }

    .medium-offset-4 {
        margin-left: 16.66667% !important
    }

    .medium-offset-5 {
        margin-left: 20.83333% !important
    }

    .medium-offset-6 {
        margin-left: 25% !important
    }

    .medium-offset-7 {
        margin-left: 29.16667% !important
    }

    .medium-offset-8 {
        margin-left: 33.33333% !important
    }

    .medium-offset-9 {
        margin-left: 37.5% !important
    }

    .medium-offset-10 {
        margin-left: 41.66667% !important
    }

    .medium-offset-11 {
        margin-left: 45.83333% !important
    }

    .medium-offset-12 {
        margin-left: 50% !important
    }

    .medium-offset-13 {
        margin-left: 54.16667% !important
    }

    .medium-offset-14 {
        margin-left: 58.33333% !important
    }

    .medium-offset-15 {
        margin-left: 62.5% !important
    }

    .medium-offset-16 {
        margin-left: 66.66667% !important
    }

    .medium-offset-17 {
        margin-left: 70.83333% !important
    }

    .medium-offset-18 {
        margin-left: 75% !important
    }

    .medium-offset-19 {
        margin-left: 79.16667% !important
    }

    .medium-offset-20 {
        margin-left: 83.33333% !important
    }

    .medium-offset-21 {
        margin-left: 87.5% !important
    }

    .medium-offset-22 {
        margin-left: 91.66667% !important
    }

    .medium-offset-23 {
        margin-left: 95.83333% !important
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none
    }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left
    }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 4.16667%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 12.5%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 12.5%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 20.83333%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 29.16667%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 37.5%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 37.5%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 45.83333%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto
    }

    .push-12 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-12 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-13 {
        position: relative;
        left: 54.16667%;
        right: auto
    }

    .pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto
    }

    .push-14 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-15 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .pull-15 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .push-16 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-17 {
        position: relative;
        left: 70.83333%;
        right: auto
    }

    .pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto
    }

    .push-18 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-18 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-19 {
        position: relative;
        left: 79.16667%;
        right: auto
    }

    .pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto
    }

    .push-20 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-21 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .pull-21 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .push-22 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .push-23 {
        position: relative;
        left: 95.83333%;
        right: auto
    }

    .pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto
    }
}

@media only screen and (min-width: 50.063em) {
    .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 12.5%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 37.5%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto
    }

    .large-push-12 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-12 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto
    }

    .large-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto
    }

    .large-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-15 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .large-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .large-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto
    }

    .large-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto
    }

    .large-push-18 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-18 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto
    }

    .large-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto
    }

    .large-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-21 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .large-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .large-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .large-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto
    }

    .large-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto
    }

    .column,
    .columns {
        position: relative;
        padding-left: .625rem;
        padding-right: .625rem;
        float: left
    }

    .large-1 {
        width: 4.16667%
    }

    .large-2 {
        width: 8.33333%
    }

    .large-3 {
        width: 12.5%
    }

    .large-4 {
        width: 16.66667%
    }

    .large-5 {
        width: 20.83333%
    }

    .large-6 {
        width: 25%
    }

    .large-7 {
        width: 29.16667%
    }

    .large-8 {
        width: 33.33333%
    }

    .large-9 {
        width: 37.5%
    }

    .large-10 {
        width: 41.66667%
    }

    .large-11 {
        width: 45.83333%
    }

    .large-12 {
        width: 50%
    }

    .large-13 {
        width: 54.16667%
    }

    .large-14 {
        width: 58.33333%
    }

    .large-15 {
        width: 62.5%
    }

    .large-16 {
        width: 66.66667%
    }

    .large-17 {
        width: 70.83333%
    }

    .large-18 {
        width: 75%
    }

    .large-19 {
        width: 79.16667%
    }

    .large-20 {
        width: 83.33333%
    }

    .large-21 {
        width: 87.5%
    }

    .large-22 {
        width: 91.66667%
    }

    .large-23 {
        width: 95.83333%
    }

    .large-24 {
        width: 100%
    }

    .large-offset-0 {
        margin-left: 0 !important
    }

    .large-offset-1 {
        margin-left: 4.16667% !important
    }

    .large-offset-2 {
        margin-left: 8.33333% !important
    }

    .large-offset-3 {
        margin-left: 12.5% !important
    }

    .large-offset-4 {
        margin-left: 16.66667% !important
    }

    .large-offset-5 {
        margin-left: 20.83333% !important
    }

    .large-offset-6 {
        margin-left: 25% !important
    }

    .large-offset-7 {
        margin-left: 29.16667% !important
    }

    .large-offset-8 {
        margin-left: 33.33333% !important
    }

    .large-offset-9 {
        margin-left: 37.5% !important
    }

    .large-offset-10 {
        margin-left: 41.66667% !important
    }

    .large-offset-11 {
        margin-left: 45.83333% !important
    }

    .large-offset-12 {
        margin-left: 50% !important
    }

    .large-offset-13 {
        margin-left: 54.16667% !important
    }

    .large-offset-14 {
        margin-left: 58.33333% !important
    }

    .large-offset-15 {
        margin-left: 62.5% !important
    }

    .large-offset-16 {
        margin-left: 66.66667% !important
    }

    .large-offset-17 {
        margin-left: 70.83333% !important
    }

    .large-offset-18 {
        margin-left: 75% !important
    }

    .large-offset-19 {
        margin-left: 79.16667% !important
    }

    .large-offset-20 {
        margin-left: 83.33333% !important
    }

    .large-offset-21 {
        margin-left: 87.5% !important
    }

    .large-offset-22 {
        margin-left: 91.66667% !important
    }

    .large-offset-23 {
        margin-left: 95.83333% !important
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left
    }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none
    }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right
    }

    .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 4.16667%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 12.5%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 12.5%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 20.83333%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 29.16667%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 37.5%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 37.5%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 45.83333%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto
    }

    .push-12 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-12 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-13 {
        position: relative;
        left: 54.16667%;
        right: auto
    }

    .pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto
    }

    .push-14 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-15 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .pull-15 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .push-16 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-17 {
        position: relative;
        left: 70.83333%;
        right: auto
    }

    .pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto
    }

    .push-18 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-18 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-19 {
        position: relative;
        left: 79.16667%;
        right: auto
    }

    .pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto
    }

    .push-20 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-21 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .pull-21 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .push-22 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .push-23 {
        position: relative;
        left: 95.83333%;
        right: auto
    }

    .pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto
    }
}

.accordion {
    margin-bottom: 0
}

.accordion:after,
.accordion:before {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important
}

.accordion .accordion-navigation.active > a,
.accordion dd.active > a {
    background: #e8e8e8
}

.accordion .accordion-navigation > a,
.accordion dd > a {
    background: #efefef;
    color: #222;
    padding: 1rem;
    display: block;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1rem
}

.accordion .accordion-navigation > a:hover,
.accordion dd > a:hover {
    background: #e3e3e3
}

.accordion .accordion-navigation > .content,
.accordion dd > .content {
    display: none;
    padding: .625rem
}

.accordion .accordion-navigation > .content.active,
.accordion dd > .content.active {
    display: block;
    background: #fff
}

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: 500;
    margin-bottom: 1.25rem;
    position: relative;
    padding: .875rem 1.5rem .875rem .875rem;
    font-size: .8125rem;
    transition: opacity 300ms ease-out;
    background-color: #ffa000;
    border-color: #db8700;
    color: #fff
}

.alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -.6875rem;
    right: .25rem;
    color: #333;
    opacity: .3
}

.alert-box .close:focus,
.alert-box .close:hover {
    opacity: .5
}

.alert-box.radius {
    border-radius: 3px
}

.alert-box.round {
    border-radius: 1000px
}

.alert-box.success {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2b0f;
    color: #fff
}

.alert-box.secondary {
    background-color: #ffa000;
    border-color: #db8700;
    color: #fff
}

.alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #fff
}

.alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #573500
}

.alert-box.alert-close {
    opacity: 0
}

[class*=block-grid-] {
    display: block;
    padding: 0;
    margin: 0 -.625rem
}

[class*=block-grid-]:after,
[class*=block-grid-]:before {
    content: " ";
    display: table
}

[class*=block-grid-]:after {
    clear: both
}

[class*=block-grid-] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 .625rem 1.25rem
}

@media only screen {
    .small-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

    .small-block-grid-1 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

    .small-block-grid-2 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }

    .small-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

    .small-block-grid-3 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

    .small-block-grid-4 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

    .small-block-grid-5 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

    .small-block-grid-6 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

    .small-block-grid-7 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

    .small-block-grid-8 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

    .small-block-grid-9 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

    .small-block-grid-10 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

    .small-block-grid-11 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

    .small-block-grid-12 > li:nth-of-type(1n) {
        clear: none
    }

    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

    .medium-block-grid-1 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }

    .medium-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

    .medium-block-grid-2 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }

    .medium-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

    .medium-block-grid-3 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }

    .medium-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

    .medium-block-grid-4 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }

    .medium-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

    .medium-block-grid-5 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }

    .medium-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

    .medium-block-grid-6 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }

    .medium-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

    .medium-block-grid-7 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }

    .medium-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

    .medium-block-grid-8 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }

    .medium-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

    .medium-block-grid-9 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }

    .medium-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

    .medium-block-grid-10 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }

    .medium-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

    .medium-block-grid-11 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }

    .medium-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

    .medium-block-grid-12 > li:nth-of-type(1n) {
        clear: none
    }

    .medium-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width: 50.063em) {
    .large-block-grid-1 > li {
        width: 100%;
        list-style: none
    }

    .large-block-grid-1 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2 > li {
        width: 50%;
        list-style: none
    }

    .large-block-grid-2 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both
    }

    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none
    }

    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4 > li {
        width: 25%;
        list-style: none
    }

    .large-block-grid-4 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5 > li {
        width: 20%;
        list-style: none
    }

    .large-block-grid-5 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6 > li {
        width: 16.66667%;
        list-style: none
    }

    .large-block-grid-6 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7 > li {
        width: 14.28571%;
        list-style: none
    }

    .large-block-grid-7 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8 > li {
        width: 12.5%;
        list-style: none
    }

    .large-block-grid-8 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9 > li {
        width: 11.11111%;
        list-style: none
    }

    .large-block-grid-9 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10 > li {
        width: 10%;
        list-style: none
    }

    .large-block-grid-10 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11 > li {
        width: 9.09091%;
        list-style: none
    }

    .large-block-grid-11 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12 > li {
        width: 8.33333%;
        list-style: none
    }

    .large-block-grid-12 > li:nth-of-type(1n) {
        clear: none
    }

    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both
    }
}

.breadcrumbs {
    display: block;
    padding: .5625rem .875rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #ffd38c;
    border-color: #ffc464;
    border-radius: 3px
}

.breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: .6875rem;
    line-height: .6875rem;
    text-transform: uppercase;
    color: #ffa000
}

.breadcrumbs > :focus a,
.breadcrumbs > :hover a {
    text-decoration: underline
}

.breadcrumbs > * a {
    color: #ffa000
}

.breadcrumbs > .current,
.breadcrumbs > .current a {
    cursor: default;
    color: #333
}

.breadcrumbs > .current:focus,
.breadcrumbs > .current:focus a,
.breadcrumbs > .current:hover,
.breadcrumbs > .current:hover a {
    text-decoration: none
}

.breadcrumbs > .unavailable,
.breadcrumbs > .unavailable a {
    color: #999
}

.breadcrumbs > .unavailable a:focus,
.breadcrumbs > .unavailable:focus,
.breadcrumbs > .unavailable:hover,
.breadcrumbs > .unavailable:hover a {
    text-decoration: none;
    color: #999;
    cursor: default
}

.breadcrumbs > :before {
    content: "/";
    color: #aaa;
    margin: 0 .75rem;
    position: relative;
    top: 1px
}

.breadcrumbs > :first-child:before {
    content: " ";
    margin: 0
}

.button,
button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding: .625rem 1.25rem .6875rem;
    font-size: 1rem;
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff;
    transition: background-color 300ms ease-out
}

.button:focus,
.button:hover,
button:focus,
button:hover {
    background-color: #cc7e00;
    color: #fff
}

.button.secondary,
button.secondary {
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff
}

.button.secondary:focus,
.button.secondary:hover,
button.secondary:focus,
button.secondary:hover {
    background-color: #cc7e00;
    color: #fff
}

.button.success,
button.success {
    background-color: #43ac6a;
    border-color: #368a54;
    color: #fff
}

.button.success:focus,
.button.success:hover,
button.success:focus,
button.success:hover {
    background-color: #368a54;
    color: #fff
}

.button.alert,
button.alert {
    background-color: #f04124;
    border-color: #cf280e;
    color: #fff
}

.button.alert:focus,
.button.alert:hover,
button.alert:focus,
button.alert:hover {
    background-color: #cf280e;
    color: #fff
}

.button.large,
.button.small,
.button.tiny,
button.large,
button.small,
button.tiny {
    padding: .625rem 1.25rem .6875rem;
    font-size: 1rem
}

.button.expand,
button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.button.left-align,
button.left-align {
    text-align: left;
    text-indent: .75rem
}

.button.right-align,
button.right-align {
    text-align: right;
    padding-right: .75rem
}

.button.radius,
button.radius {
    border-radius: 3px
}

.button.round,
button.round {
    border-radius: 1000px
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover,
button.disabled:focus,
button.disabled:hover,
button[disabled]:focus,
button[disabled]:hover {
    color: #fff;
    background-color: #ffa000
}

.button.disabled.secondary,
.button[disabled].secondary,
button.disabled.secondary,
button[disabled].secondary {
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover,
button.disabled.secondary:focus,
button.disabled.secondary:hover,
button[disabled].secondary:focus,
button[disabled].secondary:hover {
    color: #fff;
    background-color: #ffa000
}

.button.disabled.success,
.button[disabled].success,
button.disabled.success,
button[disabled].success {
    background-color: #43ac6a;
    border-color: #368a54;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover,
button.disabled.success:focus,
button.disabled.success:hover,
button[disabled].success:focus,
button[disabled].success:hover {
    color: #fff;
    background-color: #43ac6a
}

.button.disabled.alert,
.button[disabled].alert,
button.disabled.alert,
button[disabled].alert {
    background-color: #f04124;
    border-color: #cf280e;
    color: #fff;
    cursor: default;
    opacity: .7;
    box-shadow: none
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover,
button.disabled.alert:focus,
button.disabled.alert:hover,
button[disabled].alert:focus,
button[disabled].alert:hover {
    color: #fff;
    background-color: #f04124
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media only screen and (min-width: 40.063em) {
    .button,
    button {
        display: inline-block
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0
}

.button-group:after,
.button-group:before {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group > li {
    margin: 0;
    float: left
}

.button-group > li .button,
.button-group > li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group > li:first-child .button,
.button-group > li:first-child button {
    border-left: 0
}

.button-group > li:first-child {
    margin-left: 0
}

.button-group.radius > * .button,
.button-group.radius > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.radius > :first-child .button,
.button-group.radius > :first-child button {
    border-left: 0
}

.button-group.radius > *,
.button-group.radius > * > .button,
.button-group.radius > * > a,
.button-group.radius > * > button {
    border-radius: 0
}

.button-group.radius > :first-child,
.button-group.radius > :first-child > .button,
.button-group.radius > :first-child > a,
.button-group.radius > :first-child > button {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius > :last-child,
.button-group.radius > :last-child > .button,
.button-group.radius > :last-child > a,
.button-group.radius > :last-child > button {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.button-group.round > * .button,
.button-group.round > * > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.round > :first-child .button,
.button-group.round > :first-child button {
    border-left: 0
}

.button-group.round > *,
.button-group.round > * > .button,
.button-group.round > * > a,
.button-group.round > * > button {
    border-radius: 0
}

.button-group.round > :first-child,
.button-group.round > :first-child > .button,
.button-group.round > :first-child > a,
.button-group.round > :first-child > button {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round > :last-child,
.button-group.round > :last-child > .button,
.button-group.round > :last-child > a,
.button-group.round > :last-child > button {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.button-group.even-2 li {
    width: 50%
}

.button-group.even-2 li .button,
.button-group.even-2 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-2 li:first-child .button,
.button-group.even-2 li:first-child button {
    border-left: 0
}

.button-group.even-2 li .button,
.button-group.even-2 li button {
    width: 100%
}

.button-group.even-3 li {
    width: 33.33333%
}

.button-group.even-3 li .button,
.button-group.even-3 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-3 li:first-child .button,
.button-group.even-3 li:first-child button {
    border-left: 0
}

.button-group.even-3 li .button,
.button-group.even-3 li button {
    width: 100%
}

.button-group.even-4 li {
    width: 25%
}

.button-group.even-4 li .button,
.button-group.even-4 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-4 li:first-child .button,
.button-group.even-4 li:first-child button {
    border-left: 0
}

.button-group.even-4 li .button,
.button-group.even-4 li button {
    width: 100%
}

.button-group.even-5 li {
    width: 20%
}

.button-group.even-5 li .button,
.button-group.even-5 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-5 li:first-child .button,
.button-group.even-5 li:first-child button {
    border-left: 0
}

.button-group.even-5 li .button,
.button-group.even-5 li button {
    width: 100%
}

.button-group.even-6 li {
    width: 16.66667%
}

.button-group.even-6 li .button,
.button-group.even-6 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-6 li:first-child .button,
.button-group.even-6 li:first-child button {
    border-left: 0
}

.button-group.even-6 li .button,
.button-group.even-6 li button {
    width: 100%
}

.button-group.even-7 li {
    width: 14.28571%
}

.button-group.even-7 li .button,
.button-group.even-7 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-7 li:first-child .button,
.button-group.even-7 li:first-child button {
    border-left: 0
}

.button-group.even-7 li .button,
.button-group.even-7 li button {
    width: 100%
}

.button-group.even-8 li {
    width: 12.5%
}

.button-group.even-8 li .button,
.button-group.even-8 li > button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, .5)
}

.button-group.even-8 li:first-child .button,
.button-group.even-8 li:first-child button {
    border-left: 0
}

.button-group.even-8 li .button,
.button-group.even-8 li button {
    width: 100%
}

.button-bar:after,
.button-bar:before {
    content: " ";
    display: table
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .625rem
}

.button-bar .button-group div {
    overflow: hidden
}

.clearing-thumbs,
[data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.clearing-thumbs:after,
.clearing-thumbs:before,
[data-clearing]:after,
[data-clearing]:before {
    content: " ";
    display: table
}

.clearing-thumbs:after,
[data-clearing]:after {
    clear: both
}

.clearing-thumbs li,
[data-clearing] li {
    float: left;
    margin-right: 10px
}

.clearing-thumbs[class*=block-grid-] li,
[data-clearing][class*=block-grid-] li {
    margin-right: 0
}

.clearing-blackout {
    background: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998
}

.clearing-blackout .clearing-close {
    display: block
}

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0
}

.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa;
    font-size: .6em
}

.visible-img {
    height: 95%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%
}

.clearing-caption {
    color: #ccc;
    font-size: .875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #ccc;
    display: none
}

.clearing-close:focus,
.clearing-close:hover {
    color: #ccc
}

.clearing-assembled .clearing-container {
    height: 100%
}

.clearing-assembled .clearing-container .carousel > ul,
.clearing-feature li {
    display: none
}

.clearing-feature li.clearing-featured-img {
    display: block
}

@media only screen and (min-width: 40.063em) {
    .clearing-main-next,
    .clearing-main-prev {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0
    }

    .clearing-main-next > span,
    .clearing-main-prev > span {
        position: absolute;
        top: 50%;
        display: block;
        width: 0;
        height: 0;
        border: 12px solid
    }

    .clearing-main-next > span:hover,
    .clearing-main-prev > span:hover {
        opacity: .8
    }

    .clearing-main-prev {
        left: 0
    }

    .clearing-main-prev > span {
        left: 5px;
        border-color: transparent;
        border-right-color: #ccc
    }

    .clearing-main-next {
        right: 0
    }

    .clearing-main-next > span {
        border-color: transparent;
        border-left-color: #ccc
    }

    .clearing-main-next.disabled,
    .clearing-main-prev.disabled {
        opacity: .3
    }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51, 51, 51, .8);
        height: 120px;
        margin-top: 10px;
        text-align: center
    }

    .clearing-assembled .clearing-container .carousel > ul {
        display: inline-block;
        z-index: 999;
        height: 100%;
        position: relative;
        float: none
    }

    .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: .4;
        clear: none
    }

    .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
        height: 100%;
        max-width: none
    }

    .clearing-assembled .clearing-container .carousel > ul li a.th {
        border: none;
        box-shadow: none;
        display: block
    }

    .clearing-assembled .clearing-container .carousel > ul li img {
        cursor: pointer !important;
        width: 100% !important
    }

    .clearing-assembled .clearing-container .carousel > ul li.visible {
        opacity: 1
    }

    .clearing-assembled .clearing-container .carousel > ul li:hover {
        opacity: .8
    }

    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        overflow: hidden;
        height: 85%
    }

    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0
    }
}

.f-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 99;
    margin-top: 2px;
    max-width: 200px
}

.f-dropdown > :first-child {
    margin-top: 0
}

.f-dropdown > :last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99
}

.f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px inset;
    border-color: transparent transparent #ccc;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px
}

.f-dropdown.drop-right > :first-child {
    margin-top: 0
}

.f-dropdown.drop-right > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 99
}

.f-dropdown.drop-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px inset;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 98
}

.f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 99;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px
}

.f-dropdown.drop-left > :first-child {
    margin-top: 0
}

.f-dropdown.drop-left > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-left:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent transparent #fff;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 99
}

.f-dropdown.drop-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px inset;
    border-color: transparent transparent transparent #ccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 98
}

.f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 99;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px
}

.f-dropdown.drop-top > :first-child {
    margin-top: 0
}

.f-dropdown.drop-top > :last-child {
    margin-bottom: 0
}

.f-dropdown.drop-top:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -12px;
    left: 10px;
    right: auto;
    z-index: 99
}

.f-dropdown.drop-top:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px inset;
    border-color: #ccc transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -14px;
    left: 9px;
    right: auto;
    z-index: 98
}

.f-dropdown li {
    font-size: .875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0
}

.f-dropdown li:focus,
.f-dropdown li:hover {
    background: #eee
}

.f-dropdown li a {
    display: block;
    padding: .5rem;
    color: #555
}

.f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: 1px solid #ccc;
    font-size: .875rem;
    z-index: 99;
    max-width: 200px
}

.f-dropdown.content > :first-child {
    margin-top: 0
}

.f-dropdown.content > :last-child {
    margin-bottom: 0
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

.dropdown.button,
button.dropdown {
    position: relative;
    padding-right: 3.5625rem
}

.dropdown.button:after,
button.dropdown:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    top: 50%;
    border-width: .375rem;
    right: 1.40625rem;
    margin-top: -.15625rem;
    border-color: #fff transparent transparent
}

.dropdown.button.tiny,
button.dropdown.tiny {
    padding-right: 2.625rem
}

.dropdown.button.tiny:before,
button.dropdown.tiny:before {
    border-width: .375rem;
    right: 1.125rem;
    margin-top: -.125rem
}

.dropdown.button.tiny:after,
button.dropdown.tiny:after {
    border-color: #fff transparent transparent
}

.dropdown.button.small,
button.dropdown.small {
    padding-right: 3.0625rem
}

.dropdown.button.small:after,
button.dropdown.small:after {
    border-width: .4375rem;
    right: 1.3125rem;
    margin-top: -.15625rem;
    border-color: #fff transparent transparent
}

.dropdown.button.large,
button.dropdown.large {
    padding-right: 3.625rem
}

.dropdown.button.large:after,
button.dropdown.large:after {
    border-width: .3125rem;
    right: 1.71875rem;
    margin-top: -.15625rem;
    border-color: #fff transparent transparent
}

.dropdown.button.secondary:after,
button.dropdown.secondary:after {
    border-color: #333 transparent transparent
}

.flex-video {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

form .row .row {
    margin: 0 -.5rem
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .5rem;
}

form .row .row.collapse {
    margin: 0;
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0;
}

form .row .row.collapse input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5rem
}

label {
    cursor: pointer;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0
}

label.right {
    float: none !important;
    text-align: right
}

label.inline {
    margin: 0 0 1rem;
    padding: .5625rem 0;
}

label small {
    text-transform: capitalize;
    color: #686868;
}

select::-ms-expand {
    display: none;
}

.postfix,
.prefix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: .875rem;
    height: 2.3125rem;
    line-height: 2.3125rem
}

.postfix.button,
.prefix.button {
    padding: 0;
    text-align: center;
    line-height: 2.125rem;
    border: none
}

.prefix.button.radius {
    border-radius: 3px 0 0 3px
}

.postfix.button.radius {
    border-radius: 0 3px 3px 0
}

.prefix.button.round {
    border-radius: 1000px 0 0 1000px
}

.postfix.button.round {
    border-radius: 0 1000px 1000px 0
}

label.prefix,
span.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333;
    border-color: #ccc
}

label.prefix.radius,
span.prefix.radius {
    border-radius: 3px 0 0 3px
}

label.postfix,
span.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc
}

label.postfix.radius,
span.postfix.radius {
    border-radius: 0 3px 3px 0
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    display: block;
    font-size: .875rem;
    margin: 0 0 1rem;
    padding: .5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow .45s, border-color .45s ease-in-out
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    box-shadow: 0 0 5px #999;
    background: #fff;
    border-color: #999;
    outline: 0
}

fieldset[disabled] input[type=date],
fieldset[disabled] input[type=datetime-local],
fieldset[disabled] input[type=datetime],
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=month],
fieldset[disabled] input[type=number],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=search],
fieldset[disabled] input[type=tel],
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=time],
fieldset[disabled] input[type=url],
fieldset[disabled] input[type=week],
fieldset[disabled] textarea,
input[type=date]:disabled,
input[type=date][disabled],
input[type=date][readonly],
input[type=datetime-local]:disabled,
input[type=datetime-local][disabled],
input[type=datetime-local][readonly],
input[type=datetime]:disabled,
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=email]:disabled,
input[type=email][disabled],
input[type=email][readonly],
input[type=month]:disabled,
input[type=month][disabled],
input[type=month][readonly],
input[type=number]:disabled,
input[type=number][disabled],
input[type=number][readonly],
input[type=password]:disabled,
input[type=password][disabled],
input[type=password][readonly],
input[type=search]:disabled,
input[type=search][disabled],
input[type=search][readonly],
input[type=tel]:disabled,
input[type=tel][disabled],
input[type=tel][readonly],
input[type=text]:disabled,
input[type=text][disabled],
input[type=text][readonly],
input[type=time]:disabled,
input[type=time][disabled],
input[type=time][readonly],
input[type=url]:disabled,
input[type=url][disabled],
input[type=url][readonly],
input[type=week]:disabled,
input[type=week][disabled],
input[type=week][readonly],
textarea:disabled,
textarea[disabled],
textarea[readonly] {
    background-color: #ddd;
    cursor: default
}

input[type=date].radius,
input[type=datetime-local].radius,
input[type=datetime].radius,
input[type=email].radius,
input[type=month].radius,
input[type=number].radius,
input[type=password].radius,
input[type=search].radius,
input[type=tel].radius,
input[type=text].radius,
input[type=time].radius,
input[type=url].radius,
input[type=week].radius,
textarea.radius {
    border-radius: 3px
}

input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

textarea[rows] {
    height: auto
}

select {
    -webkit-border-radius: 0;
    font-size: .875rem;
    line-height: normal;
    border-radius: 0
}

select.radius {
    border-radius: 3px
}

select:hover {
    background-color: #f3f3f3
}

select:disabled {
    background-color: #ddd;
    cursor: default
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 1rem;
}

input[type=checkbox] + label,
input[type=radio] + label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

input[type=file] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.25rem;
    margin: 1.125rem 0
}

fieldset legend {
    font-weight: 700;
    background: #fff;
    padding: 0 .1875rem;
    margin: 0 0 0 -.1875rem;
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] small.error,
[data-abide] span.error {
    display: block;
    padding: .375rem .5625rem .5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 500;
    font-style: italic;
    background: #f04124;
    color: #fff
}

[data-abide] small.error,
[data-abide] span.error {
    display: none
}

small.error,
span.error {
    display: block;
    padding: .375rem .5625rem .5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 500;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error input,
.error select,
.error textarea {
    margin-bottom: 0
}

.error input[type=checkbox],
.error input[type=radio] {
    margin-bottom: 1rem
}

.error label,
.error label.error {
    color: #f04124
}

.error small.error {
    display: block;
    padding: .375rem .5625rem .5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 500;
    font-style: italic;
    background: #f04124;
    color: #fff
}

.error > label > small {
    color: #686868;
    background: 0 0;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline
}

.error span.error-message {
    display: block
}

input.error,
select.error,
textarea.error {
    margin-bottom: 0
}

label.error {
    color: #f04124
}

.icon-bar {
    width: 100%;
    font-size: 0;
    display: inline-block;
    background: #333
}

.icon-bar > * {
    text-align: center;
    width: 25%;
    margin: 0 auto;
    display: block;
    float: left
}

.icon-bar > * i,
.icon-bar > * img {
    display: block;
    margin: 0 auto;
}

.icon-bar > * i {
    vertical-align: middle;
}

.icon-bar.label-right > * i,
.icon-bar.label-right > * img {
    margin: 0 .0625rem 0 0;
    display: inline-block;
}

.icon-bar.label-right > * i + label,
.icon-bar.label-right > * img + label {
    margin-top: 0
}

.icon-bar.label-right > * label {
    display: inline-block
}

.icon-bar.vertical.label-right > * {
    text-align: left
}

.icon-bar.vertical {
    height: 100%;
    width: auto
}

.icon-bar.vertical .item {
    width: auto;
    margin: auto;
    float: none
}

.icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem
}

.icon-bar > * i + label,
.icon-bar > * img + label {
    margin-top: .0625rem
}

.icon-bar > * i {
    font-size: 1.875rem
}

.icon-bar > * img {
    width: 1.875rem;
    height: 1.875rem
}

.icon-bar > :hover {
    background: #ffa000
}

.icon-bar > * i,
.icon-bar > * label {
    color: #fff
}

.icon-bar.two-up .item {
    width: 50%
}

.icon-bar.two-up.vertical .item {
    width: auto
}

.icon-bar.three-up .item {
    width: 33.3333%
}

.icon-bar.three-up.vertical .item {
    width: auto
}

.icon-bar.four-up .item {
    width: 25%
}

.icon-bar.four-up.vertical .item {
    width: auto
}

.icon-bar.five-up .item {
    width: 20%
}

.icon-bar.five-up.vertical .item {
    width: auto
}

.icon-bar.six-up .item {
    width: 16.66667%
}

.icon-bar.six-up.vertical .item {
    width: auto
}

.inline-list {
    margin: 0 0 1.0625rem -1.375rem;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block
}

.inline-list > li > * {
    display: block
}

.joyride-list {
    display: none
}

.joyride-tip-guide {
    display: none;
    position: absolute;
    background: #333;
    color: #fff;
    z-index: 101;
    top: 0;
    left: 2.5%;
    font-family: inherit;
    font-weight: 500;
    width: 95%
}

.lt-ie9 .joyride-tip-guide {
    max-width: 800px;
    left: 50%;
    margin-left: -400px
}

.joyride-content-wrapper {
    width: 100%;
    padding: 1.125rem 1.25rem 1.5rem
}

.joyride-content-wrapper .button {
    margin-bottom: 0 !important
}

.joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px
}

.joyride-tip-guide .joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: 10px solid #333
}

.joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: #333;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px
}

.joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #333 transparent transparent !important;
    bottom: -20px
}

.joyride-tip-guide .joyride-nub.right {
    right: -20px
}

.joyride-tip-guide .joyride-nub.left {
    left: -20px
}

.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: 700;
    color: #fff
}

.joyride-tip-guide p {
    margin: 0 0 1.125rem;
    font-size: .875rem;
    line-height: 1.3
}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: 1px solid #555;
    position: absolute;
    right: 1.0625rem;
    bottom: 1rem
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666
}

.joyride-close-tip {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #777 !important;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    line-height: .5 !important
}

.joyride-close-tip:focus,
.joyride-close-tip:hover {
    color: #eee !important
}

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: 0 0;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer
}

.joyride-expose-wrapper {
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    z-index: 102;
    box-shadow: 0 0 15px #fff
}

.joyride-expose-cover {
    background: 0 0;
    border-radius: 3px;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0
}

@media only screen and (min-width: 40.063em) {
    .joyride-tip-guide {
        width: 300px;
        left: inherit
    }

    .joyride-tip-guide .joyride-nub.bottom {
        border-color: #333 transparent transparent !important;
        bottom: -20px
    }

    .joyride-tip-guide .joyride-nub.right {
        border-color: transparent transparent transparent #333 !important;
        top: 22px;
        left: auto;
        right: -20px
    }

    .joyride-tip-guide .joyride-nub.left {
        border-color: transparent #333 transparent transparent !important;
        top: 22px;
        left: -20px;
        right: auto
    }
}

.keystroke,
kbd {
    background-color: #ededed;
    border-color: #dcdcdc;
    color: #222;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    font-family: Consolas, Menlo, Courier, monospace;
    font-size: inherit;
    padding: .125rem .25rem 0;
    border-radius: 3px
}

.label {
    font-weight: 500;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: inherit;
    padding: .25rem .5rem .375rem;
    font-size: .6875rem;
    background-color: #ffa000;
    color: #fff
}

.label.radius {
    border-radius: 3px
}

.label.round {
    border-radius: 1000px
}

.label.alert {
    background-color: #f04124;
    color: #fff
}

.label.warning {
    background-color: #f08a24;
    color: #fff
}

.label.success {
    background-color: #43ac6a;
    color: #fff
}

.label.secondary {
    background-color: #ffa000;
    color: #fff
}

[data-magellan-expedition-clone],
[data-magellan-expedition] {
    background: #fff;
    z-index: 50;
    min-width: 100%;
    padding: 10px
}

[data-magellan-expedition-clone] .sub-nav,
[data-magellan-expedition-clone] .sub-nav dd,
[data-magellan-expedition] .sub-nav,
[data-magellan-expedition] .sub-nav dd {
    margin-bottom: 0
}

[data-magellan-expedition-clone] .sub-nav a,
[data-magellan-expedition] .sub-nav a {
    line-height: 1.8em
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.slideshow-wrapper {
    position: relative
}

.slideshow-wrapper ul {
    list-style-type: none;
    margin: 0
}

.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
    display: none
}

.slideshow-wrapper ul li:first-child {
    display: block
}

.slideshow-wrapper .orbit-container {
    background-color: transparent
}

.slideshow-wrapper .orbit-container li,
.slideshow-wrapper .orbit-container li .orbit-caption {
    display: block
}

.slideshow-wrapper .orbit-container .orbit-bullets li {
    display: inline-block
}

.slideshow-wrapper .preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: 3px solid;
    border-color: #555 #fff;
    border-radius: 1000px;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: 0 0
}

.orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateZ(0)
}

.orbit-container .orbit-slides-container img {
    display: block;
    max-width: 100%
}

.orbit-container .orbit-slides-container > * {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: 100%
}

.orbit-container .orbit-slides-container > :first-child {
    margin-left: 0
}

.orbit-container .orbit-slides-container > * .orbit-caption {
    position: absolute;
    bottom: 0;
    background-color: rgba(51, 51, 51, .8);
    color: #fff;
    width: 100%;
    padding: .625rem .875rem;
    font-size: .875rem
}

.orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: 0 0;
    z-index: 10
}

.orbit-container .orbit-slide-number span {
    font-weight: 700;
    padding: .3125rem
}

.orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10
}

.orbit-container .orbit-timer .orbit-progress {
    height: 3px;
    background-color: rgba(255, 255, 255, .3);
    display: block;
    width: 0;
    position: relative;
    right: 20px;
    top: 5px
}

.orbit-container .orbit-timer > span {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 14px;
    border: 4px solid #fff;
    border-top: none;
    border-bottom: none
}

.orbit-container .orbit-timer.paused > span {
    right: -4px;
    top: 0;
    width: 11px;
    height: 14px;
    border: 8px inset;
    border-left-style: solid;
    border-color: transparent;
    border-left-color: #fff
}

.orbit-container .orbit-timer.paused > span.dark {
    border-left-color: #333
}

.orbit-container:hover .orbit-timer > span {
    display: block
}

.orbit-container .orbit-next,
.orbit-container .orbit-prev {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: #fff;
    background-color: transparent;
    text-indent: -9999px !important;
    z-index: 10
}

.orbit-container .orbit-next:hover,
.orbit-container .orbit-prev:hover {
    background-color: rgba(0, 0, 0, .3)
}

.orbit-container .orbit-next > span,
.orbit-container .orbit-prev > span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    display: block;
    width: 0;
    height: 0;
    border: 10px inset
}

.orbit-container .orbit-prev {
    left: 0
}

.orbit-container .orbit-prev > span {
    border-right-style: solid;
    border-color: transparent;
    border-right-color: #fff
}

.orbit-container .orbit-prev:hover > span {
    border-right-color: #fff
}

.orbit-container .orbit-next {
    right: 0
}

.orbit-container .orbit-next > span {
    border-color: transparent;
    border-left-style: solid;
    border-left-color: #fff;
    left: 50%;
    margin-left: -4px
}

.orbit-container .orbit-next:hover > span {
    border-left-color: #fff
}

.orbit-bullets-container {
    text-align: center
}

.orbit-bullets {
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    top: 10px;
    float: none;
    text-align: center;
    display: block
}

.orbit-bullets li {
    cursor: pointer;
    display: inline-block;
    width: .5625rem;
    height: .5625rem;
    background: #ccc;
    float: none;
    margin-right: 6px;
    border-radius: 1000px
}

.orbit-bullets li.active {
    background: #999
}

.orbit-bullets li:last-child {
    margin-right: 0
}

.touch .orbit-bullets,
.touch .orbit-container .orbit-next,
.touch .orbit-container .orbit-prev {
    display: none
}

@media only screen and (min-width: 40.063em) {
    .touch .orbit-container .orbit-next,
    .touch .orbit-container .orbit-prev {
        display: inherit
    }

    .touch .orbit-bullets {
        display: block
    }
}

@media only screen and (max-width: 40em) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important
    }

    .orbit-stack-on-small .orbit-slides-container > * {
        position: relative;
        margin: 0 !important;
        opacity: 1 !important
    }

    .orbit-bullets,
    .orbit-next,
    .orbit-prev,
    .orbit-stack-on-small .orbit-slide-number,
    .orbit-timer {
        display: none
    }
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -.3125rem
}

ul.pagination li {
    height: 1.5rem;
    color: #222;
    font-size: .875rem;
    margin-left: .3125rem
}

ul.pagination li a,
ul.pagination li button {
    display: block;
    padding: .0625rem .625rem;
    color: #999;
    background: 0 0;
    border-radius: 3px;
    font-weight: 400;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out
}

ul.pagination li a:focus,
ul.pagination li button:focus,
ul.pagination li:hover a,
ul.pagination li:hover button {
    background: #e6e6e6
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999
}

ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable button:focus,
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable:hover button {
    background: 0 0
}

ul.pagination li.current a,
ul.pagination li.current button {
    background: #ffa000;
    color: #fff;
    font-weight: 700;
    cursor: default
}

ul.pagination li.current a:focus,
ul.pagination li.current a:hover,
ul.pagination li.current button:focus,
ul.pagination li.current button:hover {
    background: #ffa000
}

ul.pagination li {
    float: left;
    display: block
}

.pagination-centered {
    text-align: center
}

.pagination-centered ul.pagination li {
    float: none;
    display: inline-block
}

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2
}

.panel > :first-child {
    margin-top: 0
}

.panel > :last-child {
    margin-bottom: 0
}

.panel dl,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel li,
.panel p {
    color: #333
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4
}

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #ffe2ba;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #fff9f0
}

.panel.callout > :first-child {
    margin-top: 0
}

.panel.callout > :last-child {
    margin-bottom: 0
}

.panel.callout dl,
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout li,
.panel.callout p {
    color: #333
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4
}

.panel.callout a:not(.button) {
    color: #ffa000
}

.panel.radius {
    border-radius: 3px
}

.pricing-table {
    border: 1px solid #ddd;
    margin-left: 0;
    margin-bottom: 1.25rem
}

.pricing-table * {
    list-style: none;
    line-height: 1
}

.pricing-table .title {
    background-color: #333;
    padding: .9375rem 1.25rem;
    text-align: center;
    color: #eee;
    font-weight: 500;
    font-size: 1rem;
    font-family: Roboto, Arial, sans-serif
}

.pricing-table .price {
    background-color: #f6f6f6;
    padding: .9375rem 1.25rem;
    text-align: center;
    color: #333;
    font-weight: 500;
    font-size: 2rem;
    font-family: Roboto, Arial, sans-serif
}

.pricing-table .description {
    background-color: #fff;
    padding: .9375rem;
    text-align: center;
    color: #777;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.4;
    border-bottom: dotted 1px #ddd
}

.pricing-table .bullet-item {
    background-color: #fff;
    padding: .9375rem;
    text-align: center;
    color: #333;
    font-size: .875rem;
    font-weight: 500;
    border-bottom: dotted 1px #ddd
}

.pricing-table .cta-button {
    background-color: #fff;
    text-align: center;
    padding: 1.25rem 1.25rem 0
}

.progress {
    background-color: #f6f6f6;
    height: 1.5625rem;
    border: 1px solid #fff;
    padding: .125rem;
    margin-bottom: .625rem
}

.progress .meter,
.progress.secondary .meter {
    background: #ffa000;
    height: 100%;
    display: block
}

.progress.success .meter {
    background: #43ac6a;
    height: 100%;
    display: block
}

.progress.alert .meter {
    background: #f04124;
    height: 100%;
    display: block
}

.progress.radius {
    border-radius: 3px
}

.progress.radius .meter {
    border-radius: 2px
}

.progress.round {
    border-radius: 1000px
}

.progress.round .meter {
    border-radius: 999px
}

.range-slider {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #ddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    background: #fafafa
}

.range-slider.vertical-range {
    position: relative;
    border: 1px solid #ddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem
}

.range-slider.vertical-range .range-slider-handle {
    margin-top: 0;
    margin-left: -.5rem;
    position: absolute;
    bottom: -10.5rem
}

.range-slider.vertical-range .range-slider-active-segment {
    width: .875rem;
    height: auto;
    bottom: 0
}

.range-slider.radius {
    background: #fafafa;
    border-radius: 3px
}

.range-slider.radius .range-slider-handle {
    background: #ffa000;
    border-radius: 3px
}

.range-slider.radius .range-slider-handle:hover {
    background: #e08a00
}

.range-slider.round {
    background: #fafafa;
    border-radius: 1000px
}

.range-slider.round .range-slider-handle {
    background: #ffa000;
    border-radius: 1000px
}

.range-slider.round .range-slider-handle:hover {
    background: #e08a00
}

.range-slider.disabled,
.range-slider[disabled] {
    background: #fafafa;
    cursor: default;
    opacity: .7
}

.range-slider.disabled .range-slider-handle,
.range-slider[disabled] .range-slider-handle {
    background: #ffa000;
    cursor: default;
    opacity: .7
}

.range-slider.disabled .range-slider-handle:hover,
.range-slider[disabled] .range-slider-handle:hover {
    background: #e08a00
}

.range-slider-active-segment {
    display: inline-block;
    position: absolute;
    height: .875rem;
    background: #fc9c00
}

.range-slider-handle {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -.3125rem;
    width: 2rem;
    height: 1.375rem;
    border: 1px solid none;
    cursor: pointer;
    background: #ffa000
}

.range-slider-handle:hover {
    background: #e08a00
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .45);
    z-index: 1004;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal,
dialog {
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 1005;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #666;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media only screen and (max-width: 40em) {
    .reveal-modal,
    dialog {
        min-height: 100vh
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal,
    dialog {
        left: 50%
    }
}

.reveal-modal .column,
.reveal-modal .columns,
dialog .column,
dialog .columns {
    min-width: 0
}

.reveal-modal > :first-child,
dialog > :first-child {
    margin-top: 0
}

.reveal-modal > :last-child,
dialog > :last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal,
    dialog {
        margin-left: -40%;
        width: 80%
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal,
    dialog {
        top: 6.25rem
    }
}

.reveal-modal .close-reveal-modal,
dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: .5rem;
    right: .6875rem;
    color: #aaa;
    font-weight: 700;
    cursor: pointer
}

dialog[open] {
    display: block;
    visibility: visible
}

.reveal-modal,
dialog {
    padding: 1.875rem
}

.reveal-modal.radius,
dialog.radius {
    border-radius: 3px
}

.reveal-modal.round,
dialog.round {
    border-radius: 1000px
}

.reveal-modal.collapse,
dialog.collapse {
    padding: 0
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.tiny,
    dialog.tiny {
        margin-left: -15%;
        width: 30%
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.small,
    dialog.small {
        margin-left: -20%;
        width: 40%
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.medium,
    dialog.medium {
        margin-left: -30%;
        width: 60%
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.large,
    dialog.large {
        margin-left: -35%;
        width: 70%
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.xlarge,
    dialog.xlarge {
        margin-left: -47.5%;
        width: 95%
    }
}

.reveal-modal.full,
dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.full,
    dialog.full {
        margin-left: -50vw;
        width: 100vw
    }
}

@media print {
    .reveal-modal,
    dialog {
        background: #fff !important
    }
}

.side-nav {
    display: block;
    margin: 0;
    padding: .875rem 0;
    list-style-type: none;
    list-style-position: outside;
    font-family: Roboto, Arial, sans-serif
}

.side-nav li {
    margin: 0 0 .4375rem;
    font-size: .875rem
}

.side-nav li a:not(.button) {
    display: block;
    color: #ffa000;
    margin: 0;
    padding: .4375rem .875rem
}

.side-nav li a:not(.button):focus,
.side-nav li a:not(.button):hover {
    background: rgba(0, 0, 0, .025);
    color: #ffbb4d
}

.side-nav li.active > a:first-child:not(.button) {
    color: #ffbb4d;
    font-weight: 500;
    font-family: Roboto, Arial, sans-serif
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    padding: 0;
    list-style: none;
    border-top-color: #fff
}

.side-nav li.heading {
    color: #ffa000;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.split.button {
    position: relative;
    padding-right: 5.0625rem
}

.split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px
}

.split.button span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: inset;
    left: 50%
}

.split.button span:active {
    background-color: rgba(0, 0, 0, .1)
}

.split.button span {
    border-left-color: rgba(255, 255, 255, .5);
    width: 3.09375rem
}

.split.button span:after {
    border-top-style: solid;
    border-width: .375rem;
    top: 48%;
    margin-left: -.375rem;
    border-color: #fff transparent transparent
}

.split.button.secondary span {
    border-left-color: rgba(255, 255, 255, .5)
}

.split.button.alert span,
.split.button.success span {
    border-left-color: rgba(255, 255, 255, .5)
}

.split.button.tiny {
    padding-right: 3.75rem
}

.split.button.tiny span {
    width: 2.25rem
}

.split.button.tiny span:after {
    border-top-style: solid;
    border-width: .375rem;
    top: 48%;
    margin-left: -.375rem
}

.split.button.small {
    padding-right: 4.375rem
}

.split.button.small span {
    width: 2.625rem
}

.split.button.small span:after {
    border-top-style: solid;
    border-width: .4375rem;
    top: 48%;
    margin-left: -.375rem
}

.split.button.large {
    padding-right: 5.5rem
}

.split.button.large span {
    width: 3.4375rem
}

.split.button.large span:after {
    border-top-style: solid;
    border-width: .3125rem;
    top: 48%;
    margin-left: -.375rem
}

.split.button.expand {
    padding-left: 2rem
}

.split.button.secondary span:after {
    border-color: #333 transparent transparent
}

.split.button.radius span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.split.button.round span {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px
}

.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin: -.25rem 0 1.125rem -.75rem;
    padding-top: .25rem
}

.sub-nav dt {
    text-transform: uppercase
}

.sub-nav dd,
.sub-nav dt,
.sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: .625rem;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 500;
    font-size: .875rem;
    color: #999
}

.sub-nav dd a,
.sub-nav dt a,
.sub-nav li a {
    text-decoration: none;
    color: #999;
    padding: .1875rem 1rem
}

.sub-nav dd a:hover,
.sub-nav dt a:hover,
.sub-nav li a:hover {
    color: #737373
}

.sub-nav dd.active a,
.sub-nav dt.active a,
.sub-nav li.active a {
    border-radius: 3px;
    font-weight: 500;
    background: #ffa000;
    padding: .1875rem 1rem;
    cursor: default;
    color: #fff
}

.sub-nav dd.active a:hover,
.sub-nav dt.active a:hover,
.sub-nav li.active a:hover {
    background: #db8700
}

div.switch label {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    cursor: pointer;
    transition: left .15s ease-out
}

div.switch input {
    display: none
}

div.switch input + label {
    margin-left: 0;
    margin-right: 0
}

div.switch label:after {
    content: "";
    display: block;
    position: absolute;
    top: .25rem;
    left: .25rem;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    transition: left .15s ease-out
}

div.switch label {
    width: 4rem;
    height: 2rem
}

div.switch label:after {
    width: 1.5rem;
    height: 1.5rem
}

div.switch input:checked + label:after {
    left: 2.25rem
}

div.switch label {
    color: transparent;
    background: #ddd
}

div.switch label:after {
    background: #fff
}

div.switch input:checked + label {
    background: #ffa000
}

div.switch.large label {
    width: 5rem;
    height: 2.5rem
}

div.switch.large label:after {
    width: 2rem;
    height: 2rem
}

div.switch.large input:checked + label:after {
    left: 2.75rem
}

div.switch.small label {
    width: 3.5rem;
    height: 1.75rem
}

div.switch.small label:after {
    width: 1.25rem;
    height: 1.25rem
}

div.switch.small input:checked + label:after {
    left: 2rem
}

div.switch.tiny label {
    width: 3rem;
    height: 1.5rem
}

div.switch.tiny label:after {
    width: 1rem;
    height: 1rem
}

div.switch.tiny input:checked + label:after {
    left: 1.75rem
}

div.switch.radius label {
    border-radius: 4px
}

div.switch.radius label:after {
    border-radius: 3px
}

div.switch.round {
    border-radius: 1000px
}

div.switch.round label,
div.switch.round label:after {
    border-radius: 2rem
}

table {
    background: #fff;
    margin-bottom: 1.25rem;
    border: 1px solid #ddd
}

table caption {
    background: 0 0;
    color: #222;
    font-size: 1rem;
    font-weight: 700
}

table thead {
    background: #f5f5f5
}

table thead tr td,
table thead tr th {
    padding: .5rem .625rem .625rem;
    font-size: .875rem;
    font-weight: 700;
    color: #222
}

table tfoot {
    background: #f5f5f5
}

table tfoot tr td,
table tfoot tr th {
    padding: .5rem .625rem .625rem;
    font-size: .875rem;
    font-weight: 700;
    color: #222
}

table tr td,
table tr th {
    padding: .5625rem .625rem;
    font-size: .875rem;
    color: #222;
    text-align: left
}

table tr.alt,
table tr.even,
table tr:nth-of-type(even) {
    background: #f9f9f9
}

table tbody tr td,
table tbody tr th,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td {
    display: table-cell;
    line-height: 1.125rem
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important
    }

    .small-only-text-right {
        text-align: right !important
    }

    .small-only-text-center {
        text-align: center !important
    }

    .small-only-text-justify {
        text-align: justify !important
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important
    }

    .small-text-right {
        text-align: right !important
    }

    .small-text-center {
        text-align: center !important
    }

    .small-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 50em) {
    .medium-only-text-left {
        text-align: left !important
    }

    .medium-only-text-right {
        text-align: right !important
    }

    .medium-only-text-center {
        text-align: center !important
    }

    .medium-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-text-left {
        text-align: left !important
    }

    .medium-text-right {
        text-align: right !important
    }

    .medium-text-center {
        text-align: center !important
    }

    .medium-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 50.063em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important
    }

    .large-only-text-right {
        text-align: right !important
    }

    .large-only-text-center {
        text-align: center !important
    }

    .large-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 50.063em) {
    .large-text-left {
        text-align: left !important
    }

    .large-text-right {
        text-align: right !important
    }

    .large-text-center {
        text-align: center !important
    }

    .large-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important
    }

    .xlarge-only-text-right {
        text-align: right !important
    }

    .xlarge-only-text-center {
        text-align: center !important
    }

    .xlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 90.063em) {
    .xlarge-text-left {
        text-align: left !important
    }

    .xlarge-text-right {
        text-align: right !important
    }

    .xlarge-text-center {
        text-align: center !important
    }

    .xlarge-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important
    }

    .xxlarge-only-text-right {
        text-align: right !important
    }

    .xxlarge-only-text-center {
        text-align: center !important
    }

    .xxlarge-only-text-justify {
        text-align: justify !important
    }
}

@media only screen and (min-width: 120.063em) {
    .xxlarge-text-left {
        text-align: left !important
    }

    .xxlarge-text-right {
        text-align: right !important
    }

    .xxlarge-text-center {
        text-align: center !important
    }

    .xxlarge-text-justify {
        text-align: justify !important
    }
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

a {
    color: #ffa000;
    text-decoration: none;
    line-height: inherit
}

a:focus,
a:hover {
    color: #db8700
}

a img {
    border: none
}

p {
    font-family: inherit;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.75;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p.lead {
    font-size: 1.09375rem;
    line-height: 1.6
}

p aside {
    font-size: .875rem;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-weight: 500;
    font-style: 500;
    color: #000;
    text-rendering: optimizeLegibility;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.25
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #595959;
    line-height: 0
}

h1 {
    font-size: 3.75rem
}

h2 {
    font-size: 3rem
}

h3 {
    font-size: 2.25rem
}

h4 {
    font-size: 1.875rem
}

h5,
h6 {
    font-size: 1.125rem
}

.subheader {
    line-height: 1.4;
    color: #595959;
    font-weight: 500;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0
}

em,
i {
    font-style: italic;
    line-height: inherit
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-family: Consolas, 'Liberation Mono', Courier, monospace;
    font-weight: 500;
    color: #333;
    background-color: #ffe2b3;
    border-width: 1px;
    border-style: solid;
    border-color: #ffd188;
    padding: .125rem .3125rem .0625rem
}

dl,
ol,
ul {
    font-size: .875rem;
    line-height: 1.75;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit
}

ul {
    margin-left: 1.1rem
}

ul.no-bullet {
    margin-left: 0
}

ul.no-bullet li ol,
ul.no-bullet li ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

ul li ol,
ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.circle li ul,
ul.disc li ul,
ul.square li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

ol li ol,
ol li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

dl dd {
    margin-bottom: .75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #000;
    border-bottom: 1px dotted #ddd;
    cursor: help
}

abbr {
    text-transform: none
}

blockquote {
    margin: 0 0 1.25rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #3b3b3b
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #3b3b3b
}

blockquote,
blockquote p {
    line-height: 1.75;
    color: #595959
}

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem;
    border: 1px solid #ddd;
    padding: .625rem .75rem
}

.vcard li {
    margin: 0;
    display: block
}

.vcard .fn {
    font-weight: 700;
    font-size: .9375rem
}

.vevent .summary {
    font-weight: 700
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: 700;
    border: none;
    padding: 0 .0625rem
}

@media only screen and (min-width: 40.063em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.25
    }

    h1 {
        font-size: 3.75rem
    }

    h2 {
        font-size: 3rem
    }

    h3 {
        font-size: 2.25rem
    }

    h4 {
        font-size: 1.875rem
    }

    h5,
    h6 {
        font-size: 1.125rem
    }
}

.print-only {
    display: none !important
}

@media print {
    @page {
        margin: .5cm
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none !important
    }

    .print-only {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    .show-for-print {
        display: inherit !important
    }
}

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs:after,
.tabs:before {
    content: " ";
    display: table
}

.tabs:after {
    clear: both
}

.tabs .tab-title,
.tabs dd {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left
}

.tabs .tab-title > a,
.tabs dd > a {
    display: block;
    background: #efefef;
    color: #222;
    padding: 1rem 2rem;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1rem
}

.tabs .tab-title > a:hover,
.tabs dd > a:hover {
    background: #e1e1e1
}

.tabs .tab-title.active a,
.tabs dd.active a {
    background: #fff;
    color: #222
}

.tabs.radius .tab:first-child a,
.tabs.radius dd:first-child a {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.tabs.radius .tab:last-child a,
.tabs.radius dd:last-child a {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.tabs.vertical .tab-title,
.tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%
}

.tabs-content:after,
.tabs-content:before {
    content: " ";
    display: table
}

.tabs-content:after {
    clear: both
}

.tabs-content > .content {
    display: none;
    float: left;
    padding: .625rem 0;
    width: 100%
}

.tabs-content > .content.active {
    display: block;
    float: none
}

.tabs-content > .content.contained {
    padding: .625rem
}

.tabs-content.vertical {
    display: block
}

.tabs-content.vertical > .content {
    padding: 0 .625rem
}

@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        width: 20%;
        max-width: 20%;
        float: left;
        margin: 0 0 1.25rem
    }

    .tabs-content.vertical {
        width: 80%;
        max-width: 80%;
        float: left;
        margin-left: -1px;
        padding-left: 1rem
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none
}

.th {
    line-height: 0;
    display: inline-block;
    border: 4px solid #fff;
    max-width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    transition: all 200ms ease-out
}

.th:focus,
.th:hover {
    box-shadow: 0 0 6px 1px rgba(255, 160, 0, .5)
}

.th.radius {
    border-radius: 3px
}

.has-tip {
    border-bottom: dotted 1px #ccc;
    cursor: help;
    font-weight: 700;
    color: #333
}

.has-tip:focus,
.has-tip:hover {
    border-bottom: dotted 1px #734700;
    color: #ffa000
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.3;
    padding: .75rem;
    max-width: 300px;
    left: 50%;
    width: 100%;
    color: #fff;
    background: #333
}

.tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #333;
    top: -10px
}

.tooltip > .nub.rtl {
    left: auto;
    right: 5px
}

.tooltip.radius {
    border-radius: 3px
}

.tooltip.round {
    border-radius: 1000px
}

.tooltip.round > .nub {
    left: 2rem
}

.tooltip.opened {
    color: #ffa000 !important;
    border-bottom: dotted 1px #734700 !important
}

.tap-to-close {
    display: block;
    font-size: .625rem;
    color: #777;
    font-weight: 500
}

@media only screen and (min-width: 40.063em) {
    .tooltip > .nub {
        border-color: transparent transparent #333;
        top: -10px
    }

    .tooltip.tip-top > .nub {
        border-color: #333 transparent transparent;
        top: auto;
        bottom: -10px
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important
    }

    .tooltip.tip-left > .nub {
        border-color: transparent transparent transparent #333;
        right: -10px;
        left: auto;
        top: 50%;
        margin-top: -5px
    }

    .tooltip.tip-right > .nub {
        border-color: transparent #333 transparent transparent;
        right: auto;
        left: -10px;
        top: 50%;
        margin-top: -5px
    }
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em
}

.contain-to-grid {
    width: 100%;
    background: #333
}

.contain-to-grid .top-bar {
    margin-bottom: 0
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99
}

.fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    z-index: 98;
    margin-top: 45px
}

.top-bar {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    position: relative;
    background: #333;
    margin-bottom: 0
}

.top-bar ul {
    margin-bottom: 0;
    list-style: none
}

.top-bar .row {
    max-width: none
}

.top-bar form,
.top-bar input {
    margin-bottom: 0
}

.top-bar input {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: .75rem
}

.top-bar .button,
.top-bar button {
    padding-top: .45rem;
    padding-bottom: .35rem;
    margin-bottom: 0;
    font-size: .75rem
}

.top-bar .title-area {
    position: relative;
    margin: 0
}

.top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px
}

.top-bar .name h1 {
    line-height: 45px;
    font-size: 1.0625rem;
    margin: 0
}

.top-bar .name h1 a {
    font-weight: 500;
    color: #fff;
    width: 75%;
    display: block;
    padding: 0 15px
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}

.top-bar .toggle-topbar a {
    color: #fff;
    text-transform: uppercase;
    font-size: .8125rem;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 0 15px;
    height: 45px;
    line-height: 45px
}

.top-bar .toggle-topbar.menu-icon {
    top: 50%;
    margin-top: -16px
}

.top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
    padding: 0 40px 0 15px;
    color: #fff;
    position: relative
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px #fff;
    width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px #fff
}

.top-bar.expanded {
    height: auto;
    background: 0 0
}

.top-bar.expanded .title-area {
    background: #333
}

.top-bar.expanded .toggle-topbar a {
    color: #888
}

.top-bar.expanded .toggle-topbar a::after {
    box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out
}

.top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0
}

.top-bar-section .divider,
.top-bar-section [role=separator] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%
}

.top-bar-section ul li {
    background: #333
}

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 12px 0 12px 15px;
    font-family: Roboto, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    text-transform: none
}

.top-bar-section ul li > a.button {
    font-size: .8125rem;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > a.button:focus,
.top-bar-section ul li > a.button:hover {
    background-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > a.button.secondary {
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > a.button.secondary:focus,
.top-bar-section ul li > a.button.secondary:hover {
    background-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > a.button.success {
    background-color: #43ac6a;
    border-color: #368a54;
    color: #fff
}

.top-bar-section ul li > a.button.success:focus,
.top-bar-section ul li > a.button.success:hover {
    background-color: #368a54;
    color: #fff
}

.top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf280e;
    color: #fff
}

.top-bar-section ul li > a.button.alert:focus,
.top-bar-section ul li > a.button.alert:hover {
    background-color: #cf280e;
    color: #fff
}

.top-bar-section ul li > button {
    font-size: .8125rem;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > button:focus,
.top-bar-section ul li > button:hover {
    background-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > button.secondary {
    background-color: #ffa000;
    border-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > button.secondary:focus,
.top-bar-section ul li > button.secondary:hover {
    background-color: #cc7e00;
    color: #fff
}

.top-bar-section ul li > button.success {
    background-color: #43ac6a;
    border-color: #368a54;
    color: #fff
}

.top-bar-section ul li > button.success:focus,
.top-bar-section ul li > button.success:hover {
    background-color: #368a54;
    color: #fff
}

.top-bar-section ul li > button.alert {
    background-color: #f04124;
    border-color: #cf280e;
    color: #fff
}

.top-bar-section ul li > button.alert:focus,
.top-bar-section ul li > button.alert:hover {
    background-color: #cf280e;
    color: #fff
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background: #272727;
    color: #fff
}

.top-bar-section ul li.active > a {
    background: #ffa000;
    color: #fff
}

.top-bar-section ul li.active > a:hover {
    background: #db8700;
    color: #fff
}

.top-bar-section .has-form {
    padding: 15px
}

.top-bar-section .has-dropdown {
    position: relative
}

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent rgba(255, 255, 255, .4);
    border-left-style: solid;
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}

.top-bar-section .has-dropdown.moved {
    position: static
}

.top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    height: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
    width: 100%
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none
}

.top-bar-section .dropdown {
    padding: 0;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.top-bar-section .dropdown li {
    width: 100%;
    height: auto
}

.top-bar-section .dropdown li a {
    font-weight: 500;
    padding: 8px 15px
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: 500
}

.top-bar-section .dropdown li.parent-link,
.top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
    margin-top: 0
}

.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.title h5 a {
    color: #fff;
    line-height: 22.5px;
    display: block
}

.top-bar-section .dropdown li.parent-link a:hover,
.top-bar-section .dropdown li.title h5 a:hover {
    background: 0 0
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 15px
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto
}

.top-bar-section .dropdown label {
    padding: 8px 15px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #777;
    font-weight: 700;
    font-size: .625rem
}

.js-generated {
    display: block
}

@media only screen and (min-width: 40.063em) {
    .top-bar {
        background: #333;
        overflow: visible
    }

    .top-bar:after,
    .top-bar:before {
        content: " ";
        display: table
    }

    .top-bar:after {
        clear: both
    }

    .top-bar .toggle-topbar {
        display: none
    }

    .top-bar .title-area {
        float: left
    }

    .top-bar .name h1 a {
        width: auto
    }

    .top-bar .button,
    .top-bar button,
    .top-bar input {
        font-size: .875rem;
        position: relative;
        top: 7px
    }

    .top-bar.expanded {
        background: #333
    }

    .contain-to-grid .top-bar {
        max-width: 51rem;
        margin: 0 auto
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important
    }

    .top-bar-section ul {
        width: auto;
        height: auto !important;
        display: inline
    }

    .top-bar-section ul li {
        float: left
    }

    .top-bar-section ul li .js-generated {
        display: none
    }

    .top-bar-section li.hover > a:not(.button) {
        background: #272727;
        color: #fff
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 15px;
        line-height: 45px;
        background: #333
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #272727
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        padding: 0 15px;
        line-height: 45px;
        color: #fff;
        background: #ffa000
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #db8700;
        color: #fff
    }

    .top-bar-section .has-dropdown > a {
        padding-right: 35px !important
    }

    .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: rgba(255, 255, 255, .4) transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px
    }

    .top-bar-section .has-dropdown.moved {
        position: relative
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .top-bar-section .has-dropdown.hover > .dropdown,
    .top-bar-section .has-dropdown.not-click:hover > .dropdown {
        display: block;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
        content: "\00bb";
        top: 1rem;
        margin-top: -1px;
        right: 5px;
        line-height: 1.2
    }

    .top-bar-section .dropdown {
        left: 0;
        top: auto;
        background: 0 0;
        min-width: 100%
    }

    .top-bar-section .dropdown li a {
        color: #fff;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333
    }

    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #fff;
        background: #333
    }

    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: #fff;
        background: #272727
    }

    .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }

    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role=separator] {
        border-bottom: none;
        border-top: none;
        border-right: solid 1px #4e4e4e;
        clear: none;
        height: 45px;
        width: 0
    }

    .top-bar-section .has-form {
        background: #333;
        padding: 0 15px;
        height: 45px
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%
    }

    .no-js .top-bar-section ul li:hover > a {
        background: #272727;
        color: #fff
    }

    .no-js .top-bar-section ul li:active > a {
        background: #ffa000;
        color: #fff
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
        display: block;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important
    }
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden
}

.off-canvas-wrap.move-left,
.off-canvas-wrap.move-right {
    min-height: 100%;
    -webkit-overflow-scrolling: touch
}

.inner-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease
}

.inner-wrap:after,
.inner-wrap:before {
    content: " ";
    display: table
}

.inner-wrap:after {
    clear: both
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333;
    color: #fff;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: #fff;
    font-weight: 700;
    line-height: 2.8125rem;
    margin: 0
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem
}

.left-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-right: solid 1px #1a1a1a;
    left: 0
}

.right-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-left: solid 1px #1a1a1a;
    right: 0
}

.tab-bar-section {
    padding: 0 .625rem;
    position: absolute;
    text-align: center;
    height: 2.8125rem;
    top: 0
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section {
        text-align: left
    }
}

.tab-bar-section.left {
    left: 0;
    right: 2.8125rem
}

.tab-bar-section.right {
    left: 2.8125rem;
    right: 0
}

.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem
}

.tab-bar .menu-icon {
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    padding: 0;
    color: #fff;
    position: relative;
    transform: translate3d(0, 0, 0)
}

.tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -.5rem;
    left: .90625rem;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px #fff;
    width: 1rem
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(-100.5%, 0);
    -webkit-transform: translate3d(-100.5%, 0, 0);
    -moz-transform: translate3d(-100.5%, 0, 0);
    -ms-transform: translate3d(-100.5%, 0, 0);
    -o-transform: translate3d(-100.5%, 0, 0);
    transform: translate3d(-100.5%, 0, 0);
    left: 0
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100.5%, 0);
    -webkit-transform: translate3d(100.5%, 0, 0);
    -moz-transform: translate3d(100.5%, 0, 0);
    -ms-transform: translate3d(100.5%, 0, 0);
    -o-transform: translate3d(100.5%, 0, 0);
    transform: translate3d(100.5%, 0, 0);
    right: 0
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden
}

ul.off-canvas-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul.off-canvas-list li label {
    display: block;
    padding: .3rem .9375rem;
    color: #999;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0
}

ul.off-canvas-list li a {
    display: block;
    padding: .66667rem;
    color: rgba(255, 255, 255, .7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease
}

ul.off-canvas-list li a:hover {
    background: #242424
}

.move-right > .inner-wrap {
    -ms-transform: translate(15.625rem, 0);
    -webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate3d(15.625rem, 0, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0)
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, .05)
    }
}

.move-left > .inner-wrap {
    -ms-transform: translate(-15.625rem, 0);
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    -moz-transform: translate3d(-15.625rem, 0, 0);
    -ms-transform: translate3d(-15.625rem, 0, 0);
    -o-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0)
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, .05)
    }
}

.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255, 255, 255, .05)
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem
}

.no-csstransforms .move-left > .inner-wrap {
    right: 15.625rem
}

.no-csstransforms .move-right > .inner-wrap {
    left: 15.625rem
}

@media only screen {
    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium-down,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-small-up {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium-down,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium-down,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-small-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium-down,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-small-up,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium-down,
    table.show-for-small,
    table.show-for-small-down,
    table.show-for-small-only,
    table.show-for-small-up {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium-down,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.show-for-small-only,
    thead.show-for-small-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium-down,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.show-for-small-only,
    tbody.show-for-small-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium-down,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.show-for-small-only,
    tr.show-for-small-up {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-only,
    td.hide-for-medium-up,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium-down,
    td.show-for-small,
    td.show-for-small-down,
    td.show-for-small-only,
    td.show-for-small-up,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-only,
    th.hide-for-medium-up,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium-down,
    th.show-for-small,
    th.show-for-small-down,
    th.show-for-small-only,
    th.show-for-small-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 40.063em) {
    .hide-for-large,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-down,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-small-up {
        display: inherit !important
    }

    .hide-for-large-down,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-small-up,
    .show-for-large,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-down,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-small-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-down,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .visible-for-large,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-large,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-down,
    table.show-for-medium,
    table.show-for-medium-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-small-up {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-down,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-small-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-down,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-small-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-down,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-small-up {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-only,
    td.hide-for-large-up,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-down,
    td.show-for-medium,
    td.show-for-medium-down,
    td.show-for-medium-only,
    td.show-for-medium-up,
    td.show-for-small-up,
    th.hide-for-large,
    th.hide-for-large-only,
    th.hide-for-large-up,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-down,
    th.show-for-medium,
    th.show-for-medium-down,
    th.show-for-medium-only,
    th.show-for-medium-up,
    th.show-for-small-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 50.063em) {
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up {
        display: inherit !important
    }

    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large,
    table.show-for-large-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up {
        display: table
    }

    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up {
        display: table-header-group !important
    }

    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up {
        display: table-row-group !important
    }

    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up {
        display: table-row !important
    }

    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge-only,
    td.hide-for-xlarge-up,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large,
    td.show-for-large-down,
    td.show-for-large-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large,
    th.show-for-large-down,
    th.show-for-large-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 90.063em) {
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-only,
    .show-for-xlarge-up {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xxlarge-only,
    td.hide-for-xxlarge-up,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-only,
    td.show-for-xlarge-up,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-only,
    th.show-for-xlarge-up {
        display: table-cell !important
    }
}

@media only screen and (min-width: 120.063em) {
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-large-only,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-medium-only,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-small-only,
    .hide-for-xlarge-only,
    .show-for-large-up,
    .show-for-medium-up,
    .show-for-small-up,
    .show-for-xlarge-up,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up {
        display: inherit !important
    }

    .hide-for-large-up,
    .hide-for-medium-up,
    .hide-for-small-up,
    .hide-for-xlarge-up,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-large-only,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-medium-only,
    .show-for-small,
    .show-for-small-down,
    .show-for-small-only,
    .show-for-xlarge-only {
        display: none !important
    }

    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-large-only,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-medium-only,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-small-only,
    .hidden-for-xlarge-only,
    .visible-for-large-up,
    .visible-for-medium-up,
    .visible-for-small-up,
    .visible-for-xlarge-up,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

    .hidden-for-large-up,
    .hidden-for-medium-up,
    .hidden-for-small-up,
    .hidden-for-xlarge-up,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-large-only,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-medium-only,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-small-only,
    .visible-for-xlarge-only {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-large-only,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-medium-only,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-small-only,
    table.hide-for-xlarge-only,
    table.show-for-large-up,
    table.show-for-medium-up,
    table.show-for-small-up,
    table.show-for-xlarge-up,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-large-only,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-medium-only,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-small-only,
    thead.hide-for-xlarge-only,
    thead.show-for-large-up,
    thead.show-for-medium-up,
    thead.show-for-small-up,
    thead.show-for-xlarge-up,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-large-only,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-small-only,
    tbody.hide-for-xlarge-only,
    tbody.show-for-large-up,
    tbody.show-for-medium-up,
    tbody.show-for-small-up,
    tbody.show-for-xlarge-up,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-large-only,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-medium-only,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-small-only,
    tr.hide-for-xlarge-only,
    tr.show-for-large-up,
    tr.show-for-medium-up,
    tr.show-for-small-up,
    tr.show-for-xlarge-up,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.hide-for-large-only,
    td.hide-for-medium,
    td.hide-for-medium-down,
    td.hide-for-medium-only,
    td.hide-for-small,
    td.hide-for-small-down,
    td.hide-for-small-only,
    td.hide-for-xlarge-only,
    td.show-for-large-up,
    td.show-for-medium-up,
    td.show-for-small-up,
    td.show-for-xlarge-up,
    td.show-for-xxlarge-only,
    td.show-for-xxlarge-up,
    th.hide-for-large,
    th.hide-for-large-down,
    th.hide-for-large-only,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.hide-for-medium-only,
    th.hide-for-small,
    th.hide-for-small-down,
    th.hide-for-small-only,
    th.hide-for-xlarge-only,
    th.show-for-large-up,
    th.show-for-medium-up,
    th.show-for-small-up,
    th.show-for-xlarge-up,
    th.show-for-xxlarge-only,
    th.show-for-xxlarge-up {
        display: table-cell !important
    }
}

.hide-for-portrait,
.show-for-landscape {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation: landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait,
    table.show-for-landscape {
        display: table
    }

    thead.hide-for-portrait,
    thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait,
    tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait,
    tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait,
    td.show-for-landscape,
    th.hide-for-portrait,
    th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape,
    table.show-for-portrait {
        display: table
    }

    thead.hide-for-landscape,
    thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape,
    tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape,
    tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape,
    td.show-for-portrait,
    th.hide-for-landscape,
    th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch,
.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch,
table.hide-for-touch {
    display: table
}

.touch thead.show-for-touch,
thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch,
tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch,
tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-touch,
th.hide-for-touch {
    display: table-cell !important
}

.artist_name {
    margin-bottom: 15px !important;
}

@media print {
    .show-for-print {
        display: block
    }

    .hide-for-print {
        display: none
    }

    table.show-for-print {
        display: table
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }
}

@font-face {
    font-family: BebasNeueRegular;
    src: url(fonts/bebasneue_regular-webfont.eot);
    src: url(fonts/bebasneue_regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_regular-webfont.woff2) format('woff2'), url(fonts/bebasneue_regular-webfont.woff) format('woff'), url('fonts/bebas  neue_regular-webfont.ttf') format('truetype'), url(fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: BebasNeueBook;
    src: url(fonts/bebasneue_book-webfont.eot);
    src: url(fonts/bebasneue_book-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_book-webfont.woff2) format('woff2'), url(fonts/bebasneue_book-webfont.woff) format('woff'), url(fonts/bebasneue_book-webfont.ttf) format('truetype'), url(fonts/bebasneue_book-webfont.svg#bebas_neuebook) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: BebasNeueBold;
    src: url(fonts/bebasneue_bold-webfont.eot);
    src: url(fonts/bebasneue_bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/bebasneue_bold-webfont.woff2) format('woff2'), url(fonts/bebasneue_bold-webfont.woff) format('woff'), url(fonts/bebasneue_bold-webfont.ttf) format('truetype'), url(fonts/bebasneue_bold-webfont.svg#bebas_neuebold) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot);
    src: url(fonts/icomoon.eot?#iefix-paf62e) format('embedded-opentype'), url(fonts/icomoon.ttf?-paf62e) format('truetype'), url(fonts/icomoon.woff?-paf62e) format('woff'), url(fonts/icomoon.svg?-paf62e#icomoon) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-right:before {
    content: "\e608"
}

.icon-facebook:before {
    content: "\e605"
}

.icon-twitter:before {
    content: "\e606"
}

.icon-email:before {
    content: "\e607"
}

.icon-monitor:before {
    content: "\e601"
}

.icon-potentiometer:before {
    content: "\e602"
}

.icon-mixer:before {
    content: "\e603"
}

.icon-volume:before {
    content: "\e604"
}

.icon-triangle-right:before {
    content: "\e609"
}

.icon-triangle-down:before {
    content: "\e600"
}

* {
    outline: 0
}

h1 {
    font-family: BebasNeueBook, sans-serif;
    margin: 0 0 100px;

}

.content ul,
.details-wrapper ul {
    margin: 0 0 40px;
    list-style: none
}

.content ul li,
.details-wrapper ul li {
    padding-left: 15px;
    position: relative;
    line-height: 20px;
    margin-bottom: 5px
}

.content ul li:before,
.details-wrapper ul li:before {
    font-size: 1.125rem;
    font-family: icomoon;
    content: '\e609';
    color: #ffa000;
    position: absolute;
    top: 0;
    left: 0
}

.button,
input[type=submit] {
    display: inline-block;
    border: 2px solid #ffa000;
    border-radius: 5px;
    height: 40px;
    line-height: 36px;
    background-color: transparent;
    padding: 0 40px;
    font-size: 1.125rem;
    font-family: BebasNeueRegular, sans-serif
}

.button:hover,
input[type=submit]:hover {

}

.button.white:hover,
input[type=submit].white:hover, .navlink a:hover {
    color: #fff
}

select {
    margin: 0;
    border: 1px solid #ffa000;
    padding: 10px;
    height: 40px;

}

select:hover {

    border-color: #ffa000
}

input[type=email],
input[type=text],
input[type=tel],
input[type=select] {
    width: 100%;
    height: 26px;
    padding: 10px;
    margin: 0;
}

input[type=email]:focus,
input[type=text]:focus {

    border-color: #ffa000;
    box-shadow: none
}

textarea {
    border: 1px solid #fff;
    width: 100%;
    height: 200px !important;
    padding: 10px;
    color: #fff;
    margin: 0;
    border: 1px solid #ddd;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
}

textarea:focus {

    border-color: #ffa000;
    box-shadow: none
}

table {
    width: 100%
}

textarea {
    resize: none
}

label {
    display: inline-block;
    color: #fff;
    font-size: 1.125rem
}

.radio-wrapper {
    font-size: 1.125rem;
    color: #fff
}

@media all and (max-width: 767px) {
    .radio-wrapper .wpcf7-form-control-wrap {
        display: inline-block;
        width: 100%
    }

    .radio-wrapper .wpcf7-form-control-wrap .wpcf7-list-item {
        margin: 0 25px 0 0
    }
}

.wpcf7 p {
    margin-bottom: 10px
}

.wpcf7 .wpcf7-not-valid-tip {
    color: #ffa000
}

.wpcf7 .wpcf7-list-item {
    margin-left: 25px
}

.wpcf7 .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 20px 0;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.25rem;
    color: #ffa000
}

.content h3 {
    font-family: BebasNeueRegular, sans-serif;
    color: black;
    margin: 0 0 50px
}

.content h6 {
    color: #ffa000;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffa000;
    margin-bottom: 20px
}

.content {
    margin: 70px 0 100px
}

.content .featured-image {
    margin: 50px 0 70px
}

.content .author {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #ffa000;
    margin-bottom: 5px
}

.content .date {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    margin-bottom: 25px
}

.content .categories {
    margin-bottom: 30px
}

.content .categories a {
    display: block;
    width: 100%;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #000
}

.content .categories a:hover {
    color: #ffa000
}

.content .share-buttons span {
    display: block;
    float: left;
    line-height: 44px;
    margin-right: 10px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem
}

.content .share-buttons a {
    display: block;
    float: left;
    line-height: 44px;
    margin-left: 5px
}

.content .share-buttons i {
    font-size: 2.5rem;
}

#masthead {
    position: relative;
}

#masthead .headerwrapper {
    padding: 122px 0;
    height: 100%;
}

#masthead.has-background {
    height: 670px;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #masthead.has-background {
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #masthead.has-background {
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #masthead.has-background {
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    #masthead.has-background {
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%
    }
}

@media all and (max-width: 767px) {
    #masthead.has-background {
        height: 613px
    }

    .phone-top-wrap {

        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}

.single-course #masthead.has-background h1 {
    text-align: center;
}

single-course #masthead.has-background {
height: 1000px;
}

#masthead.has-background h1 {
    text-shadow: 3px 3px 6px #000;
}

div.gform_confirmation_message {
    font-size: .875rem;
    margin-top: 10px;
}

@media all and (max-width: 640px) {
    #masthead.has-background h1 {
        margin-top: 100px
    }
}

#masthead #diploma-icon, .dicon {
    position: absolute;
    left: 50%;
    bottom: 20px;
    font-size: 12.5rem;
    color: #ffa000;
    margin-left: -100px
}

.dicon {
    position: static !important;
    left: 0;
    bottom: 0;
    margin-left: 0;
    font-size: 53px;
    font-weight: bold;
    padding-bottom: 13px;
    display: block;
}

@media all and (max-width: 860px) {
    #masthead #diploma-icon {
        font-size: 9.375rem;
        margin-left: -75px
    }
}

@media all and (max-width: 641px) {
    #masthead #diploma-icon {
        font-size: 6.25rem;
        margin-left: -50px
    }
}

@media all and (max-width: 460px) {
    #masthead #diploma-icon {
        font-size: 3.75rem;
        margin-left: -30px
    }
}

#masthead .menu-bar {
    position: relative;
    background-color: #333;
    background-color: rgba(51, 51, 51, .9);
    z-index: 1000;
}

#masthead .menu-bar.sticky {
    position: fixed;
    width: 100%;
    top: 45px;
    left: 0;
    background-color: rgba(0,0,0,0.9);
}

@media(max-width: 767px) {
    #masthead .menu-bar.sticky {
        top: 112px !important;
    }
}

#masthead .menu-bar.sticky {

}


.admin-bar #masthead .menu-bar.sticky {
    top: 81px;
}

.stickynav #masthead .phone-top-wrap {
    position: fixed;
    top:0;
}
.stickynav.admin-bar #masthead .phone-top-wrap {
    top: 32px;
}

#masthead .menu-bar.sticky #logo.has-logo {
    transition: width .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    top: 1px;
    width: 45px
}

#masthead .menu-bar #logo {
    float: left;
    line-height: 50px;
    margin-left: 90px
}

@media all and (max-width: 900px) {
    #masthead .menu-bar #logo {
        margin-left: 20px
    }
}

#masthead .menu-bar #logo.has-logo {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

@media(min-width: 767px) {
    #masthead .menu-bar #logo.has-logo {
        position: absolute;
        top: -50px;
        width: 145px
    }
}

#masthead .menu-bar #main-menu {
    float: right;
    position: relative
}

#masthead .menu-bar #main-menu ul {
    margin: 0;
    list-style: none
}

@media all and (max-width: 767px) {
    #masthead .menu-bar #main-menu ul {
        display: none;
        position: absolute;
        background-color: #333;
        background-color: rgba(51, 51, 51, .9);
        right: 0;
        top: 50px;
        padding: 0 20px;
        z-index: 999
    }
}

#masthead .menu-bar #main-menu ul li {
    float: left;
    margin-right: 35px
}

@media all and (max-width: 900px) {
    #masthead .menu-bar #main-menu ul li {
        margin-right: 20px
    }
}

@media all and (max-width: 767px) {
    #masthead .menu-bar #main-menu ul li {
        float: right;
        margin: 0;
        width: 100px;
        text-align: right
    }
}

#masthead .menu-bar #main-menu ul li.current-menu-item a {
    color: #ffa000
}

#masthead .menu-bar #main-menu ul li a {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 50px;
    color: #fff
}

#masthead .menu-bar #main-menu ul li a:hover {
    color: #ffa000
}

#masthead .menu-bar #main-menu .menu-toggle {
    display: none;
    line-height: 50px;
    margin: 0 20px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    cursor: pointer;
    color: #fff
}

#masthead .menu-bar #main-menu .menu-toggle:hover {
    color: #ffa000
}

@media all and (max-width: 767px) {
    #masthead .menu-bar #main-menu .menu-toggle {
        display: block
    }
}

#masthead h1 {
    color: #fff;
    margin-top: 100px
}

.home #masthead {
    height: 1080px;
    position: relative
}

.home #masthead .title-wrapper {
    position: static
}

/*.home #masthead h1 {
    font-family: BebasNeueBold, san-serif;
    position: absolute;
    top: 50%;
    left: 0;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0;
    letter-spacing: 10px;
    width: 100%;
    text-align: center
}*/

.home #masthead #scroll-section {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -70px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.5rem;
    line-height: 26px;
    padding-left: 42px;
    color: #fff
}

.home #masthead #scroll-section i {
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    line-height: 26px;
    text-align: center
}

.trainer {
    margin-bottom: 70px !important
}

.trainer .image-wrapper {
    position: relative;
    z-index: 1;
    max-width: 295px;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 640px) {
    .trainer .image-wrapper {
        margin-bottom: 30px
    }
}

.trainer .image-wrapper .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hexagon-white.png) 0 0/100% 100% no-repeat;
    z-index: 2
}

.trainer .details h2 {
    color: #ffa000;
    margin: 0 0 5px
}

.trainer .details h5 {
    margin: 0 0 30px
}

.trainer .details .details-toggle {
    width: 100%;
    height: 40px;
    border: 2px solid #ffa000;
    border-radius: 5px
}

.trainer .details .details-toggle a {

    float: left;
    line-height: 36px;
    text-align: center;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #000;
    border-left: 2px solid #ffa000
}

.trainer .details .details-toggle.tabs-3 a {
    width: 33.3333%;
}
.trainer .details .details-toggle.tabs-4 a {
    width: 25%;
}

.trainer .details .details-toggle a:first-child {
    border-left: none
}

.trainer .details .details-toggle a.active {
    background-color: #ffa000;
    color: #fff
}

.trainer .details .details-toggle a:last-child {
    float: right
}

.trainer .details .details-outer-wrapper {
    padding: 20px 10px 0;
    border: 2px solid #ffa000;
    border-top: 0;
    margin-top: -3px;
    border-radius: 0 0 5px 5px
}

.trainer .details .details-wrapper {
    position: relative
}

.trainer .details .details-wrapper > div {
    width: 100%;
    display: none
}

.trainer .details .details-wrapper > div.active {
    display: block
}

/*.home {
    background-color: #333
}*/

.home .homepage-artwork {
    background: 0 0/100% auto no-repeat;
}

.home .diplomas {
    padding-top: 100px;
    padding-bottom: 100px;
}

.home .diplomas .diploma {
    margin-bottom: 50px !important;
}

@media all and (max-width: 800px) {

}

@media all and (max-width: 640px) {

}

@media all and (max-width: 480px) {

}

@media all and (max-width: 360px) {

}

.home .courses .course {
    margin-bottom: 50px !important
}

.home h2 {
    font-family: BebasNeueBook, sans-serif;
    color: #fff;
    margin: 0 0 75px
}

.section-gray h2 a {
    color: #fff
}

.home .image-wrapper {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

@media all and (max-width: 640px) {
    .home .image-wrapper {
        margin-bottom: 20px
    }
}

.home .image-wrapper:hover .overlay {
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5)
}

.section-gray .image-wrapper .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hexagon-gray-small.svg) 0 0/100% 100% no-repeat;
    z-index: 3
}

.section-white .image-wrapper .image-overlay {
    background: url(images/hexagon-white-small.svg) 0 0/100% 100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.home .image-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2;
    padding: 50px 20px
}

.home .image-wrapper .overlay h4 {
    position: relative;
    font-family: BebasNeueRegular, sans-serif;
    color: #fff;
    margin: 0;
    top: 50%;
    text-shadow: 3px 3px 6px #000
}

.home .icon {
    text-align: center;
    margin-bottom: 70px
}

.home .icon i {
    color: #ffa000;
    font-size: 7.8125rem
}

.home h4 {
    font-family: BebasNeueBook, sans-serif;
    color: #ffa000;
    margin: 0 0 30px
}

.home .excerpt {
    margin-bottom: 35px
}

@media all and (max-width: 640px) {
    .home .excerpt {
        margin-bottom: 20px
    }
}

.section-gray .excerpt * {
    color: #fff
}

.section-gray .read-more {
    color: #fff
}

.section-gray .read-more i {
    background-color: #ffa000;
    color: #000;
}

.home .read-more {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1rem;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
}

.home .read-more i {
    display: inline-block;
    font-size: 1.125rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #ffa000;
    border-radius: 50%;
    color: #000;
    text-align: center;
    line-height: 21px
}

.partners-wrapper {
    position: relative;
    /*height: 500px;*/
    background: center center/auto 100% no-repeat
}

@media all and (max-width: 840px) {
    .partners-wrapper {
        /*height: 400px*/
    }
}

@media all and (max-width: 641px) {
    .partners-wrapper {
        /*height: 320px*/
    }
}

.partners-wrapper .partner-box, .testimonials-wrapper .row.partner-box-lower {
    width: 100%;
    max-width: 934px
}

.partners-wrapper .partner-box.middle {
    /*height: 500px;*/
    margin: 0 auto;
    border: 8px solid #ffa000;
    border-width: 0 8px;
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5);
    padding-top: 40px;
    padding-bottom: 40px;
    /*position: relative;
    top: -322px*/
}

@media all and (max-width: 840px) {
    .partners-wrapper .partner-box.middle {
        /*height: 400px*/
    }
}

@media all and (max-width: 641px) {
    .partners-wrapper .partner-box.middle {
        /*height: 320px*/
    }
}

.partners-wrapper .partner-box.middle > .row {
    text-align: center !important
}

@media all and (max-width: 800px) {
    .partners-wrapper .partner-box.middle {
        border-width: 0 6px
    }
}

@media all and (max-width: 640px) {
    .partners-wrapper .partner-box.middle {
        border-width: 0 5px
    }
}

@media all and (max-width: 480px) {
    .partners-wrapper .partner-box.middle {
        border-width: 0 4px
    }
}

@media all and (max-width: 360px) {
    .partners-wrapper .partner-box.middle {
        border-width: 0 3px
    }
}

.partners-wrapper .partner-box.middle h2 {
    text-align: center;
    padding-top: 20px;
    margin: 0 0 30px
}

.partners-wrapper .partner-box.middle h2 a {
    color: #fff
}

@media all and (max-width: 640px) {
    .partners-wrapper .partner-box.middle h2 {
        padding-top: 30px
    }
}

.partners-wrapper .partner-box.middle .partner {
    margin-bottom: 30px;
    display: inline-block !important;
    float: none !important;
    /*width: auto!important*/
}

@media all and (max-width: 840px) {
    .partners-wrapper .partner-box.middle .partner {
        width: 150px !important
    }
}

@media all and (max-width: 641px) {
    .partners-wrapper .partner-box.middle .partner {
        width: 100px !important
    }
}

.partners-wrapper .partner-box.upper {
    height: 322px;
    padding-top: 200px;
    position: relative;
    margin: 0 auto;
    /*top: -322px;*/
    background: url(images/partners-top.png) center bottom/100% auto no-repeat
}

@media all and (max-width: 880px) {
    .partners-wrapper .partner-box.upper {
        padding-top: 100px;
    }

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 150px 0 10px
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 10px 0 150px
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px
    }
}

@media all and (max-width: 700px) {

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 120px 0 10px
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 10px 0 120px
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px
    }
}

@media all and (max-width: 540px) {

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 100px 0 10px
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 10px 0 100px
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px
    }
}

@media all and (max-width: 420px) {

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 80px 0 10px
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 10px 0 80px
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px
    }
}

@media all and (max-width: 375px) {

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 60px 0 10px
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 10px 0 60px
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px
    }
}

@media all and (max-width: 320px) {

    .partners-wrapper .partner-box.upper .column {
        width: 50%;
        margin-bottom: 20px;
        padding: 100px 65px 0 10px;
    }

    .partners-wrapper .partner-box.upper .column:first-child {
        padding: 100px 8px 0 65px;
    }

    .partners-wrapper .partner-box.upper .column img {
        width: 200px;
    }
}

.testimonials-wrapper .partner-box.lower {
    height: 322px;
    position: relative;
    margin: 0 auto;
    /*top: -322px;*/
    background: url(images/partners-bottom.png) center top/100% auto no-repeat
}

.testimonials-wrapper .partner-box.lower h1 {
    text-align: center;
    padding: 120px 0 0;
    margin: 0
}

@media all and (max-width: 640px) {
    .testimonials-wrapper .partner-box.lower h1 {
        padding-top: 70px
    }
}

@media all and (max-width: 500px) {
    .testimonials-wrapper .partner-box.lower h1 {
        padding-top: 40px
    }
}

@media all and (max-width: 414px) {
    .testimonials-wrapper .partner-box.lower h1 {
        padding-top: 20px
    }
}

@media all and (max-width: 360px) {
    .testimonials-wrapper .partner-box.lower h1 {
        padding-top: 10px
    }
}

@media all and (max-width: 320px) {
    .testimonials-wrapper .partner-box.lower h1 {
        padding-top: 0
    }
}

.f-title a {
    color: #fff;
}

.f-title {
    margin-bottom: 40px;
    color: #fff;
}

.testimonials-wrapper {
    /*padding-top: 322px;*/
    padding-bottom: 30px;
    background-color: #fff
}

.section-white .f-title a, .section-white .f-title {
    color: #000;
}



@media all and (max-width: 800px) {
    .testimonials-wrapper {
        /*padding-top: 276px*/
    }
}

@media all and (max-width: 640px) {
    .testimonials-wrapper {
        /*padding-top: 230px*/
    }
}

@media all and (max-width: 480px) {
    .testimonials-wrapper {
        /*padding-top: 170px*/
    }
}

@media all and (max-width: 360px) {
    .testimonials-wrapper {
        /*padding-top: 130px*/
    }
}

.testimonials-wrapper .testimonial {
    margin-bottom: 50px !important
}

.testimonials-wrapper .image-wrapper {
    cursor: auto;
    margin-bottom: 25px
}

.testimonials-wrapper .image-wrapper .image-overlay {
    background-image: url(images/hexagon-white-small.svg)
}

.testimonials-wrapper h4 {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 5px
}

.testimonials-wrapper .excerpt {
    margin: 0
}

.testimonials-wrapper .excerpt * {
    color: #000
}

.page-template-template-testimonials .testimonial {
    margin-bottom: 50px !important
}

.page-template-template-testimonials .image-wrapper {
    cursor: auto;
    margin-bottom: 25px;
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.page-template-template-testimonials .image-wrapper .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hexagon-white.png) 0 0/100% 100% no-repeat;
    z-index: 3
}

.page-template-template-testimonials h4 {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 5px
}

.page-template-template-testimonials .excerpt {
    margin: 0
}

.page-template-template-testimonials .excerpt * {
    color: #000
}

.news-wrapper {
    padding: 100px 0 80px;
    background: 0 0/100% auto no-repeat
}

.news-wrapper .news-article {
    margin-bottom: 50px !important
}

.news-wrapper h2 {
    margin-bottom: 50px
}



.news-wrapper .image-wrapper {
    margin-bottom: 20px
}

.news-wrapper .image-wrapper img {
    border-radius: 5px
}

.news-wrapper h4 {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 15px
}

.page-template-template-diplomas-php, .page-template-template-dark-php {
    background-color: #333;
}

.page-template-template-diplomas-php .diplomas-wrapper, .page-template-template-dark-php .dark-wrapper, .page-template-template-white-php .white-wrapper {
    background: 0 0/100% auto no-repeat;
}

.page-template-template-dark-php .dark-wrapper, .page-template-template-white-php .white-wrapper {
    padding-top: 55px;
    padding-bottom: 55px;
}

.diplomas {
    padding-top: 40px !important;
}

.diplomas .diploma {
    margin-bottom: 70px !important
}

.diplomas .diploma .image-wrapper {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 640px) {
    .diplomas .diploma .image-wrapper {
        margin-bottom: 30px
    }
}

.diplomas .diploma .image-wrapper:hover .overlay {
    display: block
}

.diplomas .diploma .image-wrapper .overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5);
    z-index: 2;
    top: 0;
    left: 0
}

.diplomas .diploma .image-wrapper .overlay i {
    color: #000;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -100px;
    font-size: 10.9375rem;
    text-align: center;
    line-height: 200px
}

@media all and (max-width: 480px) {
    .diplomas .diploma .image-wrapper .overlay i {
        font-size: 6.25rem
    }
}

.diplomas .diploma .details {
    position: relative;
    min-height: 294px
}

@media all and (max-width: 640px) {
    .diplomas .diploma .details {
        min-height: 0
    }
}

.diplomas .diploma h2 {
    font-family: BebasNeueBook, sans-serif;
    color: #ffa000 !important;
    margin: -12px 0 20px
}

.diplomas .diploma h5 {
    font-family: Roboto, sans-serif;
    color: #fff;
    margin: 0 0 20px
}

.diplomas .diploma .excerpt {
    padding-bottom: 50px
}

.diplomas .diploma .excerpt * {
    color: #fff
}

.home .diplomas .diploma .excerpt {
    padding-bottom: 0;
}

.diplomas .diploma .button {
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: 0
}

.diplomas .diploma .price {
    display: inline-block;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.25rem;
    line-height: 40px;
    color: #ffa000;
    position: absolute;
    bottom: 0;
    right: 10px
}

.page-template-template-contact-php {
    background-color: #333
}

.page-template-template-contact-php h5 {
    color: #ffa000;
    margin-bottom: 30px
}

.page-template-template-contact-php .sidebar {
    margin-bottom: 30px
}

.page-template-template-contact-php .sidebar * {
    color: #fff
}

.page-template-template-contact-php .sidebar h5 {
    color: #ffa000
}

.page-template-template-contact-php .select-wrapper .wpcf7-form-control-wrap {
    display: block
}

.page-template-template-contact-php .ui-selectmenu-button {
    display: block;
    width: 100% !important
}

.page-template-template-contact-php .ui-selectmenu-text {
    border: 1px solid #ffa000;
    color: #ffa000;
    padding: 10px !important;
    position: relative
}

.page-template-template-contact-php .ui-selectmenu-text:after {
    display: block;
    font-family: icomoon;
    content: "\e600";
    width: 20px;
    height: 20px;
    background-color: #ffa000;
    border-radius: 50%;
    color: #000;
    line-height: 19px;
    text-align: center;
    position: absolute;
    top: 9px;
    right: 10px
}

.page-template-template-contact-php .ui-widget-content {
    border: 1px solid #ffa000;
    margin-top: -2px
}

.page-template-template-contact-php .ui-widget-content li {
    color: #ffa000;
    background-color: #000;
    padding: 5px 10px
}

.archive .articles-wrapper,
.blog .articles-wrapper {
    background: 0 0/100% auto no-repeat
}

.archive h1,
.blog h1 {
    float: left
}

.archive #main .menu,
.blog #main .menu {
    float: right;
    list-style: none;
    margin: 0
}

.archive #main .menu li,
.blog #main .menu li {
    float: left;
    line-height: 75px;
    margin-left: 5px
}

.archive #main .menu li:before,
.blog #main .menu li:before {
    content: '/';
    font-size: 1.125rem;
    display: inline-block;
    color: #000;
    margin-right: 5px
}

.archive #main .menu li:first-child:before,
.blog #main .menu li:first-child:before {
    color: #fff
}

.archive #main .menu li.current-menu-item a,
.blog #main .menu li.current-menu-item a {
    color: #ffa000
}

.archive #main .menu li a,
.blog #main .menu li a {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #000
}

.archive .articles,
.blog .articles {
    padding-bottom: 50px
}

.archive .articles .article,
.blog .articles .article {
    margin-bottom: 50px !important
}

.archive .articles .article .image-wrapper,
.blog .articles .article .image-wrapper, .news .article .image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 640px) {
    .archive .articles .article .image-wrapper,
    .blog .articles .article .image-wrapper {
        margin-bottom: 30px
    }
}

.archive .articles .article .image-wrapper:hover .overlay,
.blog .articles .article .image-wrapper:hover .overlay, .news .article .image-wrapper:hover .overlay {
    display: block
}

.archive .articles .article .image-wrapper .overlay,
.blog .articles .article .image-wrapper .overlay, .news .article .image-wrapper .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5);
    font-family: BebasNeueRegular, sans-serif;
    font-size: 2.25rem;
    color: #fff
}

.archive .articles .article .image-wrapper .overlay span,
.blog .articles .article .image-wrapper .overlay span, .news .article .image-wrapper .overlay span {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    top: 50%;
    left: 35px;
    margin-top: -50px;
    position: absolute
}

.archive .articles .article h3,
.blog .articles .article h3 {
    margin: -8px 0 20px
}

.archive .articles .article h3 a,
.blog .articles .article h3 a {
    color: #000
}

.archive .articles .article h3 a:hover,
.blog .articles .article h3 a:hover {
    color: #ffa000
}

.archive .articles .article h5,
.blog .articles .article h5 {
    margin: 0 0 5px
}

.archive .articles .article .categories,
.blog .articles .article .categories {
    font-family: BebasNeueRegular, sans-serif;
    font-size: .875rem;
    margin-bottom: 25px
}

.category #masthead .menu-bar #main-menu ul li.category-parent a,
.tax-course_category #masthead .menu-bar #main-menu ul li.course-category-parent a {
    color: #ffa000
}

.page-template-template-courses-php h1,
.tax-course_category h1 {
    float: left
}

.page-template-template-courses-php #main .menu,
.tax-course_category #main .menu {
    float: right;
    list-style: none;
    margin: 0
}

.page-template-template-courses-php #main .menu li,
.tax-course_category #main .menu li {
    float: left;
    line-height: 75px;
    margin-left: 5px
}

.page-template-template-courses-php #main .menu li:before,
.tax-course_category #main .menu li:before {
    content: '/';
    font-size: 1.125rem;
    display: inline-block;
    color: #000;
    margin-right: 5px
}

.page-template-template-courses-php #main .menu li:first-child:before,
.tax-course_category #main .menu li:first-child:before {
    color: #fff
}

.page-template-template-courses-php #main .menu li.current-menu-item a,
.tax-course_category #main .menu li.current-menu-item a {
    color: #ffa000
}

.page-template-template-courses-php #main .menu li a,
.tax-course_category #main .menu li a {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #000
}

.page-template-template-courses-php .courses,
.tax-course_category .courses {
    padding-bottom: 50px
}

.page-template-template-courses-php .courses-wrapper,
.tax-course_category .courses-wrapper {
    background: 0 0/100% auto no-repeat
}

.page-template-template-courses-php .course,
.tax-course_category .course {
    margin-bottom: 100px !important
}

.page-template-template-courses-php .course .image-wrapper,
.tax-course_category .course .image-wrapper,
.page-id-7328 .course .image-wrapper {
    margin-bottom: 50px;
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    cursor: pointer
    display:block !important;
}

.page-id-7328 .course .image-wrapper {
    margin-bottom: 20px;
}



.page-id-7328 .details-toggle a {
    width: 100% !important;
}

.page-template-template-courses-php .course .image-wrapper:hover .overlay,
.tax-course_category .course .image-wrapper:hover .overlay,
.page-id-7328 .image-wrapper:hover .overlay {
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5)
}

.page-template-template-courses-php .course .image-wrapper .image-overlay,
.tax-course_category .course .image-wrapper .image-overlay,
.image-wrapper.hex-uv,
.page-id-7328 .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hexagon-white.png) 0 0/100% 100% no-repeat;
    z-index: 3;
    display: block;
}

.page-template-template-courses-php .course .image-wrapper .overlay,
.tax-course_category .course .image-wrapper .overlay,
.image-wrapper.hex-uv .overlay,
.page-id-7328 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2;
    padding: 50px 20px
}

.page-template-template-courses-php .course .image-wrapper .overlay h3,
.tax-course_category .course .image-wrapper .overlay h3,
.image-wrapper.hex-uv .overlay h3,
.page-id-7328 .overlay h3 {
    position: relative;
    font-family: BebasNeueRegular, sans-serif;
    color: #fff;
    margin: 0;
    /*top: 50%; */
    text-shadow: 3px 3px 6px #000
}

.page-template-template-courses-php .course .details-toggle,
.tax-course_category .course .details-toggle,
.page-id-7328 .course .details-toggle {
    width: 100%;
    height: 40px;
    border: 2px solid #ffa000;
    border-radius: 5px
}

.page-template-template-courses-php .course .details-toggle a,
.tax-course_category .course .details-toggle a,
.page-id-7328 .course .details-toggle a{
    width: 50%;
    float: left;
    line-height: 36px;
    text-align: center;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #000;
    border-left: 2px solid #ffa000
}

.page-template-template-courses-php .course .details-toggle a:first-child,
.tax-course_category .course .details-toggle a:first-child,
.page-id-7328 .course .details-toggle a:first-child {
    border-left: none
}

.page-template-template-courses-php .course .details-toggle a.active,
.tax-course_category .course .details-toggle a.active,
.page-id-7328 .course .details-toggle a.active {
    background-color: #ffa000;
    color: #fff
}

.page-template-template-courses-php .course .details-outer-wrapper,
.tax-course_category .course .details-outer-wrapper,
.page-id-7328 .course .details-outer-wrapper {
    padding: 20px 10px 0;
    border: 2px solid #ffa000;
    border-top: 0;
    margin-top: -3px;
    border-radius: 0 0 5px 5px
}

.page-template-template-courses-php .course .details-wrapper,
.tax-course_category .course .details-wrapper,
.page-id-7328 .course .details-wrapper {
    position: relative;
    margin-bottom: 30px
}

.page-template-template-courses-php .course .details-wrapper > div,
.tax-course_category .course .details-wrapper > div,
.page-id-7328 .course .details-wrapper > div {
    width: 100%;
    display: none
}

.page-template-template-courses-php .course .details-wrapper > div.active,
.tax-course_category .course .details-wrapper > div.active,
.page-id-7328 .course .details-wrapper > div.active {
    display: block
}

.page-template-template-courses-php .course .price,
.tax-course_category .course .price,
.page-id-7328 .course .price {
    padding-bottom: 3px;
    border-bottom: 1px solid #ffa000;
    margin-bottom: 15px
}

.page-template-template-courses-php .course .price h5,
.tax-course_category .course .price h5,
.page-id-7328 .course .price h5 {
    font-family: BebasNeueRegular, sans-serif;
    line-height: 20px;
    float: left;
    margin: 0
}

.page-template-template-courses-php .course .price span,
.tax-course_category .course .price span {
    display: block;
    float: right;
    line-height: 20px;
    font-family: BebasNeueBold, sans-serif;
    font-size: 1.125rem;
    color: #ffa000
}

.page-template-template-courses-php .course .level h5,
.tax-course_category .course .level h5 {
    font-family: BebasNeueRegular, sans-serif;
    line-height: 20px;
    float: left;
    margin: 0
}

.page-template-template-courses-php .course .level span,
.tax-course_category .course .level span {
    display: block;
    float: left;
    margin-left: 5px;
    line-height: 20px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #ffa000
}

.page-template-template-courses-php .course .more-button,
.tax-course_category .course .more-button {
    margin-top: 15px
}

.page-template-template-courses-php .course .more-button a:hover,
.tax-course_category .course .more-button a:hover {
    color: #fff
}

.page-template-template-courses-php .course table,
.tax-course_category .course table {
    width: 100%;
    border: none
}

.page-template-template-courses-php .course table tr,
.tax-course_category .course table tr {
    background-color: #fff
}

.page-template-template-courses-php .course table td,
.tax-course_category .course table td {
    padding: 0;
    line-height: 24.5px
}

.page-template-template-courses-php .course table td.text-right,
.tax-course_category .course table td.text-right {
    text-align: right
}

.single-course #main.has-video-or-image-header,
.single-remix-contest #main.has-video-or-image-header,
.single-kursorte #main.has-video-or-image-header,
.single-diploma #main.has-video-or-image-header,
.single-aheader #main.has-video-or-image-header{
    position: relative
}

.single-course-only #main.has-video-or-image-header:before,
.single-kursorte #main.has-video-or-image-header:before,
.single-remix-contest #main.has-video-or-image-header:before,
.single-diploma #main.has-video-or-image-header:before,
.single-aheader #main.has-video-or-image-header:before {
    content: '';
    display: block;
    position: absolute;
    width: 934px;
    height: 322px;
    background: url(images/hexagon-line.svg) 0 bottom no-repeat;
    left: 50%;
    margin-left: -467px;
    top: -322px;
}

@media all and (max-width: 934px) {
    .single-course #main.has-video-or-image-header:before,
    .single-remix-contest #main.has-video-or-image-header:before,
    .single-kursorte #main.has-video-or-image-header:before,
    .single-diploma #main.has-video-or-image-header:before,
    .single-aheader #main.has-video-or-image-header:before {
        width: 100%;
        margin-left: 0;
        left: 0;
        background-size: 100%
    }
}

.single-course #main.has-video-or-image-header > .row,
.single-remix-contest #main.has-video-or-image-header > .row,
.single-kursorte #main.has-video-or-image-header > .row,
.single-diploma #main.has-video-or-image-header > .row,
.single-aheader #main.has-video-or-image-header > .row {
    position: relative
}

.single-course-only #main.has-video-or-image-header > .row:after,
.single-kursorte #main.has-video-or-image-header > .row:after,
.single-remix-contest #main.has-video-or-image-header > .row:after,
.single-diploma #main.has-video-or-image-header > .row:after,
.single-aheader #main.has-video-or-image-header > .row:after{
    content: '';
    display: block;
    position: absolute;
    width: 17px;
    height: 100%;
    background-color: #ffa000;
    left: -59px;
    top: 0
}

.single-course h1.course-name {
    font-weight: bold;
    font-size: 50px;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

h1.course-in-frame {
    margin: 0 !Important;
}

@media all and (max-width: 934px) {
    .single-course #main.has-video-or-image-header > .row:after,
    .single-remix-contest #main.has-video-or-image-header > .row:after,
    .single-kursorte #main.has-video-or-image-header > .row:after,
    .single-diploma #main.has-video-or-image-header > .row:after,
    .single-aheader #main.has-video-or-image-header > .row:after{
        display: none
    }
}

.single-course h1,
.single-remix-contest h1,
.single-diploma h1,
.single-aheader h1{
    margin: 70px 0;
    color: #ffa000
}

.single-course .sidebar,
.single-remix-contest .sidebar,
.single-diploma .sidebar,
.single-aheader .sidebar{
    margin-bottom: 70px !important
}

.single-course .sidebar .button,
.single-remix-contest .button,
.single-diploma .sidebar .button,
.single-aheader .sidebar .button{
    width: 100%
}

.single-course .sidebar .widget,
.single-remix-contest .sidebar .widget,
.single-diploma .sidebar .widget,
.single-aheader .sidebar .widget{
    margin-bottom: 0px
}

.single-course .sidebar h5,
.single-remix-contest .sidebar h5,
.single-diploma .sidebar h5,
.single-aheader .sidebar h5{
    margin: 0 0 15px;
    font-family: BebasNeueBold, sans-serif;
    color: #ffa000
}

.single-course .sidebar table,
.single-remix-contest .sidebar table,
.single-diploma .sidebar table,
.single-aheader .sidebar table {
    border: none;
    margin-bottom: 10px
}

.single-course .sidebar table tr,
.single-remix-contest .sidebar table tr,
.single-diploma .sidebar table tr,
.single-aheader .sidebar table tr {
    background-color: #fff
}

.single-course .sidebar table td,
.single-remix-contest .sidebar table td,
.single-diploma .sidebar table td,
.single-aheader .sidebar table td{
    padding: 0;
    font-weight: 700;
    line-height: 24.5px
}

.single-course .sidebar .price,
.single-remix-contest .sidebar .price,
.single-diploma .sidebar .price,
.single-aheader .sidebar .price{
    padding-bottom: 3px;
    border-bottom: 1px solid #ffa000;
    margin-top: 15px;
    margin-bottom: 15px;
}

.single-course .sidebar .price h5,
.single-remix-contest .sidebar .price h5,
.single-diploma .sidebar .price h5,
.single-aheader .sidebar .price h5{
    font-family: BebasNeueRegular, sans-serif;
    line-height: 20px;
    float: left;
    margin: 0;
    color: #000
}

.single-course .sidebar .price span,
.single-remix-contest .sidebar .price span,
.single-diploma .sidebar .price span,
.single-aheader .sidebar .price span{
    display: block;
    float: right;
    line-height: 20px;
    font-family: BebasNeueBold, sans-serif;
    font-size: 1.125rem;
    color: #ffa000
}

.single-course .sidebar .level,
.single-remix-contest .sidebar .level,
.single-diploma .sidebar .level,
.single-aheader .sidebar .level{
    margin-bottom: 10px
}

.single-course .sidebar .level h5,
.single-remix-contest .sidebar .level h5,
.single-diploma .sidebar .level h5,
.single-aheader .sidebar .level h5{
    font-family: BebasNeueRegular, sans-serif;
    line-height: 20px;
    float: left;
    margin: 0;
    color: #000
}

.single-course .sidebar .level span,
.single-remix-contest .sidebar .level span,
.single-diploma .sidebar .level span,
.single-aheader .sidebar .level span{
    display: block;
    float: left;
    margin-left: 5px;
    line-height: 20px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #ffa000
}

.wp-pagenavi {
    text-align: center
}

.wp-pagenavi a,
.wp-pagenavi span {
    position: relative;
    display: inline-block;
    border: none;
    width: 30px;
    height: 34px;
    line-height: 29px;
    text-align: center;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.25rem;
    background-color: #ffa000;
    color: #fff;
    z-index: 1
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
    font-weight: 400;
    color: #000
}

.wp-pagenavi a:after,
.wp-pagenavi span:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(images/hexagon-tiny.png);
    z-index: 2
}

.wp-pagenavi a:hover {
    color: #000
}

.page-template-template-contact-php .content {
    margin: 0;
    padding: 70px 0 100px;
    background: 0 0/100% auto no-repeat
}

#contact-map {
    width: 100%;
    height: 400px;
    margin-top: 130px
}

@media all and (max-width: 640px) {
    #contact-map {
        height: 200px
    }
}

#colophon {
    padding: 30px 0 40px;
    background-color: #ffa000
}

#colophon .footer-logo {
    text-align: center
}

@media all and (max-width: 640px) {
    #colophon .footer-logo {
        float: left;
        width: 100%
    }
}

#colophon .text-left {
    margin-top: 25px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #fff;
    text-align: right !important
}

@media all and (max-width: 640px) {
    #colophon .text-left {
        float: none;
        width: 100%;
        text-align: center !important
    }
}

#colophon .text-right {
    margin-top: 25px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    color: #fff;
    text-align: left !important
}

@media all and (max-width: 640px) {
    #colophon .text-right {
        float: none;
        width: 100%;
        text-align: center !important
    }
}

#colophon .social-icons {
    margin-top: 20px !important
}

#colophon .social-icons a {
    display: inline-block;
    margin: 0 5px
}

#colophon .social-icons i {
    color: #fff;
    font-size: 2.5rem
}

@media all and (min-width: 768px) {
    #main-menu .menu {
        display: inline-block !important
    }
}

.course-button {
    width: 100%
}

.page-id-917 #main .row .column .content ul li:before {
    display: none;
}

.page-id-857 #main .row .column .content ul li:before {
    display: none;
}

.page-id-860 #main .row .column .content ul li:before {
    display: none;
}

.page-id-861 #main .row .column .content ul li:before {
    display: none;
}

.page-id-862 #main .row .column .content ul li:before {
    display: none;
}

.page-id-858 #main .row .column .content ul li:before {
    display: none;
}

.page-id-855 #main .row .column .content ul li:before {
    display: none;
}

.awpcp-order-form h3 {
    margin: 20px 0 50px;
}

.page-id-858 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-form-spacer .inputbox {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-858 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-form-spacer .awpcp-textarea {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-858 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-multiple-region-selector ul li ul li .multiple-region {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-858 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-form-spacer #captcha {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-857 #main .row .small-24 .content .awpcp-page .awpcp-form-spacer .inputbox {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-862 #main .row .small-24 .content .awpcp-page .awpcp-form-spacer .inputbox {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-857 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-multiple-region-selector ul li ul li .multiple-region {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-862 #main .row .small-24 .content .awpcp-page .awpcp-search-ads-form .awpcp-multiple-region-selector ul li ul li .multiple-region {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.page-id-857 #main .row .small-24 .content .awpcp-page .awpcp-details-form .awpcp-form-spacer .awpcp-textarea {
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
    color: #000;
}

select {
    margin: 0;
    background-color: white;
    padding: 10px;
    height: 40px;
    color: black;
}

.page-id-860 #main .row .small-24 .content #classiwrapper .changecategoryselect form .button {
    margin-top: 27px;
}

.page-id-861 #main .row .small-24 .content #classiwrapper .changecategoryselect form .button {
    margin-top: 27px;
}

label {
    color: #111;
}

.awpcp-form-submit {
    padding-top: 20px;
}

.awpcp-multiple-region-selector ul .awpcp-region-selector:before {
    display: none !important;
}

.kontakt_kurse input[type="text"]:focus,
.kontakt_kurse input[type="email"]:focus,
.kontakt_diploma input[type="text"]:focus,
.kontakt_diploma input[type="email"]:focus {
    background-color: transparent !important;
}

.kontakt_kurse input.btn,
.kontakt_diploma input.btn {
    width: 100%;
}

.kontakt-forms input[type="text"],
.kontakt-forms input[type="email"],
.kontakt-forms input[type="tel"],
.kontakt-forms .chosen-container,
.kontakt-forms textarea,
.kontakt-forms .gform_wrapper .chosen-container-multi .chosen-choices {
    background-color: #000 !important;
    color: #fff;
    background-image: none !important;
}

.kontakt-forms .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #fff !important;
}

.kontakt-forms .gform_wrapper div.validation_error {
    color: #ffa000 !important;
    border-top: 2px solid #ffa000 !important;
    border-bottom: 2px solid #ffa000 !important;
}

body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .kontakt-forms .gform_wrapper .gform_body .gform_fields .gfield select,
body .kontakt-forms.gform_wrapper .gform_body .gform_fields .gfield textarea {
    color: #fff !important;
}

.kontakt-forms, .kontakt-forms label {
    color: #fff;
}


.widget .caldera-grid {
    padding-left: 10px;
    padding-right: 10px;
}

.yellowpulse {
    margin-bottom: 0;
}

.kontakt_kurse .terms p, .kontakt_kurse .terms label, .kontakt_diploma .terms p, .kontakt_diploma .terms label {
    font-size: 10.5pt;
}

.kontakt_kurse .standard-field input, .kontakt_diploma .standard-field input {
    font-size: 10.5pt !important;
}

.kontakt_kurse .radiolabel label, .kontakt_diploma .radiolabel label {
    font-family: Roboto, Arial, sans-serif;
    font-size: 10.5pt;
    color: orange;
}

.kontakt_kurse .headerlabel label, .kontakt_diploma .headerlabel label {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 10px;
    color: orange;
}

.kontakt_kurse .ccselect2-search-field:before,
.kontakt_diploma .ccselect2-search-field:before {
    bottom: 30%;
    top: 30%;
    padding-right: 10px;
}

.kontakt_kurse .ccselect2-search-field input,
.kontakt_diploma .ccselect2-search-field input {
    padding: 10px;
}



.awpcp-region-selector-partials .awpcp-region-selector-partial:before {
    display: none;
}

.plupload_filelist_footer {
    height: 36px;
}

a.button.white.toggle:focus, a.button.white.toggle:active, a.button.white.toggle:hover, .navlink a:hover, .navlink a:active, .navlink a:focus {
    color: #fff;
    background-color: #ffbd4d;
}

.course-button {
    color: #ffa000;
}

a.button.form-opener {
    color: #ffa000 !important;
}
a.button.form-opener:hover {
    color: #fff;
}


/*a.button.white.toggle {
    -webkit-transition: color 0.1s, font-size 0.1s;
    -moz-transition: color 0.1s, font-size 0.1s;
    -o-transition: color 0.1s, font-size 0.1s;
    transition: color 0.1s, font-size 0.1s;
}

a.button.white.toggle:hover {
    font-size: 1.495rem;
}


a.button.white.toggle:focus {
    background-color: transparent !important;
}*/

@-webkit-keyframes yellowPulseEffect {
    from {
        background-color: #ffa000;
        -webkit-box-shadow: 0 0 9px #ffbd4d;
    }
    50% {
        background-color: #ffb000;
        -webkit-box-shadow: 0 0 18px #ffd080;
    }
    to {
        background-color: #ffbd4d;
        -webkit-box-shadow: 0 0 9px #ffd080;
    }
}

@keyframes yellowPulseEffect {
    from {
        background-color: #ffa000;
        -webkit-box-shadow: 0 0 9px #ffbd4d;
    }
    50% {
        background-color: #ffb000;
        -webkit-box-shadow: 0 0 18px #ffd080;
    }
    to {
        background-color: #ffbd4d;
        -webkit-box-shadow: 0 0 9px #ffd080;
    }
}

.yellowpulse {

    -webkit-animation-name: yellowPulseEffect;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: yellowPulseEffect;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    animation-name: yellowPulseEffect;
    animation-duration: 2s;
    animation-iteration-count: infinite;

    border: 1px solid #ffa000;
    color: #fff;
}

.yellowpulse:hover, .yellowpulse:focus, .yellowpulse:active {
    background-color: #fff;
    color: #000;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
    border: 2px solid #ffa000;
}

.image-wrapper .overlay h3 {
    font-size: 1.8rem;
    text-align: center;
}

.navigation-buttons {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.single .navigation-buttons {
    margin-top: 50px;
    margin-bottom: 50px;
}


.navlink {
    display: inline-block;
}

.previous-link {
    float: left;
}

.next-link {
    float: right;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-10px);
    }
    60% {
        transform: translateX(-5px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    60% {
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

.arrow {
    margin-left: 23px;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii02MyAtMTYgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNjMgLTE2IDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMjYuMSwyMDMuMmMyMC4yLDIwLjIsMTkuOSw1My4yLTAuNiw3My43bDAsMGMtMjAuNSwyMC41LTUzLjUsMjAuOC03My43LDAuNmwtMTkwLTE5MEM0MS43LDY3LjMsNDIsMzQuNCw2Mi41LDEzLjhsMCwwQzgzLTYuNywxMTYtNi45LDEzNi4xLDEzLjNMMzI2LjEsMjAzLjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMyNi4xLDI3Ni44YzIwLjItMjAuMiwxOS45LTUzLjItMC42LTczLjdsMCwwYy0yMC41LTIwLjUtNTMuNS0yMC44LTczLjctMC42bC0xOTAsMTkwYy0yMC4yLDIwLjItMTkuOSw1My4yLDAuNiw3My43bDAsMGMyMC41LDIwLjUsNTMuNSwyMC44LDczLjcsMC42TDMyNi4xLDI3Ni44eiIvPjwvc3ZnPg==);
  background-size: contain;*/
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.margin-bottom-xs {
    margin-bottom: 10px !important;
}

.course-dates td {
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-size: 13pt;
    letter-spacing: 0.5px;
}

.btn {
    padding: 15px;
    width: 100%;
    margin-bottom: 5px;

}

.std {
    font-size: 16pt;
    padding: 0 20px;
    color: #ffa000;
}

.btn-orange {
    color: #fff !important;
    background-color: #ff9933 !important;
    border-color: #ff9933 !important;
}

a.button.white.toggle {
    /* padding-left: 40px;
    padding-right: 30px;*/
    font-size: 16pt;
    padding: 0 20px;
    margin-bottom: 0;
    color: #ffa000;
}

a.button.white.toggle:hover, a.button.white.toggle:focus, a.button.white.toggle:active {
    background-color: #ff9933;
}

.caldera_forms_form input[type="submit"] {
    font-size: 1.125rem;
}

.single .featured-image img {
    width: 100%;
}

.title h1 {
    margin-bottom: 20px;
}

.navlink:hover a, .navlink:active a, .navlink:focus a {
    color: #fff !important;
}

.trainerimages {
    width: 100%;
    float: left;
}

.trainerimages .trainerimg, .trainerimages .trainerimg {
    display: inline-block;
}

.page-template-template-contact input[type="submit"] {
    width: 100% !important;
}

.trainer_subtitle {
    margin-bottom: 5px !important;
}

.js-link:hover, .js-link:focus, .js-link:active {
    cursor: pointer;
}

.smallpadding {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.haxogen-entry {
    margin-bottom: 20px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.haxogen-entry .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/hexagon-white.png) 0 0/100% 100% no-repeat;
    z-index: 3;
}

.haxogen-entry .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2;
    padding: 50px 8px;
}

/*.haxogen-entry .overlay{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffa000;
    background-color: rgba(255, 160, 0, .5);
    font-family: BebasNeueRegular, sans-serif;
    font-size: 2.25rem;
    color: #fff
}*/

.haxogen-entry .overlay h3 {
    display: inline-block;
    line-height: 40px;
    position: relative;
    font-family: BebasNeueRegular, sans-serif;
    color: #fff;
    margin: 0;
    text-align: center;
    text-shadow: 3px 3px 6px #000;
    width: 100%;

}

.haxogen-entry:hover .overlay {
    display: block;
    background-color: rgba(255, 160, 0, .5);
}

.courses .haxogen-entry .image-overlay {
    background: url(images/hexagon-white.png) 0 0/102% 102% no-repeat;
    /*background: url(images/hexagon-white.png) 0 0/101% 101% no-repeat;*/
}

.courses .haxogen-entry .overlay h3 {
    font-size: 17px;
    line-height: 17px;
    text-align: center;
}

.mtop {
    margin-top: 30px;
}

h5.widgettitle {
    width: 100%;
    display: inline-block;
    margin-top: 20px !important;
}

@media (max-width: 768px) {
    /* .navlink {
        padding: 0 20px;
        margin: 10px;
    }*/
    .courses .haxogen-entry .overlay h3 {
        font-size: 21px !important;
        line-height: 22px;
    }
}

.content li ul, .details-wrapper li ul {
    margin-bottom: 0 !important;
}

.section-gray {
    background-color: #333 !important;
}

.courses-wrapper {
    padding-top: 50px;
}

.navlink a {
    border: 2px solid #ff9933;
    padding: 10px 15px;
    border-radius: 5px;
}

.courses .haxogen-entry img {
    width: 100%;
}

.single-trainer .share-buttons, .single-trainer .trainer-soundcloud {
    margin-top: 50px;
}

.single-trainer .course_details {
    margin-top: 20px;
}

.fw {
    width: 100% !important;
}

.pagitop {
    margin-bottom: 50px;
}

.pagibottom {
    margin-bottom: 50px;
}

.single-trainer .large-12 .haxogen-entry {
    width: 63% !important;
    float: left !important;
}

.courses .inline:last-child {
    float: left !important;
}

.course-dates .row.courses {
    padding-right: 15px;
    padding-left: 15px;
}

.course-dates .gform_wrapper, .course-dates .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}

.course-dates .gform_wrapper label.gfield_label + div.ginput_container, .course-dates .gform_wrapper .chosen-container-multi .chosen-choices, .course-dates .gform_wrapper .chosen-container-multi .chosen-choices li.search-field, .course-dates .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    min-height: 25px !important;
    width: 100%;
}

.course-dates input[type="tel"], .course-dates input[type="email"], .course-dates input[type="text"] {
    height: 27px;
}

.course-dates .gform_wrapper .top_label .gfield_label {
    margin: 0.225em 0 0;
}

.course-dates .gform_footer, .course-dates .gform_body {
    padding: 0;
}

.course-dates .gform_footer {
    padding-top: 0 !important;
}

.course-dates .gform_body {
    padding-bottom: 0 !important;
}

.course-dates .gform_wrapper form li, .gform_wrapper li {
    padding-left: 0;
    padding-right: 0;
}

.course-dates .gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {

}

.course-dates .gform_wrapper div.validation_error {
    color: #790000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: -3px;
    border-top: none;
    border-bottom: none;
    clear: both;
    width: 97.5%;
    margin-top: 10px;
    padding: 5px;
}

.gform_wrapper .gfield_radio li {
    line-height: 0px !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

.single-course .gform_wrapper > form,
.single-remix-contest .gform_wrapper > form {
    padding: 0px 2px;
}

.single-course .gform_wrapper .gfield_label,
.single-remix-contest .gform_wrapper .gfield_label {
    line-height: 15px !important;
}

.single-course .gform_wrapper ul li.gfield,
.single-remix-contest .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}

@media(min-width: 641px) {
    .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
        margin: 0 0 3px !important;
    }
}

.chosen-container li:before {
    content: '';
    display: none;
}

.search-field input.default {
    width: 100% !important;
}

div.kursdatum {
    border: 1px solid #ff9933;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 6px;
}

.kursdatum-title {
    width: 100%;
    background: #ff9933;
    color: #fff;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}

.kursdatum-title a {
    color: #fff !important;
}

.kursdatum-title .title-text {
    color: #fff !important;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 16pt;
}

.kursdatum-subtitle {
    font-size: 21px;
    text-align: center;
    color: #ff9933;
    margin: 0;
}

.kursdatum-date {
    text-align: center;
    margin-bottom: 5px !important;
    font-family: BebasNeueRegular, Arial, sans-serif !important;
}

.kursdatum-content .haxogen-entry .overlay h3 {
    font-size: 14pt;
    line-height: 21px;
    /*height: auto;
    margin-top: -11px !important;
    text-align: center;*/
}

.kursdatum-price {
    width: 100%;
    text-align: center;
    float: left;
    color: #ff9933;
    border-top: 1px solid #ff9933;
    font-size: 18pt;
    font-family: BebasNeueRegular, Arial, 'sans-serif';
    padding-top: 15px;
    padding-bottom: 15px;
}


.kursdatum-v2 .kursdatum-price {
    background-color: #ff9933 !important;
    color: #fff;
}

.kursdatum-v2 .add-to-cart-link {
    background-color: #ff580f !important;
    color: #fff;
    font-size: 18pt;
    font-family: BebasNeueRegular, Arial, 'sans-serif';
    padding-top: 0;
    padding-bottom: 0;
}


.kursdatum-content-main-inner {
    padding-bottom: 10px;
}

@media(max-width: 900px) and (min-width: 768px) {
    .single-course .course-date-entry .title-text {
        font-size: 19px;
    }

    .single-course .add-to-cart-link a {
        font-size: 19px;
    }

}
.row.dates-row {
    margin-top: 10px !important;
}
.add-to-cart-link i {
    color: #fff;
}
.add-to-cart-link a {
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
}

.add-to-cart-link {
    width: 100%;
    margin: 0 !important;
    background: orange;
    color: #fff;
}
.add-to-cart-link:hover {
    opacity: 0.8;
}

#is-mobile {
    display: none;
}
@media(max-width: 768px) {
    #is-mobile {
        display: block !important;
    }
}

.kursdatum-content-footer {

}

.kursdatum-price:hover {
    cursor: pointer;
}

.kursdatum-date, .kursdatum-subtitle {
    font-size: 14pt;
    font-weight: normal;
}

.kursdatum-content {

}

.kinner {
    padding: 8px;
    font-size: 13px;
}

.kursdatum-content .member-haxagon {
    padding: 7px;
    overflow: hidden;
    width: 100%;
}

.kursdatum-content .haxogen-entry {
    margin-bottom: 0;
}

.kursdatum-date.black {
    color: #000 !important;
    font-size: 14pt;
    font-weight: normal;
}

.course-dates input[type="text"], .course-dates input[type=email] {
    background: transparent !important;
}

.hidden {
    display: none !important;
}

.list-radio-wrap li:before {
    content: '' !important;
}

.list-radio-wrap .field-wrap.label-left .ninja-forms-field, .list-radio-wrap .field-wrap.label-left .ninja-forms-star-rating-control {
    margin-left: 0 !important;
}

.field-wrap, #ninja_forms_required_items {
    margin-bottom: 5px;
}

.ninja-forms-required-items {
    font-size: 14px;
    margin-top: 6px;
}

.open-kursdatum-main-content {
    text-align: center;
    width: 100%;
    display: block;
}

.nomargin h5.widgettitle {
    margin-bottom: 0;
}

p.nomargin {
    margin: 0 !important;
}

.single-trainer .navigation-buttons {
    margin-top: 36px;
}

.row.trainer a.white {
    color: #ffa000;
}

.row.trainer a.white:hover {
    color: #fff;
}

.thumbnail-image {
    width: 100%;
    float: left;
}

.thumbnail-image img {
    width: 100%;
}

.gfield.pregenerated {
    height: 1px;
    left: -9999px;
    position: absolute;
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {

    .course-dates {
        margin-top: 35px;
    }

    .su-box {
        margin: 0 0 1em 0 !important;
    }

    .navigation-buttons {
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    .single-trainer .haxogen-entry .overlay h3 {
        font-size: 22px !important;
        line-height: 26px !important;

    }

}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {

}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

    .single-trainer .haxogen-entry .overlay h3 {
        font-size: 24px !important;
        line-height: 24px !important;
    }

}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

    .single-trainer .haxogen-entry .overlay h3 {
        font-size: 26px !important;
        line-height: 26px !important;

    }

}

/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}

/* min-width 641px, medium screens */
@media only screen and (min-width: 641px) and (max-width: 770px) {

    .course-dates .haxogen-entry .overlay h3 {
        font-size: 15px !important;
        line-height: 19px;
    }
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {

}

/******************* HEXAGONS **********************/

.hex {
    position: relative;
    margin: 1em auto;
    width: 6em;
    height: 10.2em;
    border-radius: 1em/.5em;
    background: url(https://www.schoolofsound.ch/wp-content/uploads/2015/06/01_push2_1-295x330.jpg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    display: inline-block;
    margin-right: 4.61538em;
    transition: all 150ms ease-in-out;
}

.hex a {
    display: block;
}

.hex:before {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    content: '';
    transform: rotate(60deg);
}

.hex:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    content: '';
    transform: rotate(-60deg);
}

.hex:hover {
    /* change opacity */
    opacity: 0.7;
    cursor: pointer;

    /*  text-shadow: 0 0 10px white; */
}

.hex > span {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 10.2em;
    transform: rotate(90deg);
    text-align: center;
    z-index: 20;
    color: #fff;
}

.hex > span > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    text-shadow: 3px 3px 6px #000;
    text-transform: uppercase;
}

/* floating box style */
.floating-form {
    max-width: 300px;
    border-left: 4px solid #ddd;
    right: 0;

    position: fixed;
    background: #ffa000;
    z-index: 99999;
    padding: 0 15px 20px 15px;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    z-index: 9999999;
}

.floating-form-inner {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999999;
    width: 100%;
    float: left;
    padding-left: 5px !important;
}

.floating-form-close {
    position: relative;
    top: 10px;
}

.contact-opener {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 90px;
    height: 90px;
    background-image: url('images/chat.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99999;
}

.contact-opener:hover {
    opacity: 0.8;
}

.floating-form-close {
    color: #fff;
    text-align: right;
    float: right;
}

.floating-form-top {
    width: 100%;
    float: left;
}

.floating-form-inner .chosen-container {
    width: 100% !important;
}

.contact-opener:hover {
    cursor: pointer;
}

.custom-chat-circle {
    width: 30px;
    height: 30px;
    background-image: url('images/chat.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: inherit;
}

.floating-form.visiable .contact-opener {

}

@media (max-width: 768px) {
    .floating-form {
        max-width: none;
        width: 95%;
    }
}

#contact_body label {
    color: #fff;
}

#contact_body input[type="submit"] {
    border: 2px solid #fff;
    width: 100%;
}

li.gfield:before, ul.gfield_checkbox li:before, ul.gfield_radio li:before {
    content: '' !important;
}

/* VIDEO */

.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    /*  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }*/
}

.section-white {
    background-color: #fff;
}

.pagination-margin-top {
    margin-top: 50px;
}

.pagination-margin-bottom {
    margin-bottom: 50px;
}

/* Controls sort */

.controls {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.controls .group {
    display: inline-block;

}

a.changeLayout:first-child {
    margin-top: 20px;
}

a.changeLayout,  a.coursesHelp {
    font-size: 50px;
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    z-index: 99999;
}

a.changeLayout i.fa,  a.coursesHelp i.fa {
    font-size: 44px;
}

.noborder {
    border: none !important;
}

.controls .group .items {
    border-radius: 8px;
    width: 100%;
    border: 1px solid gray;
}

.controls .group .items button:last-child {
    margin-right: 3px;
}

.controls .group .items button:first-child {
    margin-left: 3px;
}

.controls .group button {
    padding: 5px !important;
    background: transparent;
    border: 2px solid #ffa100;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: #000;
    margin-top: 3px;
    margin-bottom: 3px;
}

.controls .group button.active {
    background: #ffa100;
    color: #fff;
}

.controls .group label {
    width: 100%;
    display: inline;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

.h-kursdatum table {
    border: none;
    margin-bottom: 0;
}

.h-kursdatum th {
    padding: 0;
}

.mixitup.grid .show-list {
    display: none;
}

.mixitup.list .show-grid {
    display: none;
}

.mix {
    display: none;
}

.reset-wrap #reset-results:hover,
.reset-wrap #reset-results:focus,
.reset-wrap #reset-results:active {
    background: #ffa000;
    color: #fff;
}

.reset-wrap {
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}

.reset-wrap #reset-results {
    background: #f0f0f0;
    color: black;
    padding: 5px 20px;
}

.mixitup.list .mix {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px;
    padding-top: 10px;

}

.mixitup.list .item:first-child {
    border-top: 2px solid black;
}

.mixitup.list .item {
    border-bottom: 2px solid black;
}

.mixitup .show-list {
    word-wrap: break-word;
}

.mixitup .fail-message {
    display: none;
    -webkit-transition: opacity 5s ease-out;
    -moz-transition: opacity 5s ease-out;
    -ms-transition: opacity 5s ease-out;
    -o-transition: opacity 5s ease-out;
    transition: opacity 5s ease-out;
}

.mixitup.fail .fail-message {
    display: block;
    text-align: center;
    opacity: 1;
}

.item .text, .item .text, .item .text td {
    font-size: 12px;
    line-height: 16px;
}

.mixitup .table-titles {
    opacity: 1;
}

.mixitup.fail .table-titles {
    display: none;
}

.table-titles, .h-kursdatum th {
    font-size: 14px;
    letter-spacing: -0.060em;
    line-height: 25px;
}

.mixitup table td {
    line-height: 20.5px !important;
}

.mixitup .name a {
    color: #000;
}

.mixitup .name a:hover {
    text-decoration: underline;
}

.default.button.white {
    color: #ffa000;
}

.default.button.white:hover {
    color: #fff;
}

.sorting-buttons {
    border: 2px solid #ffa100;
    border-radius: 5px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.yellow-button {
    background: #ffa000;
    display: block;
    margin: 0 auto;
    color: #fff !important;
    padding: 5px;
}

.yellow-button:hover, .yellow-button:active, .yellow-button:focus {
    opacity: 0.7;
}

.inquirycourses-wrap .yellow-button {
    padding: 29px;
    margin-top: 26px;
    margin-left: 22px;
}

.course-excerpt {
    height: 187px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 29px;
}

.course-select i.fa {
    color: #ffa100;
    font-size: 20px;
    margin-top: 15px;
}

.course-select.selected i.fa {
    color: #ffd99a !important;
}

.download i.fa {
    text-align: left;
    float: left;
    display: block;
    margin-top: 5px;
}

.remodal .gfield:last-child {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}
.remodal input#choice_29_8_0, label#label_29_8_0 {
    position: relative;
    left: -25px;
}
.remodal label.gfield_label {
    font-weight: bold !important;
}

.dark-wrapper .inside-content .ptsTableFrontedShell {
    margin-top: 25px;
}

.dark-wrapper .inside-content p,
.dark-wrapper .inside-content h1,
.dark-wrapper .inside-content h2,
.dark-wrapper .inside-content h3,
.dark-wrapper .inside-content h4,
.dark-wrapper .inside-content h5,
.dark-wrapper .inside-content h6 {
    color: #fff;
    margin-bottom: 15px;
}

.dark-wrapper .inside-content .su-tabs p,
.dark-wrapper .inside-content .su-tabs h1,
.dark-wrapper .inside-content .su-tabs h2,
.dark-wrapper .inside-content .su-tabs h3,
.dark-wrapper .inside-content .su-tabs h4,
.dark-wrapper .inside-content .su-tabs h5,
.dark-wrapper .inside-content .su-tabs h6 {
    color: #000;
    margin-bottom: 15px;
}

#loading-img {
    background: url('images/Velocity.gif') center center no-repeat;
    height: 100%;
    z-index: 20;
}

.preloader {
    background: #fff;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}

.with-margintop {
    margin-top: 50px;
}


.content_in_header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

body:not(.home) .content_in_header .title-wrapper h1 {
    width: 100%;
    margin-top: auto !important;
    padding-top: 0px;
    margin-bottom: 35px;
}

/* jumping */
body.stickynav:not(.home) .content_in_header .title-wrapper h1 {
    margin-top: 100px !important;
}
.content_in_header .content-wrapper {
    color: #fff;
}

.content_in_header .content-wrapper p {
    font-size: 1rem;
}

.title-regular {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.ptsColDesc p span {
    font-family: BebasNeueRegular, sans-serif;
}

.su-tabs-pane .kursdatum-content .member-haxagon {
    max-width: 150px;
    float: left;
}

@media (max-width: 770px) {

    .disabled-mobile {
        display: none !important;
    }

    .centered-mobile {
        position: absolute;
        top: 30%;
    }

    .frame-title .course-in-frame {
        font-size: 46px;
    }

    .centered-mobile.frame-title .course-in-frame {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 91%;
        font-size: 38px !important;
        top: 0 !important;
        margin-top: 36px !important;
    }

    .home .title-wrapper h1 {
        font-size: 40px;
        margin-top: 5% !important;
        margin-bottom: 2% !important;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (width : 375px)
and (height : 559px)
and (orientation : portrait)
and (color : 8)
and (device-aspect-ratio : 375/667)
and (aspect-ratio : 375/559)
and (device-pixel-ratio : 2)
and (-webkit-min-device-pixel-ratio : 2)
{
    .centered-mobile.frame-title .course-in-frame {
        font-size: 32px !important;
    }
}

@media (min-width: 771px) {
    .disabled-desktop {
        display: none !important;
    }

    .home .icon {
        margin-bottom: 30px;
    }
}

@media(max-width: 767px) {
    #logo a img {
        width: 45px;
    }
}

@media (max-width: 580px) {
    .small-22.medium-22.column > .small-12.medium-12.column {
        margin-left: 30px;
    }

    .home h4 {
        margin: 0 0 10px;
    }

    #logo {
        top: 0 !important;
    }

    .phone-top-wrap {
        left: 30px;
    }

    .home .title-wrapper .content-wrapper p {
        line-height: 1.30;
        font-size: 0.9rem;
    }

    .home h2 {
        margin: 0 0 35px;
    }

    .news-wrapper {
        padding: 50px 0 80px;
    }

    .home .courses .course {
        margin-bottom: 15px !important;
    }

    .home .diplomas {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home .icon {
        margin-bottom: 15px;
    }

    .page-template-template-courses-php .course, .tax-course_category .course {
        margin-bottom: 40px !important;
    }

    .testimonials-wrapper .partner-box.lower {
        height: 200px;
    }

    .partners-wrapper .partner-box.upper {
        padding-top: 0;
    }

    .partners-wrapper .partner-box.upper {
        height: auto;
    }

    .partners-wrapper .row h2 {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .frame-title {
        width: 100% !important;
    }

    .contact-opener {
        width: 65px;
        height: 65px;
    }
}

.section-white h2 {
    color: #000;
}

.middle-child {
    height: 100%;
    position: relative;
}

.headerwrapper {
    position: relative;
}

.single-course-only .frame-title,
.single-kursorte .frame-title,
.single-remix-contest .frame-title,
.single-aheader .frame-title {
    display: block;
    width: 477px;
    margin: 0 auto;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
}
.single-remix-contest .course-in-frame,
.single-aheader .course-in-frame{
    text-align: center;
}

.single-course-landing .frame-title {
    position: absolute;
    top:50%;
    left:0;
    right:0;
}
.single-course-landing .menu-bar.sticky {
    display: none !important;
}

.wp-pagenavi {
    margin-bottom: 20px;
}

.news .article {
    margin-bottom: 50px;
}

.home #masthead, .home #masthead .headerwrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.patterned {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 50;
}

.page-template-template-dark .trainer .details .details-toggle a {
    color: #fff !important;
}

.page-template-template-dark .trainer .image-wrapper .image-overlay,
.page-template-template-dark .page-template-template-courses-php .image-overlay {
    background-image: url(images/hexagon-black.png) !important;
}

.page-template-template-dark .course .details-toggle a,
.page-template-template-dark label,
.page-template-template-dark .controls .group button,
.page-template-template-dark .kursdatum-date.black {
    color: #fff !important;
}

.home .content_in_header {
    text-align: center;
}

.phone-right p {
    margin: 0;
}

.phone-top-wrap {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    color: #db8700;
    right: 0;
    left:0;
    top:0;
    width:100%;
    padding: 10px;
    border-bottom: 2px solid #db8700;
    z-index: 9999;
    text-align:center;
    margin-bottom:25px;
}
.admin-bar .phone-top-wrap {
    top:35px !important;
}

.phone-right p {
    display: inline-block;
}

.phone-right p:last-child {
    padding-right: 0;
    border: 0;
}

.phone-right p {
    margin-right: 20px;
    border-right: 1px solid;
    padding-right: 20px;
}

.phone-right p:last-child {
    margin-right: 0;
}
@media(max-width: 480px) {
    .phone-right p {
        margin-right: 0;
        padding-right: 0;
    }
    .phone-right {
        text-align: center;
    }
}

.mix.row.trainer {
    width: 100%;
}

#colophon {
    z-index: 99999;
}

#courses_mixitup_wrap .user-warn {
    display: none;
}

@media (max-width: 768px) and (orientation: portrait) {
    #courses_mixitup_wrap .mixitup.list {
        display: none;
    }

    #courses_mixitup_wrap .mixitup.list + .user-warn {
        display: block;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    #courses_mixitup_wrap .mixitup.list {
        display: block;
    }

    #courses_mixitup_wrap .mixitup.list + .user-warn {
        display: none;
    }
}

.list-course-title {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #000;
}

.list-course-title a {
    color: #000;
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

.admin-bar #masthead .headerwrapper {
    padding: 170px 0 !important;
}

p.diplom-header {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 19px;
}

@media (max-width: 768px) {

    html{
        margin-top: 0 !important;
    }

    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }
}

#colophon {
    float: left;
    width: 100%;
}

.mix.trainer {
    width: 100%;
}

.details-outer-wrapper > a, .trainer-soundcloud > a {
    color: #ffa000;
}

.su-box .member-haxagon {
    margin: 0 auto;
    float: none !important;
}

.without-links {
    border-top: 2px solid #ffa000 !important;
    border-radius: 5px !important;
}

.without-links-thumb {
    margin-bottom: 15px !important;
}

.without-links-thumb img.attachment-hexagon.size-hexagon.wp-post-image {
    border: 1.5px solid white;
}

.without-links .button {
    padding: 0 4px !important;
}

.without-links .course-excerpt {
    height: 150px;
}

.without-links-thumb .overlay h4 {
    text-align: center;
}

@media (max-width: 640px) {
    .image-wrapper.without-links-thumb {
        max-width: 179px !important;
    }
}

@media (max-width: 485px) {
    .image-wrapper.without-links-thumb {
        max-width: 184px !important;
    }
}

.su-box-style-default2 {
    border-color: #cc7a29;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.su-box-title-default {
    background-color: #ff9933;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.bookingjs-form-field--dirty .bookingjs-form-input {
    height: auto !important;
}

.bookingjs-form-input {
    height: auto !important;
    background: transparent !important;
}

.bookingjs {
    -webkit-box-shadow: inset hoff voff blur color !important
    -moz-box-shadow: inset hoff voff blur color !important
    box-shadow: inset hoff voff blur color !important
    border-top: none !important;
}

.popup-title {
    margin-bottom: 0px !important;
    font-size: 45px;
}

.gf-form-centered .gform_wrapper > form li,
.gf-form-centered .gform_wrapper > form .gform_footer {
    text-align: center;
}
.gf-form-centered .ginput_container{
    margin-bottom: 15px;
}
.gf-form-centered .ginput_container > input {
    display:inline;
    text-align:center;
}
.gf-form-centered .gfield_label{
    display: none;
}

.remodal-wrapper {
    z-index: 100000 !important;
}
.pdf-embed{
    min-height: 500px;
}
div.levelimgwrap.coursesHelp.cookieBasedPopup {
    width: 100% !important;
    display: inline;
    cursor:pointer;
}

.sos-add-to-cart .sos-cart-icon {
    margin-right: 5px;
}



/* Small only */
@media screen and (max-width: 39.9375em) {

    .hidden-small{
        display: none !important;
    }

    .admin-bar #masthead .headerwrapper {
        padding: 102px 0 !important;
    }

    .home .title-wrapper h1 {
        font-size: 32px;
    }

    .phone-right p a, .phone-right p {
        font-size: 12px;
    }

    div#wpadminbar {
        display: none !important;
    }

    /* Kurse */

    .sorting-buttons {
        border: none;
        border-radius: 0;
        float: left;
        width: 100%;
        padding: 0;
    }

    .group {
        width: 100%;

    }

    .group .items {
        border: none !important;
        background: #f7f7f7;
        padding: 10px;
        float: left;
        width: 100%;
        border-radius: 0 !important;
    }
    .group .items button.filter {
        width: 100%;
        border:none !important;
        background-color: #ebefee;
        padding: 10px 25px !important;
    }

    .group button.filter.active:before {
        font-family: FontAwesome;
        content: "\f00c";
        position: absolute;
        top: 40%;
        left: 10px;
    }

    .group .items button.filter.active {
        background-color: #ffa100;
        color: #fff;
    }

    .group .items button.filter:hover {
        background-color: #ffa100;
        color: #fff;
    }

    .group .items button:first-child{
        margin-left: 0 !important;
    }

    .group label {
        background-color: #ebefee;
        width: 100%;
        display: block;
        float: left;
        padding: 10px;
        margin-top: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px !important;
        letter-spacing: 1px;
    }

    .group label{
        cursor: pointer;
    }

    .group.closed label:after {
        content: '\f067';
        font-family: FontAwesome;
        display: block;
        float: right;
    }


    .group.open label:after {
        content: '\f068';
        font-family: FontAwesome;
        display: block;
        float: right;
    }

    .group.closed > .items {
        display: none;
    }

}

.sos-button {
    color: #fff;
    background: #ffa000;
    padding: 10px 30px;
}
.sos-button:hover, .sos-button:active, .sos-button:focus {
    color: #fff;
    background-color: #fcc261;
}
@media(max-width:768px) {
    .full-xs {
        width: 100% !important;
        display: block;
        margin-bottom: 10px;
        text-align:center;
    }
}


div#contact-map-sc {
    margin-top: 65px;
}

@media(max-width: 680px) {

    .contact-page-elements .contact-map {
        order:3;
        width: 100%;
        float:left;
    }

    .contact-page-elements .contact-form {
        order:1;
        width: 100%;
        float:left;
    }

    .contact-page-elements .contact-addresses {
        order:2;
        width: 100%;
        float:left;
        margin-top: 50px;
    }

    .contact-page-elements {
        display: flex;
        flex-direction: column;
    }
}
@media(max-width: 580px) {
    .admin-bar #masthead .headerwrapper {
        padding-top:112px !important;
    }
}


/**
 * Guaranteed Course locations
 */
.gc-row p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.gc-row {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.gc-row p.gc-title {
    font-weight: bold;
}
.guaranteed-header i.fa {
    float: right;
    font-size: 40px;
    color: #32a546;
}
.guaranteed-header p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

/**
 * Header video youtube/vimeo
 */

.vidcover {
    background: #000;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: opacity 800ms ease 0.2s;
    -moz-transition: opacity 800ms ease 0.2s;
    -ms-transition: opacity 800ms ease 0.2s;
    transition: opacity 800ms ease 0.2s;
}

.fullvid {
    width: 1280px;
    height: 720px;
    position:absolute;
    bottom: 50%;
    left: 50%;
    z-index: -2;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transition: all 400ms ease-out 400ms;
    -moz-transition: all 400ms ease-out 400ms;
    -ms-transition: all 400ms ease-out 400ms;
    transition: all 400ms ease-out 400ms;
    opacity: 0;
}

/**
Buttons
 */
.btn-border-yellow {
    border:2px solid #ff9933;
    border-radius:5px;
    padding: 5px 13px;
    text-transform: uppercase;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.btn-border-yellow:hover {
    background-color: #ff9933;
    color: #fff;
}

.btn-yellow {
    border:2px solid #ff9933;
    background-color: #ff9933;
    border-radius:5px;
    padding: 5px 12px;
    text-transform: uppercase;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 20px;
    width: 100%;
    color:#fff;
    text-align: center;
}
.btn-yellow:hover,.btn-yellow:active,.btn-yellow:focus {
    background-color: #fff;
    color: #ff9933;
    border:2px solid #ff9933;
}

.btn-cta-red,
.btn-cta-orange,
.btn-cta-orange-dark,
.btn-inv-cta-orange-dark {
    border-radius:5px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-family: BebasNeueRegular, sans-serif;
    font-size: 20px;
    width: 100%;

    text-align: center;
}

.btn-cta-red {
    border:2px solid #ff580f;
    background-color: #ff580f;
    color:#fff;
}
.btn-cta-orange {
    border: 2px solid orange;
    background-color: orange;
    color:#fff;
}
.btn-cta-orange-dark {
    border: 2px solid #ff9933;
    background-color: #ff9933;
    color:#fff;
}
.btn-inv-cta-orange-dark {
    border: 2px solid #ff9933;
    background-color: #fff;
    color:#ff9933;
}


.btn-cta-red:hover, .btn-cta-red:active,
.btn-cta-orange:hover, .btn-cta-orange:active,
.btn-cta-orange-dark:hover, .btn-cta-orange-dark:active {
    background-color: #fff;
}
.btn-inv-cta-orange-dark:hover, .btn-inv-cta-orange-dark:active {
    background-color: #ff9933;
    color: #fff !important;
}

.btn-cta-red:focus {
    color: white;
}

.btn-cta-red:hover,
.btn-cta-red:active {
    color: #ff791d !important;
}
.btn-cta-orange:hover,
.btn-cta-orange:active {
    color: orange !important;
}
.btn-cta-orange-dark:hover,
.btn-cta-orange-dark:active {
    color: #ff9933 !important;
}

.btn-cta-red::before,
.btn-cta-orange::before,
.btn-cta-orange-dark::before {
    color: #fff !important;
}

.btn-cta-red.ico:hover::before,
.btn-cta-red.ico:active::before {
    color: #ff791d !important;
}
.btn-cta-orange.ico:hover::before,
.btn-cta-orange.ico:active::before {
    color: orange !important;
}
.btn-cta-orange-dark.ico:hover::before,
.btn-cta-orange-dark.ico:active::before {
    color: #ff9933 !important;
}

.btn-inv-cta-orange-dark::before {
    color: #ff9933 !important;
}
.btn-inv-cta-orange-dark:hover::before,
.btn-inv-cta-orange-dark:active::before {
    color: #fff !important;
}

.widget p > a.btn {
    width: 100%;
    display: block;
}

.course-dates .widget p {
    margin-bottom: 10px;
}

.ico:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #ff9933;
    display: inline-block;
    float: left;
}

.ico:hover::before {
    color: #fff;
}

.btn-yellow.ico:before {
    color: #fff;
}
.btn-yellow.ico:hover::before,.btn-yellow.ico:active::before,.btn-yellow.ico:focus::before {
    color: #ff9933 !important;
}

.ico.ico-envelope:before {
    content: '\f0e0';
}
.ico.ico-download:before {
    content: '\f019';
}
.ico.ico-cart:before {
    content: '\f07a';
}
.ico.ico-open:before {
    content: '\f07a'; /* Before \f0d7 */
}
.ico.ico-whatsapp:before {
    content: '\f232';
}

/**
 * Remix Prizes
 */
.prize-box .prize-image, .remix-masterclass-img {
    max-width: 100%;
    width: 100%;
}

.prize-box .prize-text, .remix-masterclass-text, .remix-contest-text {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    line-height: 17px;
    margin-top: 10px;
}
.prize-box .prize-badge {
    position: absolute;
    width: 40px;
    top: 5px;
    right: 5px;
}
.prize-box {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px !important;
}

.prize-box:last-child {
    margin-bottom: 0 !important;
}

.remix-masterclass{
    display: block;
}

#colophon .social-icons a .fa {
    font-size: 30px;
}





/**
 * Tribe events
 */

.tribe-events-sub-nav li:before {
    content: '' !important;
    display: none !important;
}

.tribe-events-nav-next span {
    display: inline;
    width: 5px !important;
    float: right;
    padding-left: 5px;
}

.tribe-events-nav-previous span {
    display: inline;
    width: 5px !important;
    float: left;
    padding-right: 5px;
}

.single-tribe_events .gform_body {
    margin-bottom: 15px !important;
}

.tribe-events-list h2.tribe-events-page-title {
    font-size: 50px;
}
a.tribe-event-url {
    font-size: 33px;
    font-weight: normal;
}

.post-type-archive-tribe_events .row{
    max-width: 1280px !important;
}


.single-kursorte-title {
    margin-top: 20px;
}
.single-kursorte .navigation-buttons {
    margin-bottom: 50px !important;
}

.location-details > .row {
    margin-bottom: 25px;
}

.course-in-frame {
    font-size: 3.15rem;
    text-align: center;
    position: relative;
    top: -10px;
}


.videoContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.videoContainer iframe {
    /* optional */
    width: 100%;
    height: 100%;
}



/**
 * Flipper
 */
.caption-animation {
	width: 100%;
	color: #999;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
	display: block;
	text-align: center;
    margin: 0;
}

.caption-animation .title-wrap > span {
    font-family: BebasNeueBold, san-serif;
    letter-spacing: 10px;
    text-align: center;
    font-size: 46px;
    margin-top: 0 !important;
    height: 45px;
    margin-bottom: 0;
    text-align: right;
    float:right;
    line-height: 42px;
    color: #fff;
}

.flip {
  height: 50px;
  overflow: hidden;
  position: relative;
}

.flip > div > span {
	color: #fff;
	padding: 1px 10px;
	height: 45px;
	margin-bottom: 45px;
	line-height: 45px;
	display: inline-block;
	font-family: BebasNeueBold, san-serif;
	letter-spacing: 10px;
	font-size: 46px;
	text-align: center;
}

.flip > div {
  animation: show 12s linear infinite;
  position: absolute;
  width: 100%;
  text-align: left;
}
.flip > div:nth-of-type(2) {
  animation-delay: -3s;
}
.flip > div:nth-of-type(3) {
  animation-delay: -6s;
}
.flip > div:nth-of-type(4) {
  animation-delay: -9s;
}
.flip div span {
  background: orange;
}


@keyframes show {
  from {
    top: -100%;
  }
  5% {
    top: 0;
  }
  20% {
    top: 0;
  }
  25% {
    top: 100%;
  }
  to {
    top: 100%;
  }
}

.caption-animation > .title-wrap {
	width: 45%;
}

.caption-animation > .flip-wrap {
	width: 53%
}

.caption-animation > .title-wrap,
.caption-animation > .flip-wrap {
    display: inline-block;

}
.caption-animation .title-wrap {
	height: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
    vertical-align: top;
}


@media(max-width: 768px) {

	.caption-animation > .title-wrap {
		width: 100%;
        text-align:center;
	}
    .caption-animation .title-wrap > span {
        float: none;
    }

	.caption-animation > .flip-wrap {
		width: 100%
	}
	.caption-animation .title-wrap > h1 {
	    text-align: center;
	}
	.flip > div {
		text-align: center;
	}

}


/**
 * margins
 */
 .mb-20 {
 	margin-bottom: 20px;
 }

.gfield_description {
    line-height: 17px !important;
}


body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    color: #000 !important;
}

.page-template-template-contact .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    color: #fff !important;
}

.sos-feature {
    text-align:center;
    margin-bottom: 35px;
}

.sos-feature-icon {
    text-align: center;
}

.sos-feature-icon i {
    color: #ff9d00;
    font-size: 5.5rem;
    text-align: center;
}

h1.sos-feature-title {
    font-size: 23px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-weight: bold;
}

p.sos-feature-desc {
    font-weight: 300;
    color: grey;
}

p.sos-feature-more a {
    background: #ff9d00;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    display: block;
}

.sos-feature p.sos-feature-icon {
    margin-bottom: 5px;
}

.sos-feature {
    text-align: center;
    margin-bottom: 75px;
}

.sos-feature-title {
    min-height: 74px;
}


.sos-feature {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #f0f0f0f0;
    border-radius: 5px;
}


@media(min-width: 640px) {
    .hidden-desktop {
        display: none !important;
    }
}

@media(max-width: 640px) {
	.home .courses-wrapper .course {
   		margin-bottom: 75px !important;
	}

    .single-course .navigation-buttons .navlink {
        width: 100% !important;
        text-align: center!important;
        margin-top: 32px;
    }

    .hidden-mobile {
        display: none !important;
    }

    .single-course .content {
        margin-bottom: 0 !important;
        margin-top: 20px;
    }


    .hidden-xs {
        display:none !important;
    }



}

.with-padding {
    padding:0px 20px;
}
#text-16, #text-3 {

}


.su-box-custom-title{
	background-color:#ff9933;
	color:#FFFFFF;
	border-top-left-radius:1px;
	border-top-right-radius:1px;
}

.su-box-custom-content {
	border-bottom-left-radius:1px;
	border-bottom-right-radius:1px;
}
.su-box-custom {
	border-color:#cc7a29;
	border-radius:3px;
}

span.sep {
    margin-right: 3px;
    margin-left: 3px;
}



.sos-dismissable-notice {
    background: #ffa000;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.logged-in .sos-dismissable-notice {
    margin-top: 32px;
}

.sos-dismissable-notice p, .sos-dismissable-notice a {
    color: #fff;
    margin: 0;
}

.sos-dismissable-notice a {
    text-decoration: underline;
}


a.sos-dismiss-notice i {
    color: #fff !important;
    font-size: 14px;
}

a.sos-dismiss-notice {
    position: absolute;
    top: 0px;
    right: 5px;
    color: #fff;
}

.news-item-title {
    margin-bottom: 10px;
}

.news-item-title a {
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    font-family: BebasNeueRegular, sans-serif;
    line-height: 30px;
}

.testimonials-row {
    margin-top: 40px;
}

@media(max-width: 641px) {
    .logged-in .sos-dismissable-notice {
        margin-top: 0;
    }
    .sos-dismissable-notice .widget {
        max-width: 80%;
        margin: 0 auto;
    }
}

.sos-testimonial-video a {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.sos-testimonial-video a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f01d";
  font-family: FontAwesome;
  font-size: 36px;
  color: #fff;
  opacity: .8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.sos-testimonial-video a:hover:before {
  color: #eee;
}

.sos-testimonial-horizontal {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.sos-testimonial-horizontal:last-child{
    border-bottom:0;
}

.testimonial-single .sos-testimonial {
    padding-left:20px;
    padding-right: 20px;
}

.testimonial-single .sos-testimonial  img {
    display: block;
    width: 100%;
}

.sos-slider-nav-button {
    min-width: 120px;
}

.gbox {
    margin: 0 0 1.5em 0;
    padding: 0 10px;
}

.sos-form-content .ginput_container_multiselect,
.sos-form-content .ginput_container_select {
    border: 1px solid #ccc !important;
}
@media(min-width: 1100px) {
    .sos-form-content {
        max-height: 597px;
        overflow-y: auto;
    }

}

.sos-add-to-cart .sos-spinner {
    display: inline-block;
}

.sos-spinner {
    font-size: 10px;
    margin: 0;
    text-indent: -9999em;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 2px;
}
.sos-spinner:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.sos-spinner:after {
    background-color: #ffa000;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div#sos-cart {
    display: inline-block;
    line-height: 1.75;
    padding-right: 14px;
    float: right;
    position: relative;
}

div#sos-cart a {
    line-height: 50px;
}

span.sos-cart-contents-count {
    position: relative;
    color: #FFF;
    FONT-SIZE: 9PX;
    TOP: -11PX;
    RIGHT: -3PX;
}

.sos-cart-contents {
    position: absolute;
    width: 320px;
    right: 4%;
    background: #fff;
    padding: 10px;
    border:1px solid #d8d2d2;
}
@media(max-width: 320px) {
    .sos-cart-contents {
        max-width: 100%;
        width: 100%;
    }
}

.sos-cart-items li {
    padding-left: 0;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.sos-cart-items a {
    color: #000 !important;
    line-height: 18px !important;
    font-family: Roboto, Arial !important;
    text-transform: none !important;
    font-size: 13px !important;
}
.sos-cart-items img {
    display: inline-block;
    width: 100%;
    padding-right: 8px;
}

.cart-item-title {
    width: 70%;
    float: left;
    line-height: 15px;
}

.cart-item-image {
    width: 30%;
    float: left;
    min-height: 40px;
}

.sos-cart-items li {
    border-bottom: 1px solid #ccc;
}

.sos-cart-footer a {
    color: #000 !important;
    line-height: 33px !important;
}
.sos-cart-footer-totals, .sos-cart-footer-link {
    float:left;
    width: 50%;
}
.sos-cart-footer-totals, .sos-cart-footer-link {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
}
.sos-cart-footer-link {
    text-align:right;
}
.sos-cart-footer-link button[type=submit] {
    padding: 5px 10px;
}

.sos-cart-items li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.sos-cart-rebate-info {
    width: 100%;
    font-size: 15px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: bold;
}

table#shopping-cart img {
    max-width: 40px;
}

.sos-cart-items li {
    position: relative;
    list-style: none;
    float: left;
    margin-bottom: 10px;
}

a.sos-remove-from-cart {
    position: absolute;
    right: 10px;
    top: 0px;
}

select.sos-change-item-quantity {
    width: 49px;
    display: inline-block;
    padding: 0px;
    height: 20px;
    width: 40px;
    margin-left: 3px;
    margin-right: 3px;
}

.cart-item-title {
    padding-right: 25px;
}
#shopping-cart td {
    position: relative;
}

.cart-total-inline {
    font-size: 1.425rem;
}

a.sos-watch-video i {
    font-size: 22px;
    position: relative;
    top: 1px;
    font-weight: bold;
    margin-left: 5px;
}

a.sos-watch-video:hover i {
    color: #fff !important;
}

footer#colophon a {
    color: #fff;
}

div#sos-reminder-modal {
    padding: 0;
    background: #dddee0;
}


.sos-reminder-inner h1 {
    font-size: 35px;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: normal !important;
    color: #545454;
}

.sos-reminder-inner h1:first-child {
    margin-top: 49px;
}

.sos-reminder-inner h1 {
    font-size: 28px;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: normal !important;
    color: #545454;
    margin-top: 10px;
    padding-left: 19px;
    padding-right: 19px;
}

.sos-reminder-main {
    margin-bottom: 15px;
}
.sos-cart-items ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: block;
    float: left;
}
.sos-cart-items ul li {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px !important;
}

.sos-menu-cart span {
    font-family: BebasNeueRegular, sans-serif;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 50px;
}

@media(max-width: 768px) {
    .sos-reminder-main img {
        max-width: 75%;
        margin: 0 auto;
    }
    .phone-right i {
        display: none;
    }
}
@media(max-width: 321px) {
    .phone-right p a, .phone-right p {
        font-size: 10px;
    }
}

.stickynav .toast-top-right {
    top: 95px !important;
}

#toast-container>div {
    width: 350px !important;
}

ul.sos-regions li a:hover {
    opacity: 0.5;
}

.sos-modal-inner h1 {
    margin-bottom: 20px;
    margin-top: 20px;
}
ul.sos-regions li {
    max-width: 96px;
    display: inline-block;
    margin-right: 12px;
}

.gform_footer.top_label {
    padding-left: 15px !important;
}

ul.sos-regions li a {
    font-size: 23px;
}


.sos-frame .sos-image,
.sos-frame .sos-text,
.sos-frame .sos-file {
    padding: 20px;
}

.sos-frame .sos-text {
    padding: 20px;
}
.sos-frame .sos-header {
    background: #ffa000;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background-color: #ff9933;
    color: #FFFFFF;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    background-position: 0 50%;
    background-repeat: repeat-x;
}

.single .sos-frame {
    border: 2px solid #cc7a29;
    border-radius: 5px;
}
.single .sos-frame .sos-header {
    background-image: url(images/style-glass.png);
}

.sos-frame .sos-image img {
    display: inline-block;
    margin:0 auto;
    text-align:center;
}

.sos-frame {
    border: 1px solid #ffa000;
    border-radius: 5px;
}

/*.single-course-landing .sos-goodie-file {
    padding-left: 20px;
    padding-right: 20px;
}*/

.sos-goodie-file .sos-header {
    padding: 10px 10px;
}
.sos-goodie-file {
    margin-bottom: 15px;
}

.sos-text ul {
    margin-bottom: 0;
}

.sos-text p {
    margin-bottom: 0;
}

.sos-image {
    text-align: center;
    margin-top: 0;
    padding-top:0 !important;
    padding-bottom: 0 !important;
}
.remodal input[type=submit] {
    margin-top: 10px !important;
}

.bld-el-cont li.gfield {
    margin-top: 0 !important;
}

.bld-el-cont .gform_wrapper .description_above .gfield_description {
    padding: 0;
    margin-top: 0;
}
.bld-el-cont .validation_error {
    display: none;
}

.bld-el-cont .gform_confirmation_wrapper h1 {
    margin-bottom: 0;
    margin-top: 0;
}

.bld-el-cont .gform_confirmation_wrapper p img {
    display: none;
}
p.top-element {
    border-right: 0;
}
@media(max-width:480px) {
    p.top-element {
        width: 100%;
        display: block;
    }
}

.chosen-container { width: 220px !important; }


.button-yellow {
    display: inline-block;
    background-color: #ffa000 !important;
    color: #fff !important;
    border-radius: 5px;
    border:0 !important;
    height: 40px;
    line-height: 36px;
    background-color: transparent;
    padding: 0 40px;
    font-size: 1.125rem;
    font-family: BebasNeueRegular, sans-serif;
}

.button-yellow:hover, .button-yellow:active {
    opacity: 0.9;
}
.sos-promo-button a:last-child {
    margin-right: 0;
}
@media(max-width: 767px) {
    .sos-promo-button a {
        margin-bottom: 10px;
    }
}
@media(min-width: 767px) {
    .sos-promo-button a {
        display: inline-block;
        margin-right: 10px;
    }
}

li.gf_readonly .ginput_container {
    pointer-events: none;
    position: relative;
}
@media(min-width: 767px) {
    li.gf_readonly .ginput_container:before {
        position: absolute;
        background: rgba(220, 220, 220, 0.4);
        width: 100%;
        float: left;
        height: 100%;
        z-index: 99999;
        display: block;
        content: ' ';
    }
}

button.current-mode {
    background: #cc7e00;
}

.sos-landing-actions .btn-yellow {
    display: block;
}

/* Submenu */

.sub-menu {
    position: absolute;
    background: #000;
    left: -4px;
    width: 94px;
    text-align: center;
    display:none;
}
.sub-menu li {
    width: 100%;
}
.menu .menu-item {
    position: relative;
}

.menu .menu-item.menu-item-has-children:hover {
	cursor:pointer;

}

.menu .menu-item.menu-item-has-children:hover .sub-menu {
	display:block !important;
}

.menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 4px;
}


#toast-container > div {
   opacity: 1 !important;
}

/* Course Dates  v2 */
.kursdatum-v2 .sos-course-date-meta {
    padding: 15px;
}
.sos-course-date-meta-row {
    margin-bottom: 5px !important;
    display: block;
}
.kursdatum-v2 .sos-course-date-key {
    font-family: BebasNeueRegular, Arial, sans-serif;
    color: #ff9933;
    font-size: 18px;
    line-height: 1.2;
}
.kursdatum-v2 .sos-course-date-value,
.kursdatum-v2 .sos-course-date-value a {
    font-family: BebasNeueRegular, Arial, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 1.2;
}
.kursdatum-v2 .sos-course-date-value ul {
    padding-left: 0;
    margin-bottom: 10px;
}
.kursdatum-v2 .sos-course-date-value ul li {
    padding-left: 0;
    font-size: 18px;
    margin-bottom: 2px;
}
.kursdatum-v2 .sos-course-date-value ul li:before {
    content: '';
    display: none;
}

@media(min-width: 767px) {
    .toast-top-right {
        right: 335px !important;
    }
}


/* SOS New HomePage START */
.sos-home-subtitle {
    font-family: Roboto !important;
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 0 !important;
}
.sos-home-title {
    text-align: left;
    font-weight: 500;
    font-family: Roboto !important;
    font-size: 32px;
    margin-bottom: 10px !important;
}
.sos-home-titles {
    background: rgba(0,0,0,0.7);
    padding: 20px;
    text-align: left;
}
.sos-home-icons {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.sos-home-icon:last-child {
    margin-right: 0 !important;
}
.sos-home-icon {
    float: left;
    width: 23.5%;
    background: gray;
    margin-right: 2.0% !important;
}
.sos-home-icon a {
    display: block;
    width: 100%;
    color: #fff;
}
.sos-home-icon a:hover {
    color: #ffa000;
}
.sos-home-icon a > i.fa {
    display: block;
    font-size: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.sos-home-icon a > span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
@media(min-width: 768px) {
    .sos-home-buttons-row {
        margin-bottom: 5px;
    }
}
.sos-home-buttons .sos-home-button-wrapper a.sos-home-button-primary {
    background: #ff9401;
}
.sos-home-buttons .sos-home-button-wrapper a.sos-home-button-secondary {
    background: #3987c7;
}
.sos-home-buttons .sos-home-button-wrapper a.sos-home-button-success {
    background-color:  #61CE70;
}
.sos-home-buttons .sos-home-button-wrapper a:hover {
    opacity: 0.8;
}
.sos-home-buttons .sos-home-button-wrapper a {
    padding: 10px;
    display: inline-block;
    min-width: 200px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}
.sos-home-buttons .sos-home-button-wrapper {
    float: none;
    width: auto;
    display: inline-block;
}
.sos-home-buttons {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.sos-home-button-wrapper {
    margin-right: 5px;
}
@media(max-width:520px) {
    .sos-home-icon:nth-child(even) {
        margin-right: 0 !important;
    }

    .sos-home-icon {
        width: 48.9%;
        margin-bottom: 2%;
    }

    .sos-home-icon a > span {
        font-size: 12px;
    }

    .sos-home-title {
        font-size: 20px;
    }

    .sos-home {
        margin-top: 65px;
    }

    .sos-home-subtitle {
        font-size: 14px;
    }

    .sos-home-icon a > i.fa {
        font-size: 40px;
    }

    .sos-home-button-wrapper {
        margin-bottom: 10px;
    }


}
/* SOS New HomePage End */


/* Course Date Nav */

.course-date-nav:hover {
    background: #f0f0f0;
}

.kursdatum-title:not(.active) .course-date-nav {
    display: none !important;
}

.course-date-nav {
    padding-left: 5px;
    padding-right: 5px;
}
.course-date-nav[data-direction=prev] {
    float: left;
}
.course-date-nav[data-direction=next] {
   float: right;
}

.is-waiting .course-date-nav {
    display: none;
}



/* Fix posts page */

@media(max-width: 600px) {
    .single-post .title-wrapper > h1 {
        font-size: 40px;
        margin-top: 53% !important;
        text-align: center;
    }

    .single-post .navigation-buttons {
        padding: 10px;
        text-align: center;
    }

    .single-post .navigation-buttons .navlink {
        width: 100%;
        margin-bottom: 10px;
    }

    .single-post .navigation-buttons {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .single-post .navlink a {
        display: block;
    }

}


/* Bounce arrows */
@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
  60% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(15px);
  }
  60% {
    transform: translateX(5px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
  60% {
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-15px);
  }
  60% {
    transform: translateX(-5px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  60% {
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}


.course-date-nav[data-direction=next] > i {
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  float:right;
}

.course-date-nav[data-direction=prev] > i {
  -webkit-animation: bounceLeft 2s infinite;
  animation: bounceLeft 2s infinite;
}