@charset "UTF-8";/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.label,sub,sup {
    vertical-align: baseline
}

hr,img {
    border: 0
} 

body,figure {
    margin: 0
}

.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu {
    float: left
}

.img-responsive,.img-thumbnail,.table,label {
    max-width: 100%
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable {
    max-height: 340px
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color: transparent
}

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

b,optgroup,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre,textarea {
    overflow: auto
}

code,kbd,pre,samp {
    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[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
}

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

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    blockquote,img,pre,tr {
        page-break-inside: avoid
    }

    *,:after,:before {
        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) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.btn-danger.dropdown-toggle,.open>.btn-default.dropdown-toggle,.open>.btn-info.dropdown-toggle,.open>.btn-primary.dropdown-toggle,.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.img-thumbnail,body {
    background-color: #fff
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.eot);
    src: url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.woff2) format("woff2"),url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.woff) format("woff"),url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.ttf) format("truetype"),url(../../Media/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before,.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before,.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

*,:after,:before {
    box-sizing: border-box
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.photo-left {
    float:left;
    margin:4px 25px 10px 0;
}
.photo-right {
    float:left;
    margin:4px 0 10px 25px;
}

@media screen and (max-width:420px) {
    .photo-left, .photo-right {
        float:none;
        clear:both;
        width:100%;
        height:auto;
        margin:0 auto 20px;
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

dt,kbd kbd,label {
    font-weight: 700
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

.small,small {
    font-size: 85%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

pre code,table {
    background-color: transparent
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

dl,ol,ul {
    margin-top: 0
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

address,dl {
    margin-bottom: 20px
}

ol,ul {
    margin-bottom: 10px
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd,dt {
    line-height: 1.42857
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container {
        width: 750px
    }
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dropdown-menu>li>a,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

legend,pre {
    color: #333
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%
}

caption,th {
    text-align: left
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    font-style: normal;
    line-height: 1.42857
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

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

.container,.container-fluid {
    margin-right: auto;
    margin-left: auto
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    border-radius: 0
}

.container,.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.pre-scrollable {
    overflow-y: scroll
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset,legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0;
    /* min-width: 0 */
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: 5px
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

.form-control,output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,.form-control-static.input-sm,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.collapsing,.dropdown,.dropup {
    position: relative
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-control-static,.form-inline .form-group {
        display:inline-block
    }

    .form-inline .control-label,.form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.dropdown-menu-right,.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-header,.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857;
    white-space: nowrap
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    font-weight: 400;
    color: #333
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    font-size: 12px;
    color: #777
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:after,.btn-toolbar:before {
    content: " ";
    display: table
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn .caret,.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn-group-lg>.btn .caret,.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group,.input-group-btn,.input-group-btn>.btn {
    position: relative
}

.input-group {
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

.nav>li,.nav>li>a {
    display: block;
    position: relative
}

.nav:after {
    clear: both
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-justified>li,.nav-stacked>li,.nav-tabs.nav-justified>li {
    float: none
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }

    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

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

.navbar-header:after,.navbar-header:before {
    content: " ";
    display: table
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

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

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.embed-responsive,.modal,.modal-open,.progress {
    overflow: hidden
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right:0;
        margin-left: 0
    }

    .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
        border-radius: 0
    }

    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin: 8px -15px
}

@media (min-width: 768px) {
    .navbar-form .form-control-static,.navbar-form .form-group {
        display:inline-block
    }

    .navbar-form .control-label,.navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.breadcrumb>li,.pagination {
    display: inline-block
}

.btn .badge,.btn .label {
    top: -1px;
    position: relative
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.btn-group-sm>.navbar-btn.btn,.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-group-xs>.navbar-btn.btn,.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-left: 15px;
        margin-right: 15px
    }

    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.badge,.label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

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

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em
}

.label:empty {
    display: none
}

a.label:focus,a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.media-object,.thumbnail {
    display: block
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron,.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.alert,.thumbnail {
    margin-bottom: 20px
}

.alert .alert-link,.close {
    font-weight: 700
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top:48px;
        padding-bottom: 48px
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron .h1,.jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
    border-color: #337ab7
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.modal,.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* display:flex; */
    align-items:center;
    align-content:center;
    justify-content:center;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    zoom:1;overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item,button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after,.panel-body:before {
    content: " ";
    display: table
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.popover,.tooltip {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    text-decoration: none
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-content,.popover {
    background-clip: padding-box
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before {
    display: table;
    content: " "
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    text-align: left;
    text-align: start;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    text-align: start;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.carousel-caption,.carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    text-align: center
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel,.carousel-inner {
    position: relative
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.left>.arrow:after,.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        left: 0
    }

    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        left: 0
    }
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.icon-bullet-list>.active,.icon-bullet-list>:hover {
    text-decoration: underline
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px
}

.carousel-caption .btn,.text-hide {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }

    .hidden-lg {
        display: none!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }

    .hidden-print {
        display: none!important
    }
}

body,html {
    color: #555759;
    font: 400 15px 'Open Sans',sans-serif;
    font-weight: 300;
    min-width: 300px;
    background: 0 0;
    line-height: 1.5em
}

body,footer {
    background: #303030
}

@media screen and (min-width: 600px) {
/*     body,html {
        font-size:15px
    } */
}

@media screen and (min-width: 768px) {
    body,html {
        font-size:16px
    }
}

@media screen and (min-width: 992px) {
    body,html {
        font-size: 18px;
    }
}

a {
    color: #C5531E
}

a:hover {
    color: #FBB43A
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto Slab',Georgia,serif
}

.h1,h1 {
    font-size: 2.5em;
    font-weight: 500;
    margin-bottom: 20px
}

.h2,h2 {
    font-size: 2.2em
}

.h3,h3 {
    font-size: 2em
}

.h4,h4 {
    font-size: 1.8em
}

.h5,h5 {
    font-size: 1.2em
}

.h6,h6 {
    font-size: 1em
}

.alt-copy {
    line-height: 1.5em;
    font-size: 1.1em
}

.what-we-do {
    color: #444;
    text-align:center;
}

.about-us,.lets-talk,.our-work,footer {
    color: #fff;
    text-align:center;
}

.white-line {
    display: inline-block;
    width: 50px;
    height: 0;
    border-top: solid #fff 2px;
    margin: 1em 0
}

.dash-fix {
    font-family: helvetica,sans-serif;
    font-weight: 500
}

footer {
    padding: 20px 0
}

.container-fluid {
    position: relative;
    z-index: 11
}

.maxWidth {
    max-width: 1170px;
    overflow: hidden
}

img {
    max-width: 100%
}

.default-section {
    background-color:#fff;
}
.general-detail-page .default-section {
    padding:2em 0;
}
.services-section {
    background: #fff;
    padding: 2em 0
}

.platinum-table td,.platinum-table th {
    border: 1px solid #555;
    padding: 10px
}
.terms-table {
    width:100%;
    margin-bottom:1rem;
}
.terms-table td {
    border: 1px solid #555;
    padding:10px;
    vertical-align:top;
}
.big-header .tagline {
    max-width: 800px;
    margin: 0 auto 1em;
    font-weight: 500;
    color: #FFF;
    line-height: 1.4em;
    font-size: 1.4em
}

.big-header h1 {
    color: #fff;
    margin-bottom: .5em;
    font-size: 4em
}

.big-header h2 {
    color: #fff;
    font-size: 3em
}

.big-header p {
    color: #fff
}

.big-header .header-content {
    padding: 40px 15px 15px
}

@media screen and (min-width: 768px) {
    .big-header h1 span {
        display:block
    }

    .big-header p {
        margin-bottom: 20px
    }

    .big-header .header-content {
        padding: 40px 50px 20px
    }
}

.big-header .white-line {
    margin: 0 0 40px
}

.card {
    background: #e0e0e0;
    padding: 20px 15px
}

.card .card-title {
    color: #555759;
    margin-bottom: 1em;
    font-size: 1.4em
}
.card a:hover {color:#C5531E;}

.card .card-title h4 {
    font-size: 1em
}

.card .card-title h5 {
    font-size: .9em
}

@media screen and (min-width: 992px) {
    .card .card-title {
        font-size:1.8em
    }

    .card .card-title h5 {
        font-size: .7em
    }
}

.checkmark-list {
    list-style: none;
    padding: 0
}

.checkmark-list li {
    display: inline-block;
    width: 180px;
    margin: 40px 15px 20px;
    vertical-align: top
}

@media (max-width: 420px) {
    .checkmark-list li {
        margin-left:10px;
        margin-right: 10px;
        width: 120px
    }
}

.checkmark-list .list-body {
    position: relative;
    border-top: solid #fff 2px;
    padding: 20px 3px 0
}

/* .checkmark-list .list-body:before {
    position: absolute;
    display: block;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%3E%3Cg%20transform%3D%22translate(0%20-1027.362)%22%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%221039.9%22%20r%3D%2212.5%22%20fill%3D%22%23ffb600%22%2F%3E%3Cpath%20fill%3D%22%23555759%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.5%201045.8l-6-6%203-3%203%203%206-6%203%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') #FFB600;
    content: ""
} */

.checkmark-list .list-icon {
    position: absolute;
    display: flex;
    align-items:center;
    justify-content:center;
    top: -12px;
    left:0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding:0;
    margin:0;
}
.checkmark-list .list-icon img, .checkmark-list .list-icon svg {
    display:block;
    height:100%; 
    width:auto;
}

.circle-bullet-list {
    line-height: 30px;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.circle-bullet-list>* {
    display: block
}

.circle-bullet-list>.selected:before,.circle-bullet-list>:hover:before {
    background: #ffb718
}

.circle-bullet-list>:before {
    content: '';
    border: 2px solid #ffb718;
    border-radius: 25px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px
}

.close-button {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22148%20129%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M150%20131l19.886%2019.886M170%20131l-19.886%2019.886%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat
}

.icon-bullet-list {
    padding-left: 0;
    list-style: none;
    position: relative
}

.icon-bullet-list>* {
    padding: 5px 5px 5px 64px;
    min-height: 60px;
    min-width: 150px;
    display: table;
    height: 0
}

.icon-bullet-list .list-content {
    display: table-cell;
    vertical-align: middle
}

.icon-bullet-list>:hover {
    cursor: pointer
}

.icon-bullet-list .icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    position: absolute;
    left: 0
}

.overlay-container {
    position: relative
}

.overlay-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(100,100,100,.5)
}

.overlay-container img,.overlay-container video {
    width: 100%
}

.page-footer {
    text-align: center;
    padding-bottom: 2em
}

.page-footer a {
    color: #fff;
    text-decoration: none
}

.page-footer a:hover {
    text-decoration: underline
}

.page-footer .address {
    font-weight: 400;
    margin-top: 1em
}

.page-footer .address>span {
    padding: 0 15px;
    border-right: solid #FBB43A 1px
}

@media (max-width: 480px) {
    .page-footer .address {
        margin:2em 0
    }

    .page-footer .address>span {
        border: none;
        display: block
    }
}

.page-footer .address>span:last-child {
    border-right: none
}

.page-footer .other-locations {
    list-style-type: none;
    padding: 0;
    margin: 1em 0 3em;
    overflow: auto
}

.page-footer .other-locations>li {
    display: inline;
    color: #AAA;
    padding: 0 15px;
    border-right: solid #AAA 1px
}

@media (max-width: 480px) {
    .page-footer .other-locations>li {
        width:50%;
        display: block;
        border: none;
        float: left;
        line-height: 1.5em
    }
}

.page-footer .other-locations>li:last-child {
    border: none
}

.page-footer .copyright {
    font-size: .6em;
    color: #999
}
.page-footer .copyright a {
    color: #aaa;
    text-decoration: underline;
}

.social-links {
    text-align: center;
    z-index: 100;
    background: #303030
}

.social-links>a>.icon {
    width: 55px;
    height: 55px
}

@media (max-width: 480px) {
    .social-links>a>.icon {
        width:40px;
        height: 40px
    }
}

.social-links>a:hover path {
    fill: #f09900
}

.social-links>a {
    display: inline-block;
    margin: 1em 25px
}

.ready-to-talk {
    border: 1px solid #fff;
    line-height: 1em;
    color: #fff;
    padding: 10px 10px 10px 45px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 15px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M9.87%209.7c1.07%200%201.93-.87%201.93-1.94%200-1.07-.86-1.93-1.93-1.93-1.07%200-1.93.86-1.93%201.93%200%201.07.86%201.94%201.93%201.94M14.8%209.7c1.07%200%201.94-.87%201.94-1.94%200-1.07-.87-1.93-1.94-1.93-1.06%200-1.93.86-1.93%201.93%200%201.07.87%201.94%201.93%201.94M4.94%209.7c1.06%200%201.93-.87%201.93-1.94%200-1.07-.87-1.93-1.93-1.93C3.87%205.83%203%206.7%203%207.76c0%201.07.87%201.94%201.94%201.94%22%2F%3E%3Cpath%20d%3D%22M17.98%2013.37H7.7c-.12%200-.24.04-.33.1L3.12%2016.3l.38-2.23c.03-.17-.02-.35-.14-.48-.1-.15-.28-.23-.45-.23H1.2V2.15h16.78v11.22zm.6-12.42H.6c-.33%200-.6.27-.6.6v12.42c0%20.33.27.6.6.6h1.6l-.42%202.45c-.06.37.08.6.17.7.13.16.33.25.55.25.16%200%20.33-.06.5-.16l4.88-3.23h10.7c.33%200%20.6-.27.6-.6V1.55c0-.33-.27-.6-.6-.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 10px center/25px no-repeat #FBB43A;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.ready-to-talk:hover {
    background-color: #FAA719
}

a.ready-to-talk:focus,a.ready-to-talk:hover {
    color: #fff
}

.square-card {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .square-card {
        float:left;
        width: 50%
    }
}

@media (min-width: 768px) {
    .square-card {
        float:left;
        width: 33.33333%
    }
}

.square-card-inner {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    background-color:#e0e0e0;
}

.square-card .background,.square-card .info,.square-card .overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.square-card .info {
    padding: 10px;
    background: rgba(0,0,0,.4);
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.square-card .info h5 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 0 0 .5em
}

.square-card .overlay {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.square-card:hover .info {
    opacity: 1
}

.square-card:hover .overlay {
    opacity: 0
}

.stelter-navbar-placeholder {
    height: 70px
}

.stelter-navbar {
    min-width: 300px;
    line-height: 70px;
    height: 70px;
    background: #C5531E;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.stelter-navbar-inner > a {
    padding:5px 15px;
}

@media (max-width: 768px) {
    .stelter-navbar {
        text-align:center;
        height: auto;
        line-height: 50px
    }
}

.stelter-navbar a {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0;
    line-height: normal;
}

@media (max-width: 480px) {
    .stelter-navbar a {
        padding: 5px 10px;
    }
}

.stelter-navbar-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100vw;
    height: 70px;
    padding: 0;
    overflow: visible;
}

.stelter-navbar-inner:before, .stelter-navbar-inner:after {
    display:none;
}

.stelter-navbar .logo {
    height: 24px;
    width: 223px;
}

.stelter-navbar .nav-right {
    float: right
}

.stelter-navbar #nav-toggle {
    display:flex;
    align-items:center;
    padding: 15px;
    margin: 0;
    height:auto;
    line-height:1;
    background:none;
    border:none;
    color:#fff;
    text-transform:uppercase;
}

.stelter-navbar #nav-toggle:after {
    content:'';
    display:inline-block;
    height:20px; 
    width:20px;
    background-size:contain;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='bars' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-bars fa-w-14 fa-2x'%3E%3Cpath fill='#fff' d='M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z' class=''%3E%3C/path%3E%3C/svg%3E");
    margin-left:0.5em;
}



@media (max-width: 991px) {

    .stelter-navbar .nav-right {
        position:absolute;
        width:200px;
        max-width:70%;
        height:calc(100vh - 70px);
        right: -100%;
        top:70px;
        background:rgba(197, 83, 30, .95);
        transition:0.5s;
        padding:10px 30px;
        text-align:right;
    }
    .nav-active .stelter-navbar .nav-right {
        right: 0;
    }
    .stelter-navbar .nav-right a {
        display:block;
        width:100%;
        line-height: 2;
    }

}

@media (max-width: 768px) {
    .stelter-navbar .nav-right {
        float:none
    }
}

@media (min-width: 992px) {
    .stelter-navbar {
        line-height: 70px;
    }
    .stelter-navbar, .stelter-navbar-inner, .stelter-navbar-placeholder {
        height:100px;
    }

    .stelter-navbar .nav-right {
        display:block;
        margin: 0;
    }
    .stelter-navbar #nav-toggle {
        display:none;
    }
}

.trans-button,a.trans-button {
    font-family: 'Open Sans',sans-serif;
    color: #eee;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    padding: 10px 30px;
    margin: 0 0 30px;
    display: inline-block;
    border: 2px solid #eee;
    background: 0 0
}

.trans-button:hover {
    background: rgba(255,255,255,.2);
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}


.about-us .about-us-link,.about-us-aside,.about-us-text,.brand-bar .toggle {
    position: relative;
    min-height: 1px;
    float: left
}

.brand-bar-inner:after,.brand-bar-toggles:after,.in-the-know-inner:after,.in-the-know-list:after {
    clear: both
}

.brand-bar .toggle,.our-library,.our-mind,.say-hello {
    cursor: pointer
}

.about-us {
    background: #595959
}

.about-us .container-fluid {
    padding: 40px 30px
}

.about-us hr {
    margin: 1em 0
}

.about-us .about-us-text {
    padding-right: 15px
}

.about-us .staff-photo {
    margin: 1em auto;
    display: block
}

.about-us .about-us-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.about-us .about-us-link {
    width: 100%;
    display: block;
    color: #fff;
    min-width: 115px;
    font-weight: 500;
    padding: 2em 15px 1em
}

@media (min-width: 768px) {
    .about-us .about-us-link {
        float:left;
        width: 33.33333%
    }
}

.about-us .about-us-link .icon {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin-right: 10px
}

.brand-bar-inner:after,.brand-bar-inner:before,.brand-bar-toggles:after,.brand-bar-toggles:before {
    content: " ";
    display: table
}

.about-us .about-us-link:hover .icon path {
    fill: #FBB43A
}

.about-us .about-us-link:hover {
    color: #FBB43A;
    text-decoration: none
}

.about-us-aside,.about-us-text {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.brand-bar {
    color: #FFF;
    background: #555759;
    text-align: center;
    padding: 10px 0
}

.brand-bar-inner {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1170px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .about-us-aside,.about-us-text {
        float:left;
        width: 50%
    }

    .brand-bar-inner {
        padding-left: 50px
    }

    .brand-bar .toggle {
        text-align: left
    }
}

.brand-bar-toggles {
    margin-left: -15px;
    margin-right: -15px
}

.brand-bar .toggle {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 1em 0
}

.brand-bar .toggle.selected,.brand-bar .toggle:hover {
    color: #f09900
}

.brand-bar .toggle h5 {
    font: 400 1.4em 'Open Sans',sans-serif;
    font-weight: 400;
    margin: 0
}

.brand-bar .brand-icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.in-the-know-inner:after,.in-the-know-inner:before,.in-the-know-list:after,.in-the-know-list:before {
    content: " ";
    display: table
}

@media (min-width: 768px) {
    .brand-bar .toggle h5 {
        white-space:nowrap;
        line-height: 50px
    }

    .brand-bar .brand-icon {
        float: left;
        margin: 0 15px 0 0
    }
}

.brand-bar .selected .brand-icon path,.brand-bar .toggle:hover .brand-icon path {
    fill: #f09900
}

.brand-bar .toggle-content {
    opacity: 0;
    -webkit-transition: max-height 1s ease,opacity 1s ease;
    transition: max-height 1s ease,opacity 1s ease;
    position: absolute;
    left: 0;
    right: 0
}

.brand-bar .toggle-content.selected {
    opacity: 1;
    -webkit-transition: max-height 1s ease,opacity 1s ease;
    transition: max-height 1s ease,opacity 1s ease
}

.brand-bar .content-container {
    height: 0;
    overflow: hidden;
    position: relative
}

.brand-bar p {
    max-width: 820px;
    margin: 1em auto 0
}

.brand-bar .customer-focus .checkmark-list,.brand-bar h2 {
    margin-top: 1em
}

.brand-bar h2 {
    color: #FFB600
}

.in-the-know {
    background: #fff;
    text-align: center
}

.in-the-know-inner {
    margin-right: auto;
    margin-left: auto;
    padding: 2em 30px;
    max-width: 1170px
}

.in-the-know-list {
    margin-left: -15px;
    margin-right: -15px
}

@media (max-width: 767px) {
    .in-the-know-inner>h2 {
        font-weight:800;
        margin-bottom: 1em
    }

    .in-the-know-list {
        margin: 2em auto;
        max-width: 450px
    }

    .in-the-know .aspect {
        clear: left;
        padding-left: 0;
        text-align: left
    }
}

.in-the-know .aspect {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    margin: 1em 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5em
}

@media (min-width: 768px) {
    .in-the-know .aspect {
        float:left;
        width: 33.33333%
    }
}

.in-the-know .aspect,.in-the-know .aspect:hover {
    color: #444;
    text-decoration: none
}

.in-the-know .aspect h2 {
    margin-top: .5em;
    margin-bottom: .5em;
    min-height: 2.2em;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .in-the-know .aspect h2 {
        padding-left:100px;
        min-height: auto;
        display: block
    }
}

.in-the-know .aspect p {
    margin: 0 auto;
    padding: 0 30px
}

.in-the-know .doodle {
    width: 70%
}

@media (max-width: 767px) {
    .in-the-know .aspect p {
        padding-left:100px
    }

    .in-the-know .doodle {
        width: 95px;
        float: left;
        margin-bottom: 2em;
        margin-left: -5px
    }
}

.our-mind .lightray {
    stroke-dasharray: 0 27 6 3 6 3 6 3;
    stroke-dashoffset: 0
}

.our-mind:hover .lightray {
    stroke-dashoffset: 82;
    -webkit-transition: stroke-dashoffset 1s ease;
    transition: stroke-dashoffset 1s ease
}

.our-mind .filament-off {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.our-mind .filament-on,.our-mind:hover .filament-off {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.our-mind:hover .filament-on {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.our-library .far {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library .near,.our-library:hover .far {
    -webkit-transition: -webkit-transform 1s ease
}

.our-library:hover .far {
    -webkit-transform: translate(-15px,0);
    transform: translate(-15px,0);
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library .near {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library:hover .near {
    -webkit-transform: translate(8px,0);
    transform: translate(8px,0);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library .ladder {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library:hover .ladder {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.our-library .beam {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.our-library:hover .beam {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.our-library:hover .beam2 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.our-library:hover .beam3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.our-library:hover .beam4 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.our-library:hover .beam5 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.say-hello .arrow-left,.say-hello .arrow-right {
    stroke-dasharray: 150;
    stroke-dashoffset: -149;
    -webkit-transition: stroke-dashoffset .8s ease;
    transition: stroke-dashoffset .8s ease
}

.say-hello:hover .arrow-left,.say-hello:hover .arrow-right {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .8s ease;
    transition: stroke-dashoffset .8s ease
}

.say-hello .arrow-head {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out
}

.say-hello:hover .arrow-head {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.say-hello .far {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out,-webkit-transform 1s ease-out
}

.say-hello .near,.say-hello:hover .far {
    -webkit-transition: -webkit-transform 1s ease-out
}

.say-hello:hover .far {
    -webkit-transform: scale(.98);
    transform: scale(.98);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out,-webkit-transform 1s ease-out
}

.say-hello .near {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out,-webkit-transform 1s ease-out
}

.say-hello:hover .near {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out,-webkit-transform 1s ease-out
}

.step-inside .modal-dialog {
    width: 80vw;
    height: auto;
    max-height: 90vh;
    margin: 10px auto;
    background: 0 0;
    border:none;
}

.step-inside .modal-content {
    margin: 0 auto;
    padding: 0;
    border:none;
    background: none;
}

.step-inside video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    display:  flex;
    align-self: center;
}

.video-play-button {
    color: #FFF;
    font-weight: 500;
    font-size: 1.25em
}

.video-play-button::before {
    vertical-align: middle;
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20d%3D%22M25%2046C13.4%2046%204%2036.7%204%2025S13.3%204%2025%204s21%209.4%2021%2021-9.4%2021-21%2021m0-46C11.2%200%200%2011.2%200%2025s11.2%2025%2025%2025%2025-11.2%2025-25S38.8%200%2025%200%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18.2%2034.4V15.6L36%2025l-17.8%209.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E)
}

.video-play-button:active::before,.video-play-button:focus::before,.video-play-button:hover::before {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20d%3D%22M25%2046C13.4%2046%204%2036.7%204%2025S13.3%204%2025%204s21%209.4%2021%2021-9.4%2021-21%2021m0-46C11.2%200%200%2011.2%200%2025s11.2%2025%2025%2025%2025-11.2%2025-25S38.8%200%2025%200%22%20fill%3D%22%23FBB43A%22%2F%3E%3Cpath%20d%3D%22M18.2%2034.4V15.6L36%2025l-17.8%209.4z%22%20fill%3D%22%23FBB43A%22%2F%3E%3C%2Fsvg%3E)
}

.video-play-button:active,.video-play-button:focus,.video-play-button:hover {
    color: #FBB43A;
    text-decoration: none
}

.video-full-wrapper {
    margin:0 auto;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video-wrapper-960 {
    max-width: 960px;
    margin: 0 auto;
}

.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none !important;
}

.what-we-do {
    background: #fff;
    text-align:center;
}

.what-we-do .container-fluid {
    padding: 15px 30px
}

.what-we-do hr {
    margin: 1em 0
}

@media (max-width: 767px) {
    .what-we-do-links>* {
        margin-top:1em
    }
}

.what-we-do-links {
    margin: 1em 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 1.1em;
}

.what-we-do-links:after,.what-we-do-links:before {
    content: " ";
    display: table
}

.what-we-do-links:after {
    clear: both
}

.what-we-do-link {
    float: left;
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    list-style-type: none;
    margin: 0
}

@media (min-width: 768px) {
    .what-we-do-link {
        float:left;
        width: 16.66667%
    }
}

.what-we-do-link .worktype {
    width: 40%;
    display: block;
    margin: 5px auto
}

.what-we-do-link {
    color: #444
}

.what-we-do-link:hover {
    color: #C35328
}

.what-we-do-link:hover .worktype path.mark {
    fill: #C35328
}

.what-we-do-link span {
    font-size: .8em;
    line-height: 1.2em;
    font-weight: 500;
    margin-top: 10px;
    font-family: 'Roboto Slab',Georgia,serif;
    display: inline-block;
    min-height: 3em
}

.what-we-do-text>* {
    display: none
}

.what-we-do-text>.active {
    display: block
}

@media screen and (min-width: 768px) {
    .what-we-do-text {
        position:relative;
        min-height: 8em
    }

    .what-we-do-text>* {
        display: block;
        position: absolute;
        top: 0;
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

    .what-we-do-text>.active {
        opacity: 1;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
}

.what-we-do .trans-button {
    background: #c35328;
    color: #fff;
    border-color: #fff
}

.what-we-do .trans-button:hover {
    background: #BA461A
}
.modal-open .splash-modal.in {
    display: flex !important;
    justify-content: center;
}
.larry-peggy .modal-content,.larry-peggy .modal-dialog {
    width: 400px;
    width: 80vw;
    max-width: 120vh;
    height: 300px;
    min-height: 40vw;
    margin: 10px auto;
    background: #fff
}
.splash-modal .modal-dialog {
    margin:10px 0;
    width: 90vw;
    max-width: 1200px;
    height: auto;
    min-height: 40vh;
    max-height:calc(100vh - 20px);
    background: #fff;
    overflow:auto;
}
.splash-modal .modal-content {
    margin: 0 auto;
    background: #fff;
}

.larry-peggy .modal-content .modal-body,
.splash-modal .modal-content .modal-body {
    background: #fff
}

.larry-peggy .modal,
.splash-modal .modal {
    overflow: visible!important
}

.larry-peggy .modal-body,
.splash-modal .modal-body {
    overflow-y: visible!important
}

.larry-peggy .modal-dialog .close-button,
.splash-modal .modal-dialog .close-button {
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    z-index: 999;
    cursor: pointer;
    width: auto;
    height: auto
}

.larry-peggy .modal-dialog .close-icon,
.splash-modal .modal-dialog .close-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22148%20129%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M150%20131l19.886%2019.886M170%20131l-19.886%2019.886%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat
}

.larry-peggy .modal-interior,
.splash-modal .modal-interior {
    padding: 20px
}

.larry-peggy .modal-content img {
    display: block;
    margin: 20px 0;
    width: 100%
}

.splash-modal .modal-left img {
    display:block;
    margin:0 auto 20px;
    max-width:200px;
}

.title.block-bg {
    font-size:2rem;
    font-weight: 700;
    background-color:#c5c5c5;
    display:inline;
    -webkit-box-decoration-break:clone;
    -o-box-decoration-break: clone;
    box-decoration-break:clone;
    background-clip: padding-box;
    padding:4px 15px;
    line-height:1.6;
}

.title.gold-bg {
    background-color:#fcb427;
}

/* week 9 change - make gold blocks same width */
@media screen and (min-width:1300px){
    /* uncomment below if using spans */
    .title.gold-bg {
        /* background-clip: content-box; */
        /* padding:0; */
    }

    .title.block-bg span {
        display:block;
        background-color:#fcb427;
        margin-top:5px;
        padding-left:15px;
        margin-right: 10px;
    }
}

.splash-modal .splash-copy {
    margin-top: 1rem;
    padding-left: 15px;
    padding-right:15px;
}

.splash-modal .feature-text {
    font-size:1.33rem;
    font-family: 'Roboto Slab',Georgia,serif;
    font-weight:300;
    line-height:1.2;
}
.splash-modal .feature-text + p, .splash-modal .feature-text + ul {
    font-size:1rem;
    font-family: 'Roboto Slab',Georgia,serif;
    font-weight:300;
    line-height:1.33;
    margin:1em 0;
}


.larry-peggy .modal-content .cta {
    margin: 20px auto 0;
    text-align: center
}
.splash-modal .modal-content .cta {
    margin: 20px 0 0;
    text-align: left;
    width:auto;
    display:table;
}


.larry-peggy .modal-content .trans-button,
.splash-modal .modal-content .trans-button {
    background: #c35328;
    color: #fff;
    line-height: 1.2em;
    margin: 0
}

.larry-peggy .modal-content .trans-button:hover,
.larry-peggy .modal-content .trans-button:focus,
.splash-modal .modal-content .trans-button:hover,
.splash-modal .modal-content .trans-button:focus {
    background: #b54d1a;
}

.splash-modal .modal-content .trans-button {
    width:100%;
    text-align:center;
    margin-bottom:0.5rem;
}
.splash-modal .cta .cta-subtext {
    font-size:0.75rem;
    font-weight:600;
    padding:0 0.5rem;
}

@media screen and (min-width: 768px) {
    .larry-peggy .modal-interior {
        margin:0 auto;
        width: 80%
    }
    .splash-modal .modal-interior {
        width: 95%;
        margin: 0 auto;
    }
    .title.block-bg {
        font-size:2rem;
    }    
    .splash-modal .feature-text {
        font-size:1.5rem;
    }
    .splash-modal .feature-text + p, .splash-modal .feature-text + ul {
        font-size:1.2rem;
    }

}

@media screen and (min-width: 992px) {
    .larry-peggy .modal-interior {
        width:60%;
        padding: 40px
    }
    .splash-modal .modal-interior {
        display:flex;
        margin: 0 auto;
        padding: 30px 20px 30px 15px;
    }
    .splash-modal .modal-left {
        flex: 0 1 368px;
        min-width: 43%;
        margin-right: 1rem;
    }
    .splash-modal .modal-left img {
        max-width: 105%;
        margin-top:-3.333%;
        margin-left:-2.5%;
    }
    .title.block-bg {
        font-size:2.33rem;
    }    
    .splash-modal .feature-text {
        font-size:2rem;
    }
    .splash-modal .feature-text + p,  .splash-modal .feature-text + ul {
        font-size:1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .title.block-bg {
        font-size:2.5rem;
    }   
    .splash-modal .modal-left img {
        margin-top:-2.75%;

    }
}

.home-page .big-header {
    /*background: url(../../images/homepage/video-placeholder-bg.jpg) center 0/cover no-repeat;*/
}

#region-map {
    position: relative
}


/* research.css */

.gate-modal .contact-fields,.research-nav {
    overflow: auto
}

.gate-modal {
    font-size: .8em
}

.gate-modal .title {
    position: relative;
    /*float: left;*/
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 2em;
    margin-top: 2em
}

.gate-modal .modal-body {
    background: #fff;
    padding: 40px;
    border-top: solid #c35328 8px;
    position: relative
}
.gate-modal fieldset {
    /* width:100%; */
}
.gate-modal .contact-fields {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

#gate-modal .contact-fields {
    width:100%;
}
.gate-modal .download-preview {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    float: left
}

.gate-modal .contact-fields>h2 {
    margin-top: 0;
    color: #c35328
}

.gate-modal .contact-fields input {
    display: block;
    width: 100%;
    border: 1px solid #a9a9aa;
    padding: 7px;
    margin-bottom: 1em
}

.gate-modal .submit-button {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    background: #c35328;
    border: 0;
    outline: 0;
    font-weight: 500;
    margin-top: 2em;
}

.gate-modal .contact-fields textarea {
    width: 100%;
    height: 6em;
    padding: 10px
}

.gate-modal .gate-modal-info p {
    margin: 2em 0
}

.gate-modal hr {
    border-color: #555759;
    margin: 2em 0
}

.gate-modal .logo {
    margin-bottom: 5em
}

.gate-modal .close-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22148%20129%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M150%20131l19.886%2019.886M170%20131l-19.886%2019.886%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat
}

.gate-modal .close-button {
    background: 0 0;
    position: absolute;
    top: 20px;
    right: 40px;
    padding: 20px;
    z-index: 999;
    cursor: pointer;
    width: auto;
    height: auto
}

.gate-modal .trans-button {
    background: #c35328;
    color: #fff;
    border-color: #fff;
    padding: 20px
}

#gate-modal-multiform.gate-modal .title {
    margin-bottom: 1em
}

.download-options {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%
}

.download-options .download-option {
    width: 48%
}

.download-options .download-option input {
    padding-top: 3px
}

.download-options .download-option label {
    display: inline-block;
    font-weight: 400;
    padding-left: 5px
}

.webinar-card {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 2em;
    font-size: .9em
}
.webinar-card[data-id*="425"] {
    display:none;
}

.webinar-card .banner[href*=gotowebinar], .webinar-card .banner[href*=gotowebinar] ~ * {
    display:none;
} 
@media (min-width: 480px) {
    .webinar-card {
        float:left;
        width: 50%
    }

    .webinar-card-inner {
        min-height: 530px
    }
}

@media (min-width: 768px) {
    .webinar-card {
        float:left;
        width: 33.33333%
    }
}

.webinar-card-inner {
    border: 1px solid #AAA;
    padding-bottom: 2em
}

.webinar-card .download-button {
    background: #C5531E;
    color: #fff;
    margin: 1em 20px;
    padding: 10px;
    text-align: center;
    display: block;
    border: 1px solid #e5e5e5;
    font-weight: 500
}

.webinar-card-info, .webinar-card.upcoming-webinar p {
    padding: 20px;
    font-weight: 400
}

.webinar-card .presenter,.webinar-card .upcoming {
    font-weight: 700;
    display: block
}

.webinar-card.upcoming-webinar .webinar-card-inner p .expired {display:none;}

@media (min-width: 480px) {
    .webinar-card-info {
        min-height:140px
    }
    .webinar-card.upcoming-webinar p {
        min-height:120px
    }
    
}

.webinar-card a {
    color: #555
}

.webinar-card .banner {
    width: 100%;
    min-height: 100px;
    position: relative;
    display: block;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20250%20250%22%3E%3Cpath%20d%3D%22M176.405%20102.8c0%2028.167-22.834%2051-51%2051v1c28.72%200%2052-23.28%2052-52h-1zm-51%2051c-28.166%200-51-22.834-51-51h-1c0%2028.72%2023.28%2052%2052%2052v-1zm-51-51c0-28.165%2022.834-51%2051-51v-1c-28.72%200-52%2023.28-52%2052h1zm51-51c28.166%200%2051%2022.835%2051%2051h1c0-28.72-23.28-52-52-52v1z%22%20fill%3D%22%23979797%22%2F%3E%3Cpath%20d%3D%22M104.906%20128.3v-51l51%2025.5%22%20fill%3D%22%23676767%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M56.898%20198.952h-1.97l-3.455-11.472c-.164-.508-.347-1.15-.55-1.922-.204-.774-.31-1.238-.317-1.395-.173%201.032-.446%202.16-.82%203.387l-3.354%2011.402h-1.966l-4.56-17.132h2.11l2.706%2010.582c.375%201.484.65%202.828.82%204.03.212-1.43.524-2.827.938-4.194l3.07-10.418h2.11l3.223%2010.51c.375%201.212.69%202.58.95%204.103.147-1.11.428-2.46.843-4.055l2.695-10.558h2.11l-4.58%2017.132zm14.87%200l-.386-1.828h-.094c-.64.805-1.28%201.352-1.92%201.64-.63.282-1.42.423-2.37.423-1.272%200-2.272-.33-3.002-.99-.72-.66-1.08-1.59-1.08-2.8%200-2.6%202.08-3.96%206.23-4.08l2.18-.07v-.8c0-1.01-.22-1.75-.65-2.23-.43-.49-1.12-.73-2.07-.73-1.07%200-2.28.33-3.63.98l-.6-1.49c.63-.35%201.33-.62%202.08-.81.76-.2%201.52-.29%202.28-.29%201.53%200%202.665.34%203.4%201.02.746.68%201.117%201.77%201.117%203.27v8.76h-1.447zm-4.394-1.37c1.21%200%202.16-.333%202.84-.997.69-.664%201.04-1.594%201.04-2.79v-1.16l-1.94.083c-1.55.055-2.67.297-3.36.727-.68.42-1.02%201.082-1.02%201.98%200%20.703.214%201.238.64%201.605.43.368%201.023.55%201.79.55zm14-.002c.34%200%20.67-.022.99-.07.32-.054.57-.11.76-.163v1.48c-.21.1-.53.18-.94.24-.41.07-.78.1-1.1.1-2.49%200-3.73-1.31-3.73-3.93v-7.62h-1.84v-.936l1.84-.81.82-2.74h1.12v2.98h3.72v1.51h-3.708v7.56c0%20.78.183%201.37.55%201.78.367.42.87.62%201.512.62zm9.46%201.608c-1.86%200-3.3-.572-4.324-1.712-1.015-1.15-1.523-2.77-1.523-4.863%200-2.15.516-3.81%201.548-4.98%201.04-1.173%202.52-1.76%204.43-1.76.62%200%201.24.07%201.86.2.62.133%201.1.29%201.46.47l-.6%201.652c-.43-.172-.9-.313-1.4-.422-.5-.117-.95-.176-1.34-.176-2.61%200-3.91%201.66-3.91%204.99%200%201.58.314%202.79.95%203.63.64.84%201.582%201.26%202.832%201.26%201.07%200%202.17-.23%203.29-.7v1.73c-.86.44-1.94.67-3.246.67zm15.094-.236v-8.308c0-1.047-.238-1.828-.715-2.344-.477-.516-1.223-.773-2.24-.773-1.35%200-2.34.36-2.964%201.1-.62.73-.93%201.93-.93%203.61v6.71h-1.94v-18.23h1.95v5.52c0%20.666-.03%201.216-.09%201.654h.12c.39-.61.93-1.1%201.63-1.45.71-.36%201.52-.54%202.43-.54%201.57%200%202.75.37%203.53%201.12.79.74%201.18%201.92%201.18%203.55v8.38h-1.95zm27.435%200h-1.958l-3.457-11.472c-.163-.508-.347-1.15-.55-1.922-.203-.774-.31-1.238-.316-1.395-.172%201.032-.445%202.16-.82%203.387l-3.352%2011.402h-1.97l-4.556-17.132h2.11l2.706%2010.582c.375%201.484.648%202.828.82%204.03.21-1.43.524-2.827.938-4.194l3.07-10.418h2.11l3.223%2010.51c.38%201.212.69%202.58.95%204.103.15-1.11.43-2.46.85-4.055l2.69-10.558h2.11l-4.58%2017.132zm12.396.236c-1.9%200-3.4-.58-4.5-1.736-1.1-1.156-1.64-2.76-1.64-4.816%200-2.07.5-3.715%201.52-4.934%201.02-1.218%202.39-1.828%204.11-1.828%201.61%200%202.88.532%203.82%201.594.94%201.055%201.4%202.45%201.4%204.184v1.23h-8.85c.04%201.508.42%202.652%201.135%203.434.72.78%201.74%201.17%203.05%201.17%201.38%200%202.75-.29%204.1-.867v1.74c-.69.3-1.34.51-1.96.64-.61.13-1.35.2-2.22.2zm-.53-11.685c-1.03%200-1.86.336-2.48%201.008-.61.68-.97%201.61-1.08%202.79h6.71c0-1.22-.28-2.16-.82-2.81-.55-.65-1.33-.98-2.35-.98zm14.55-1.605c1.68%200%202.99.578%203.92%201.734.933%201.15%201.402%202.777%201.402%204.887%200%202.11-.473%203.75-1.418%204.93-.94%201.17-2.25%201.75-3.92%201.75-.84%200-1.6-.15-2.3-.45-.69-.31-1.27-.79-1.74-1.43h-.14l-.41%201.65h-1.4v-18.26h1.94v4.43c0%20.99-.03%201.88-.09%202.67h.09c.91-1.29%202.25-1.93%204.03-1.93zm-.29%201.63c-1.326%200-2.28.38-2.87%201.147-.585.758-.88%202.04-.88%203.844%200%201.81.3%203.1.905%203.88.6.78%201.565%201.16%202.893%201.16%201.194%200%202.085-.43%202.67-1.3.587-.87.88-2.13.88-3.76%200-1.67-.293-2.92-.88-3.74-.585-.82-1.49-1.23-2.72-1.23zm10.97%2011.424h-1.944v-12.844h1.945v12.844zm-2.11-16.324c0-.445.11-.77.33-.972.22-.21.49-.317.82-.317.31%200%20.58.11.81.32.225.21.34.54.34.97%200%20.44-.115.77-.34.99-.228.21-.497.32-.81.32-.328%200-.6-.1-.82-.31-.22-.22-.328-.54-.328-.98zm15.025%2016.324v-8.308c0-1.047-.24-1.828-.716-2.344-.47-.516-1.22-.773-2.23-.773-1.34%200-2.33.36-2.95%201.08-.62.72-.93%201.92-.93%203.6v6.74h-1.94v-12.84h1.59l.32%201.76h.096c.4-.632.96-1.12%201.68-1.464.72-.352%201.52-.528%202.4-.528%201.545%200%202.71.375%203.49%201.125.78.75%201.17%201.94%201.17%203.58v8.38h-1.95zm13.85%200l-.387-1.828h-.09c-.64.805-1.28%201.352-1.92%201.64-.63.282-1.42.423-2.38.423-1.27%200-2.27-.33-3-.99-.71-.66-1.07-1.59-1.07-2.8%200-2.6%202.08-3.96%206.23-4.08l2.18-.07v-.8c0-1.01-.22-1.75-.65-2.23-.43-.49-1.12-.73-2.07-.73-1.07%200-2.28.33-3.636.98l-.6-1.49c.635-.35%201.327-.62%202.077-.81.76-.2%201.52-.29%202.27-.29%201.53%200%202.667.34%203.4%201.02.74.68%201.11%201.77%201.11%203.27v8.76h-1.44zm-4.395-1.37c1.21%200%202.16-.333%202.85-.997.7-.664%201.05-1.594%201.05-2.79v-1.16l-1.95.083c-1.546.055-2.664.297-3.35.727-.68.42-1.02%201.082-1.02%201.98%200%20.703.21%201.238.63%201.605.43.368%201.03.55%201.795.55zm15.717-11.708c.57%200%201.08.047%201.534.14l-.27%201.806c-.53-.118-1-.176-1.403-.176-1.04%200-1.93.422-2.67%201.265-.735.85-1.1%201.9-1.1%203.16v6.89h-1.94V186.1h1.6l.22%202.38h.09c.47-.836%201.05-1.48%201.72-1.934.67-.453%201.41-.68%202.21-.68z%22%20fill%3D%22%23676767%22%2F%3E%3C%2Fsvg%3E) center no-repeat #CCC
}

.webinar-card .banner::after {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill-opacity%3D%22.625%22%20fill%3D%22%23000%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.72%2014.297V5.703L15.312%2010%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 999;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media (max-width: 767px) {
    .webinar-card .banner::after {
        width:40px;
        height: 40px
    }
}

.webinar-card .banner img {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.webinar-card .banner:hover img {
    opacity: .1
}

.webinar-card .banner:hover::after {
    opacity: 0
}

.webinar-card-inner img {
    width: 100%
}

.webinar-card .upcoming {
    color: #C5531E;
    text-transform: uppercase
}

.upcoming-webinar ul {
    list-style: none;
    padding-left: 15px
}

.upcoming-webinar li:before {
    content: "+";
    padding-right: 5px
}

.upcoming-webinar a {
    text-decoration: underline
}

.research-page {
    background: #fff
}

.research-page .big-header h1, .research-page .big-header h2,.research-page .tagline {
    color: #555
}

.research-page .square-card .info {
    background: #53585a
}

.research-page .square-card h5 {
    font-size: 1.1em;
    color: #fdb525;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif
}

.research-page .call-to-action {
    color: #fdb525;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 500
}

.research-nav {
    margin-bottom: 1em;
    display:flex;
    justify-content:center;
}

.research-nav .tab {
    position: relative;
    flex:0 0 33.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.research-nav a {
    border-top: solid transparent 3px;
    font-family: 'Roboto Slab',Georgia,serif;
    font-size: 1.4em;
    padding-top: 15px;
    margin-bottom: 2em;
    display: block;
    color: #555
}

.research-nav .selected,.research-nav a:hover {
    border-color: #fdb525;
    text-decoration: none
}

@media (max-width: 767px) {
    .research-nav .tab {
        flex-basis:45%;
    }
    .research-nav a {
        font-size:1.2em
    }

    .research-nav .selected,.research-nav a:hover {
        text-decoration: underline;
        color: #fdb525
    }
}



/* events.css */
.events-page .big-header {
    background: url(../../images/banners/banner-events.jpg) center center/cover no-repeat
}

.events-section {
    background: #fff;
    min-height: 500px
}

.events-section .container-fluid {
    padding: 1em 30px
}

.events-section .events-cell {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .events-section .events-cell {
        float:left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .events-section .events-cell {
        float:left;
        width: 33.33333%
    }
}

.events-section .card {
    height: 28em;
    margin-bottom: 2em;
    overflow: hidden;
    position: relative
}

.events-section .card .card-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1
}

.events-section .card-with-overlay .card-overlay {
    background: rgba(0,0,0,.75);
    position: absolute;
    bottom: 0;
    left: 0;
    /* height: 40%; */
    width: 100%;
    z-index: 2;
}

.events-section .card-with-overlay .full-card-overlay {
    background: rgba(0,0,0,.5);
    height: 60%
}

.events-section .card-with-overlay .card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    min-height: 40%;
    width: 100%;
    padding: 0 15px;
    z-index: 3;
    color: #fff;
    background: rgba(0,0,0,.75);
}

.events-section .card-with-overlay .full-card-content {
    height: 60%;
    padding: 15px
}

.events-section .card-with-overlay .card-content h4 {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.1em;
    margin-bottom: .5em
}

@media screen and (min-width: 768px) {
    .events-section .card-with-overlay .card-content h4 {
        font-size:1.5em
    }
}

.events-section .card-with-overlay .card-content a {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width: 992px) {
    .events-section .card {
        height:34em
    }
}

@media screen and (max-width: 768px) {
    .events-section .card {
        height: auto;
        min-height: 21em;
    }
}

.events-section .card h5 {
    color: #C5531E
}


/* our_work.css */

.work-section .above-quote:after,.work-section .below-quote:after,.work-section .testimonials:after {
    clear: both
}

.client-cards .product {
    font-size: .75em
}

.our-work-page {
    background: #fff
}

.our-work-page .big-header h1, .our-work-page .big-header h2 {
    color: #555759
}

.work-section h1 {
    font-size:2.2em;
    margin-bottom:0.25em;
}

.work-section h2 {
    font-size: 1.8em;
    margin-top:0;
}

.work-section h3 {
    font-size:1.8em;
    margin-top:0.5em;
}

.our-work-page .big-header .overlay,.our-work-page .stelter-navbar .hamburger {
    display: none
}

/*.our-work-page .square-card {*/
/*    margin-bottom: 40px*/
/*}*/

/* temporary until next code promotion */
.our-work-page .square-card[href*=stelter-relationship-building-workshop] h5 + div {
    font-size:0;
}
.our-work-page .square-card[href*=stelter-relationship-building-workshop] h5 + div:before {
    display:inline;
    font-size: 1rem;
    content:'Stelter Relationship Building Workshop';
}
.our-work-page .square-card[href*=stelter-relationship-building-workshop] h5 + div:after {
    display:inline;
    position:absolute;
    font-size:0.875rem;
    margin-top:-5px;
    content:'®';

}
/* end temporary fix */

.our-work-page #case-study h3, .our-work-page .work-section h3 {
    color:#C5531E;
}

.our-work-page #case-study h6 {
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    font-size:18px;
    line-height:1.5;
}
.work-section {
    padding: 2em 0
}

.work-section img {
    margin-bottom: 1em
}

.work-section .above-quote {
    margin-left: -15px;
    margin-right: -15px
}

.work-section .above-quote:after,.work-section .above-quote:before {
    content: " ";
    display: table
}

.work-section .above-quote img {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .work-section .above-quote img {
        float:left;
        width: 50%
    }
}

.work-section .beside-quote {
    width: 50%;
    float: left
}

.work-section .quote-container {
    display: -webkit-box;
    display: flex
}

@media (max-width: 480px) {
    .work-section .beside-quote {
        width:100%;
        float: none;
        text-align: center
    }

    .work-section .quote-container {
        display: block
    }
}

.work-section .quote {
    width: 50%;
    margin: 0;
    float: left;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.work-section .photos, .work-section .title {
    width: 100%
}

.work-section .below-quote:after,.work-section .below-quote:before,.work-section .testimonials:after,.work-section .testimonials:before {
    content: " ";
    display: table
}

@media (max-width: 480px) {
    .work-section .quote {
        width:100%
    }
}

.work-section .quote.wide {
    float: none;
    width: 100%
}

.work-section .photos,.work-section .summary,.work-section .title {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.work-section blockquote {
    border: none;
    font-size: 1.5em;
    line-height: 1.25em;
    font-family: 'Roboto Slab',Georgia,serif;
}

.work-section .byline {
    text-align: right;
    margin-bottom: 2em
}

@media (min-width: 768px) {
    .work-section .photos {
        float:left;
        width: 66.66667%
    }
}

.work-section .summary {
    width: 100%;
    margin-bottom: 2em
}

@media (min-width: 768px) {
    .work-section .summary {
        float:left;
        width: 33.33333%
    }
}

.work-nav,.work-nav-top,.work-section .below-quote .left {
    width: 100%
}

.work-section .summary ul, .our-work-page #case-study ul {
    padding-left: 20px;
    margin-bottom: 1em
}

.work-nav,.work-nav-top,.work-section .below-quote .left,.work-section .below-quote .right,.work-section .testimonials>div {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.work-section .summary li {
    margin-bottom: .5em
}

.work-section .summary h4 {
    color: #fdb525;
    margin-top: 0
}

.work-section .blurb,.work-section .summary p {
    margin-bottom: 2em
}

.work-nav a,.work-nav-top a {
    color: #666
}

.work-nav {
    text-align: right;
    margin: 2em 0
}

.work-section .below-quote,.work-section .testimonials {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .work-section .below-quote .left {
        float:left;
        width: 41.66667%
    }
}

.work-section .below-quote .right {
    width: 100%
}

@media (min-width: 768px) {
    .work-section .below-quote .right {
        float:left;
        width: 58.33333%
    }
}

.work-section .testimonials>div {
    width: 100%
}

@media (min-width: 768px) {
    .work-section .testimonials>div {
        float:left;
        width: 50%
    }
}

.work-section .testimonials .who {
    min-height: 2em
}

.work-section blockquote {
    font-weight: 300;
    padding: 0;
    margin: 1em 0
}

/* our_story.css */

.our-story-page .big-header {
    background: url(../../images/banners/banner-about.jpg) center center/cover no-repeat
}

.our-story-section {
    background: #fff;
    padding-top: 2em;
    padding-bottom: 4em
}

.our-story-section img {
    margin-bottom: 2em
}

.our-story-section .story {
    overflow: auto
}

.our-story-section .timeline {
    font-weight: 500;
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 4em;
    overflow: auto;
    border-bottom: solid #fff 2px
}

.our-story-section .timeline a {
    border-right: solid #C5531E 1px;
    color: #555759
}

.our-story-section .timeline a:last-child {
    border: none
}

.our-story-page .up-link {
    display: block;
    text-align: right;
    border-bottom: solid #fff 1px;
    margin: 1em 10px;
    padding-bottom: 3px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2210%22%20width%3D%2215.575%22%3E%3Cpath%20fill%3D%22%23555759%22%20d%3D%22M15.39%208.222l-1.603%201.594q-.183.184-.434.184-.252%200-.435-.184l-5.13-5.13-5.13%205.13Q2.472%2010%202.22%2010q-.25%200-.435-.184l-1.6-1.594Q0%208.04%200%207.782q0-.255.184-.44L7.354.185Q7.534%200%207.786%200t.435.184l7.17%207.16q.185.183.185.44%200%20.255-.184.438z%22%2F%3E%3C%2Fsvg%3E) right 5px bottom 9px no-repeat;
    padding-right: 30px;
    text-transform: uppercase;
    color: #555759
}

.our-story-page .our-story-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.our-story-page .our-story-link {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    display: block;
    color: #fff;
    min-width: 175px;
    font-weight: 500;
    padding: 2em 15px 1em
}

.story .content,.story .images {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .our-story-page .our-story-link {
        float:left;
        width: 33.33333%
    }
}

.our-story-page .our-story-link .icon {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin-right: 10px
}

.our-story-page .our-story-link:hover .icon path {
    fill: #FBB43A
}

.our-story-page .our-story-link:hover {
    color: #FBB43A;
    text-decoration: none
}

@media (min-width: 767px) {
    .story .images img {
        width:60%
    }
}

.story .images {
    width: 100%;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .story .images {
        float:left;
        width: 33.33333%
    }
}

@media (min-width: 767px) {
    .story .images {
        position:absolute
    }
}

.story .content {
    width: 100%;
    position: relative
}

@media (min-width: 768px) {
    .story .content {
        float:left;
        width: 66.66667%;
        left: 33.33333%
    }
}

/* careers.css */
.careers-page .big-header, .career-detail-page .big-header {
    background: url(../../images/banners/banner-careers.jpg) center 0/cover no-repeat
}

.careers-section {
    background: #fff;
    min-height: 500px
}

.careers-section .card {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 25em;
    margin-bottom: 2em
}

@media (max-width: 768px) {
    .careers-section .card {
        height:auto
    }
}

.careers-section .card p {
    font-size: 16px;
    margin: 0
}

.careers-section .card .card-cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.stelter-and-you .card-title {
    color: #C5531E
}

.careers-section .container-fluid {
    padding: 1em 30px
}

/* --------------------------
    Careers Page Refresh
-----------------------------*/
/* General Layout
--------------------*/
.careers-refresh-page header.big-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.careers-refresh-page header.big-header h1 {
  color: #fff;
}
.careers-header-copy { display:none; }
.careers-header-copy .ns-quote{ display:none;}

.careers-refresh-main {
  background: #fff;
}

.careers-refresh-main>.container-fluid {
  max-width: none;
  padding: 0;
}

.careers-refresh-main>.container-fluid>section {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.careers-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.careers-card {
  margin-top: 2rem;
  max-width: 500px;
}

@media screen and (min-width:768px) {
  .careers-flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  @media screen and (min-width:768px) {
    .careers-card {
      width: 30%;
    }
  }
}

@media screen and (min-width:1200px) {
  .careers-refresh-page header.big-header {
    min-height: 25vh;
  }

  .careers-refresh-page header.big-header {
    background-size: cover;
  }
}

/* buttons */
.careers-refresh-main .trans-button {
  background: #c35328;
  color: #fff;
  border-color: #fff;
}

.careers-refresh-main .trans-button:hover, .careers-refresh-main .trans-button:focus {
  background: #BA461A;
}

.careers-refresh-page h2:empty {
  display: none;
}

/* Sections
--------------------*/
/* Hear From Our People */
#careers-our-people {
  background: #e0e0e0;
  /* temporarily hide */
  display:none;
}

#careers-our-people>.container-fluid {
  max-width: 960px;
}

.careers-people-container {
  margin: 3rem 0 1rem;
}

.careers-people-feature {
  max-width: 250px;
  margin-bottom: 2rem;
}

.careers-people-feature a {
  display: block;
  border: 6px solid #555759;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.careers-people-feature a:after {
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  background: url(../../Images/icons/play-btn.png);
  background-size: cover;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}

.careers-people-feature a:hover, .careers-people-feature a:focus {
  opacity: .8;
}

@media screen and (min-width:768px) {
  .careers-people-feature {
    width: 30%;
  }
}



/* Practice What We Preach */

/* temp color changes 
#careers-preach {
  background: #555759;
  color: #fff;
}

#careers-preach h2 {
  color: #FFB600;
}
*/


.careers-preach-feature img {
  border-bottom: 10px solid #FFB600;
}

@media screen and (min-width:768px) {
  .careers-preach-feature {
    width: 30%;
  }
}

/* Come On In */
/* TEMP */
/* @import url("https://fonts.googleapis.com/css?family=Lobster&display=swap"); */

#careers-come-on-in-video  {display:none;}
#careers-come-on-in {
  padding-top: 0;
  padding-bottom: 0;
}

#careers-come-on-in .container-fluid.maxWidth {
  max-width: none;
  padding: 0;
}

#careers-come-on-in h2 {
  position: absolute;
  z-index: 999;
  bottom: 7%;
  left: 5%;
  color: #FFB600;
  font-weight: 900;
  font-family: 'Lobster', cursive;
  font-size: 3rem;
  display:none;
}
#careers-come-on-in.video-on h2 { display:none; }

#careers-come-on-in.video-on .video-on-page {
    position:relative;
    padding:0 0 56.25% 0;
    margin:0;
    height:0;
    overflow:hidden;

}
#careers-come-on-in .video-on-page .video-placeholder {
    cursor:pointer;
  position: relative;
}

#careers-come-on-in .video-on-page .video-placeholder:after {
  content: "";
  display: block;
  background: url(../../Images/icons/play-btn.png);
  background-size: cover;
  position: absolute;
  height: 50px;width: 50px;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  z-index:9999;
}
#careers-come-on-in .video-on-page img, #careers-come-on-in .video-on-page iframe, #careers-come-on-in .video-on-page video { 
    width:100%;border:none;
}

#careers-come-on-in .video-on-page iframe, #careers-come-on-in .video-on-page video{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width:768px){
    #careers-come-on-in h2 { font-size:5rem; }
   #careers-come-on-in .video-on-page .video-placeholder:after {
    height: 120px;width: 120px;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
   } 
}

/* Employee Perks */
#careers-employee-perks { 
    background: #e0e0e0;
}
#careers-employee-perks h3 {
    color:#C5531E;
}


/* Always Looking */
#careers-always-looking {
  background: #555759;
  color: #fff;
}

#careers-always-looking .container-fluid p {
  max-width: 600px;
  margin: 2rem auto;
}

#careers-always-looking .container-fluid p a { color:#fff; }


/* our_people.css */
.person-page h2,.person-page h3 {
    font-family: 'Open Sans',sans-serif
}

.people-grid {
    margin: 0 auto;
    padding-bottom: 2em;
    position: relative
}

.grid-loading,.people-cell .overlay {
    position: absolute;
    text-align: center;
    color: #fff
}

.grid-loading {
    width: 100%;
    padding: 1em 0;
    font-size: 2em;
    opacity: 0;
    -webkit-transition: opacity ease 2s;
    transition: opacity ease 2s;
    -webkit-transition-delay: 4s;
    transition-delay: 4s
}

.loaded .grid-loading {
    opacity: 1
}

.people-cell {
    float: left;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    position: relative;
    display: none;
    cursor: pointer;
    width: 50%;
    min-height: 50px
}

@media (min-width: 480px) {
    .people-cell {
        width:25%
    }
}

@media (min-width: 768px) {
    .people-cell {
        width:16.66667%
    }
}

.people-cell.loaded {
    display: table;
    opacity: 1
}

.people-cell.wide {
    width: 100%
}

@media (min-width: 480px) {
    .people-cell.wide {
        width:50%
    }
}

@media (min-width: 768px) {
    .people-cell.wide {
        width:33.33333%
    }
}

.people-cell .name {
    font-size: 1.4em;
    font-weight: 500
}

.people-cell>img {
    object-fit: cover;
    width: 100%
}

.people-cell .overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: rgba(100,100,100,.75);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: .7em;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.person-page .back-button,.person-page .main-text,.person-page .photos {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.people-cell.wide .overlay {
    font-size: 1em
}

.people-cell:hover .overlay {
    opacity: 1
}

.person-page {
    color: #fff;
    margin-bottom: 150px
}

.person-page .container-fluid {
    padding-top: 40px
}

.person-page .main-container {
    overflow: auto;
    margin-bottom: 2em
}

.person-page .photos {
    width: 100%;
    margin-bottom: 2em
}

@media (min-width: 768px) {
    .person-page .photos {
        float:left;
        width: 33.33333%
    }
}

.person-page .large-photo {
    width: 100%
}

.person-page .small-photo {
    width: 30%;
    margin-right: 3%;
    margin-top: 1em
}

.person-page .small-photo:last-child {
    margin-right: 0
}

.person-page h2 {
    margin-top: 0
}

.person-page h3 {
    font-size: 1em;
    margin-bottom: 3em;
    margin-top: 1em
}

.person-page .main-text {
    width: 100%;
    text-align: left
}

@media (min-width: 768px) {
    .person-page .main-text {
        float:left;
        width: 66.66667%
    }
}

.person-page .back-button {
    width: 100%;
    margin-bottom: 2em;
    color: #aaa
}

.person-page .q-and-a {
    text-align: left;
    margin-top: 3em
}

.person-page .question {
    color: #fdb525;
    font-weight: 700;
    margin-bottom: 1em
}

.our-people-page {
    background: #303030
}

.our-people-page .big-header .overlay {
    display: none
}

.our-people-page .people-grid {
    min-height: 700px
}


/* Events
-------------------- */
.event-detail-page {
    background-color: #fff;
}

.event-detail-page h2 {
    color: #111;
}
.event-form {position:relative; margin-top: 3em; padding-top:1em; border-top:1px solid #444;}
.event-form h3 {color:#C5531E;}
.event-info h4 {font-size:1.25em; color:#C5531E;}
.event-form .disclaimer {
    margin-bottom:1.5em;
}

.general-section {
    background-color: #fff;
}
.stelter-navbar + .general-section {
    padding-top:4em;
}
.event-container {
    display: flex;
    flex-wrap:wrap;
    margin: 0 0 60px;
    padding-left:15px;
    padding-right:15px;
}

.event-image {
    flex: 0 0 100%;
}

.event-info {
    flex: 0 1 auto;
}

.event-form .contact-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.event-form .contact-fields > div {
    flex: 0 0 100%;
    display: flex;
    flex-direction:column;
}

.event-form input:not([type=submit]), .event-form textarea {
    width: 100%;
    display:block;
    margin: 0 0 1em;
    padding: 0.125em 0.25em;
    border:1px solid #ddd;
}

.event-form textarea {
    flex:1 1 auto;
}

.event-form .submit-button.orange-button {
    font-family:'Roboto Slab',serif;
    color:#fff;
    background-color:#C5531E;
    border:none;
    padding:0.5em 2em;
    justify-self: right;
}

.event-form .thank-you-message,
.research-form-wrapper .thank-you-message,
.webinar-form-wrapper .thank-you-message {display:none; position:relative; z-index:2;}
.event-form.form-submitted .thank-you-message,
.research-form-wrapper.form-submitted .thank-you-message,
.webinar-form-wrapper.form-submitted .thank-you-message {display:block;}
.event-form.form-submitted > h3, .event-form.form-submitted > p, .event-form.form-submitted fieldset {display:none;}

.event-form.form-submitted .thank-you-message h4,
.research-form-wrapper.form-submitted .thank-you-message h4,
.webinar-form-wrapper.form-submitted .thank-you-message h4 {
    outline:none;
}

.thank-you-message .download-items {
    margin:1em 0;
    padding:0;
    list-style:none;
}
.thank-you-message .download-items li {
    margin:0 0 0.5em;
}
.thank-you-message .download-items a {
    word-wrap:break-word;
    font-size: 0.875em;
}
.event-form:after,
.research-form-wrapper:after,
.webinar-form-wrapper:after {
    content:''; display:block; opacity:0; transition:opacity 0.3s;
}
.event-form.form-completed:after, 
.research-form-wrapper.form-completed:after,
.webinar-form-wrapper.form-completed:after {
    position:absolute;
    content:'';
    display:block;
    background-size:200px;
    background-color:rgba(255,255,255,0.5);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' class='spinner-rolling'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23c5531e' stroke-width='10' r='30' stroke-dasharray='141.37166941154067 49.12388980384689' transform='rotate(95.5786 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;360 50 50' keyTimes='0;1' dur='2s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:1;
    z-index:1;
}
.research-form-wrapper.form-completed:after,
.webinar-form-wrapper.form-completed:after {
    background-position:center 80px;
}
.event-form.form-submitted:after, 
.research-form-wrapper.form-submitted:after,
.webinar-form-wrapper.form-submitted:after {
    opacity:0; transition: opacity .5s;
}

input[required] {

}

@media screen and (min-width:480px){
    .event-form .contact-fields > div {
        flex-basis:48%;
    }
}
@media screen and (min-width:576px){
    .event-container {
        flex-wrap:nowrap;
    }
    .event-image {
        flex-basis:30%;
    }
    .event-info {
        margin-left:30px;
    }
    .event-title {
        margin-top:0;
    }
    
}
@media screen and (min-width:768px){
    .event-container {
        padding-left:50px;
        padding-right:50px;
    }
}

@media screen and (min-width:992px){
    .event-image {
        flex: 0 0 300px;
    }
}

@media screen and (min-width:1024px){
    .event-form .form-fields {
        width:100%;
        display:grid;
        grid-template-rows:repeat(4, 2.5em);
        grid-auto-flow: column;
        grid-auto-columns: calc(50% - 0.5em);
        grid-row-gap:0.5em;
        grid-column-gap: 1em;
    }

    .event-form .form-fields input {
        display:block;
        margin-bottom:0.5em;
    }
    .event-form .form-fields textarea, 
    .event-form .form-fields input[type=textarea] {
        display:block;
        margin-bottom:0.5em;
        height:auto;
        grid-row-start:3;
        grid-row-end:5;
    }
    .event-form .hidden-fields + input[type=submit] {
        margin-top:1em;
        float:right;
    }
}

.social-share-links {

    margin:1em 0;
    padding:0;
}
.social-share-links p {
    font-size:0.75em;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
}
.social-share-links ul {
    margin:0;
    padding:0;
}
.social-share-links li {
    display:inline-block;
    margin-right:0.5em;
    color:#ddd;
}
.social-share-links li a {
    height:2em;
    width:2em;
}
.social-share-links .stl-share-icon:before {content:''; display:inline-block; height:2em; width:2em; border-radius:100%; background-size:cover; background-repeat:no-repeat;}
.social-share-links .stl-share-icon:hover, .social-share-links .stl-share-icon:focus {opacity:0.8;}
.fb-share .stl-share-icon:before {content:url(../../images/icons/facebook-share.svg)}
.tw-share .stl-share-icon:before {content:url(../../images/icons/twitter-share.svg)}
.li-share .stl-share-icon:before {content:url(../../images/icons/linkedin-share.svg)}
.email-share .stl-share-icon:before {content:url(../../images/icons/icon-envelope-share.svg);}

/* Feature Quotes
-------------------- */
.feature-quote {
    margin:1em auto 0;
    padding:1.5em;
    background-color:#c5c5c5;  
}

.feature-quote .container-fluid {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 100%;
    width:100%;

}

.quote-image {flex:0 0 40%; padding-right:30px;}
.feature-quote .quote {flex:0 0 90%;}
.feature-quote .quote-image + .quote {flex:0 0 50%;}
.feature-quote .quote p {font-size:1.25rem; line-height:1.4}
.quote-caption {display:block; text-align:right; font-size:0.875rem; font-weight:bold;}

@media screen and (min-width:768px){
   .quote-image {flex:0 0 20%;}
   .feature-quote .quote {flex:0 0 80%;}
   .feature-quote .quote-image + .quote {flex:0 0 50%;}
   .feature-quote .quote p {font-size:1.75rem; line-height:1.25;}
}

/* Research
-------------------- */
.research-landing-page, .webinar-landing-page {
    background-color: #fff;
}

.research-landing-page .big-header h2, .webinar-landing-page .big-header h2 {
    color: #111;
}


.research-container, .webinar-container {
    display: flex;
    flex-wrap:wrap;
    margin: 0 0 60px;
    padding-left:15px;
    padding-right:15px;
}


.research-info {
    flex: 0 1 auto;
}

.research-image.teaser-image {
    max-width: 400px;
}

.apex-content-landing-page .research-image img {display:none}
.apex-content-landing-page .research-image .landing-video {position:relative; width:100%; height:0; padding-top:56.25%;}
.apex-content-landing-page .research-image iframe {max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0;}

.research-title {
    margin-top:1.5em;
}

.research-form-wrapper, .webinar-form-wrapper {
    position:relative;
}

.research-form, .webinar-form {
    background-color:#c5c5c5;
    padding:20px;
    text-align:right;
    width: 100%;
}

.research-form legend, .webinar-form legend {
    font-size:0.875em;
    line-height:1.2;
    margin-bottom:1.5em;
    border-bottom:none;
    text-align:left;
}

.research-form .contact-fields input, .webinar-form input {
    display:block
}

.research-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .research-form textarea,
.webinar-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .webinar-form textarea {
    width: 100%;
    display:block;
    margin: 0 0 1em;
    padding: 0.125em 0.25em;
    border:1px solid #bbb;
    font-size:0.875em;
    text-align:left;
}

.research-form fieldset, .webinar-form fieldset {max-width:100%;}
.research-form select, .webinar-form select {width: 100%;max-width:100%;font-size: 0.875rem; line-height:1.2; background-color:#fff; border-radius:0;}
.research-form option, .webinar-form option {max-width:100%;}
.research-form label, .webinar-form label {display:block; text-align:left;}

.research-form textarea, .webinar-form textarea {
    flex:1 1 auto;
}

.research-form .submit-button.orange-button, .webinar-form .submit-button.orange-button {
    display: inline-block;
    font-family:'Roboto Slab',serif;
    color:#fff;
    background-color:#C5531E;
    border:none;
    margin-top:0.5em;
    padding:0.5em 2em;
}

.research-multiform .download-options {
    font-size: 0.875em;
    padding:0;
    margin:0 0 1.5em;
}
.research-multiform .download-option {
    width: auto;
    flex:0 0 100%;
}
.research-multiform .download-option label {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    text-align:left;
    line-height:normal;
    color: #515253;
    font-weight: 300;
}
.research-multiform .download-option input {
    margin-right:5px;
    padding-top:0;
}

.research-form-wrapper.form-submitted .research-form, .webinar-form-wrapper.form-submitted .webinar-form {
    background-color:#e5e5e5;
    text-align:left;
}
.research-form-wrapper.form-submitted .research-form  > :not(.thank-you-message), .webinar-form-wrapper.form-submitted .webinar-form > :not(.thank-you-message):not(.webinar-items) {
    display:none;
}
.research-form-wrapper.form-submitted .research-form fieldset, .webinar-form-wrapper.form-submitted .webinar-form fieldset {
    display:none;
}


.upcoming-webinar-form {
    background-color:#c5c5c5;
    padding:20px;

}
.upcoming-webinar-form h3 {margin-top:0;}
.upcoming-webinar-form p {
    font-size:0.875em;
}
.upcoming-webinar-form .submit-button.orange-button {
    display:inline-block;
    font-family:'Roboto Slab',serif;
    color:#fff;
    background-color:#c5531e;
    border:none;
    margin-top:0.5em;
    padding:0.5em 2em;
}

.webinar-items {
    display:none;
    position:relative;
    text-align:left;
    padding:15px 20px 30px;
    margin:0;
    background-color:#e5e5e5;
    z-index:2;
}

.form-submitted .webinar-form .webinar-items, .form-submitted .webinar-form + .webinar-items {
    display:block;
}

/* .webinar-items.disabled:before {
    content:'Fill out the form to access the links.';
    font-size:0.875em;
    display:block;
    position:absolute;
    padding:12px 20px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,0.6);
    z-index:2;
} */

.webinar-items ul {
    margin:0 0 0 20px;
    padding:0;
}
.webinar-items li {
    margin:0.5em 0;
}

.webinar-items a[href*=youtube]:after {
    content: '\e029';
    font-family: 'Glyphicons Halflings';
    position:absolute;
    margin-left:0.5em;
}

.basic-video-landing-page .webinar-container {max-width:1000px; margin-left:auto; margin-right:auto;}
.basic-video-landing-page .webinar-info {width:100%;}
.basic-video-landing-page .webinar-container video {max-width:100%; height:auto;}
.basic-video-landing-page .webinar-form-wrapper {display:none !important}
.basic-video-landing-page .webinar-title + p span {font-size:0; line-height:0;}
.basic-video-landing-page .webinar-title + p span strong, 
.basic-video-landing-page .webinar-title + p > span:first-child, 
.basic-video-landing-page .webinar-title + p br {display:none;}
.basic-video-landing-page .webinar-title + p .landing-date {display:block !important; font-size:1rem; line-height:1; margin-top:-1.5rem; margin-bottom:2rem;}
.basic-video-landing-page .social-share-links {display:none}
.basic-video-landing-page .webinar-image > img:first-child {display:none;}
.basic-video-landing-page .webinar-title {color:#e45525;}
.basic-video-landing-page .webinar-info > p:not(:first-of-type) {font-size:1.125rem; line-height:1.5}
.basic-video-landing-page video::-webkit-media-controls-panel {
  background-image: linear-gradient(transparent, rgba(0,0,0,0.5)) !important; //Transparent for your case

}

@media screen and (min-width:576px){
    /*
    .research-info {
        flex-basis:50%;
    }
    .research-form-wrapper {
        margin-left:30px;
        flex-basis:calc(50% - 30px);
    }
    */
    
}
@media screen and (min-width:768px){
    .research-container, .webinar-container {
        padding-left:50px;
        padding-right:50px;
    }
}

@media screen and (min-width:992px){
    /* 
    .research-info {
        flex-basis:65%;
    }
    .research-form-wrapper {
        flex-basis:calc(35% - 30px);
    }
    */
}

/* Customer Care Page
--------------------- */
.customer-care-page {
    background: #fff
}

.customer-care-page .big-header h2 {
    color: #555
}

.customer-care-section .container-fluid {
    padding: 1em 30px
}

.customer-care-section .column {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .customer-care-section .column {
        float:left;
        width: 33.33333%
    }
}

@media screen and (min-width: 992px) {
    .customer-care-section .column {
        padding-left:50px;
        position: relative
    }

    .customer-care-section .column:before {
        position: absolute;
        left: 0;
        top: 10px
    }

     
    .customer-care-section .customer-service:before {
        content: url(../../images/icons/customer-service.svg)
    }

    .customer-care-section .advice:before {
        content: url(../../images/icons/advise.svg)
    }

    .customer-care-section .billing:before {
        content: url(../../images/icons/billing-questions.svg)
    }
    
}


/* honeypot field 
--------------------*/
input[data-nope] {
    position: absolute !important;
    right: -1px !important;
    bottom: -1px !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important
}

/* Page Builder 
--------------------*/

.pageBuilderLayout {
    padding-left:15px;
    padding-right:15px;
}
.hide-next-page-link .work-nav {
    display:none;
}

/* Custom Basic Slider 
--------------------*/
.stl-slider-wrapper {text-align:center; margin:2em 0;}
.stl-slider {position:relative;width:100%;max-width:600px;overflow:hidden;margin: 0 auto 1em;}
.stl-slider img {display:block;position: relative;max-width: 0;max-height: 0;opacity:0;z-index: -1;transition: opacity 1s;}
.stl-slider img.active-slide {opacity:1;z-index: 1; width:100%; height:auto; max-height: 100%;max-width: 100%;}
.stl-slider-btn {margin:0.5em; padding:0.5em 1.5em; background-color:#C5531E; color:#fff; text-transform:uppercase; border:none;}

/* Capture popups 
--------------------*/
/*#_cap_interstitial:not(._cap_popup) {visibility:hidden !important;}*/
._cap_popup div[role=document] > div > div {background:#fff !important;}
._cap_popup div[role=document] > div > div > div > div {border:none !important; padding-bottom:1px !important;}

/* Page Overrides 
--------------------*/
.outstanding-individual-philanthropists-page .video-full-wrapper {
    margin:2em auto;
    max-width:600px;
}

.gf-Bobblehead-wrapper {
    z-index:1049 !important;
}

.hide-featuring .webinar-info .webinar-title + p:first-of-type > span:first-of-type {display:none;}
.hide-runtime .webinar-info .webinar-title + p:first-of-type > span:last-of-type {display:none;}
.hide-featuring.hide-runtime .webinar-info + p:first-of-type {display:none;}
.hide-viewwebinar-link .webinar-items > ul li:first-of-type {display:none;}


/*  Cookie Notice Popup and Page
-------------------------------------------------------*/
.stl-policy-links {display:none; visibility:hidden;}
.stl-consent-dialog {display:none; position:fixed; bottom:0; left:0; right:0; color:#fff; background: #111; font-size:16px; line-height:1.33; z-index:10001;}
.stl-consent-dialog.stl-consent-show {display:block;}
.stl-consent-wrapper {position:relative; display:flex; justify-content:space-between; align-items: flex-start; flex-wrap:wrap; padding:20px;}
.stl-consent-message {flex:0 1 calc(100% - 50px); margin:0; color:#fff;}
.stl-consent-link {color:#fff; font-weight:bold; text-decoration:underline; cursor:pointer;}
.stl-consent-btn {padding:1rem 1.5rem; color:#000; background:#fff; font-weight:bold; cursor:pointer;}
.stl-consent-allow {display:inline-block; margin:0; cursor:pointer;}
.stl-consent-close {display:inline-block;position:absolute;top:10px;right:15px;padding: 7px 0;font-family:sans-serif;font-size:30px;line-height:1;width: 44px;text-align: center;}
.cookie-section h3 {font-size:1.125rem;}
.cookie-section .panel-group {margin:1rem 0;}
.cookie-section .panel {margin:0 0 1rem;}



/*  Press Release (homepage)
-------------------------------------------------------*/
.home-page .services-section:nth-of-type(1) {
    background:#555759;
    color:#fff;
}
.home-page .services-section .press-release {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    width:90%;margin:0 auto;
}
.home-page .services-section .press-release img {
    display:block;width:auto;max-height:200px;
    margin-left:auto;
}
.home-page .services-section:nth-of-type(1) .press-release a {
    color:#FDB525;
}
.home-page .services-section .press-release a:after {
    content:">>";
    padding-left:.5rem;
}

.home-page .services-section .press-release a.intLink { text-align:right;}
.home-page .services-section .press-release a.intLink:after { display:none; }

@media screen and (min-width:768px) {
    .home-page .services-section .press-release {
        flex-direction:row;
        width:100%;
    }
    .home-page .services-section .press-release a.intLink { margin-right:4rem;width:calc(35% - 4rem); }
    .home-page .services-section .press-release .press-release-content {
        width:65%;
    }
}


/*  Covid Marketing Page
-------------------------------------------------------*/
/* general */
.corona-section { 
    background:#fff;
}
.corona-section h1 { color:#e45525;margin-bottom:4rem;}
.corona-section p { margin-bottom:3rem;}

/* entry */
.corona-section .page-entry {
    margin-bottom:3rem;padding-bottom:2rem;
}
/* :not(:last-of-type) */
.corona-section .page-entry {
    border-bottom:1px solid #707070;
}
.corona-section .page-entry .entry-image { margin-bottom:1rem;}
.corona-section h2 { 
    color:#e45525;
    font-size:1.8rem;
    margin:0 0 .5rem;
}
.corona-section .page-entry p { margin-bottom:1rem; }
.corona-section p.entry-type { margin-bottom:0;}
.corona-section p.entry-date { margin-bottom:1.2rem;}

.corona-marketing-page .social-share-links {
    margin-bottom:4rem;
}

@media screen and (min-width:992px){
    .corona-section .page-entry {
        display:flex;
        justify-content:space-between;
    }
    .corona-section .page-entry .entry-image { margin-bottom:0;width:40%; }
    .corona-section .page-entry .entry-content { width:57%;}
}

.dashboard-support-page .services-section,
.daf-content-request-page .services-section {
    padding:0;
}


/*  Ziflow Online Proofing Page
-------------------------------------------------------*/
.ziflow-proofing-section {background:#fff;}

.ziflow-proofing-section h1 {color:#e45525;margin-bottom:4rem;}
.ziflow-proofing-section h2 {color:#e45525; font-size:1.8rem;  margin:0 0 .5rem;}
.ziflow-proofing-section h3 {color:#e45525; font-size:1.8rem;  margin:0 0 .5rem;}
.ziflow-proofing-section p {margin-bottom:1rem;}

.ziflow-proofing-section .quick-guide-buttons {margin-bottom: 60px;}
.ziflow-proofing-section .button {font-family: 'Open Sans',sans-serif; background: #c35328; color: #fff; border-color: #fff; font-size: 24px; font-weight: 400; text-decoration: none; padding: 10px 30px;}
.ziflow-proofing-section .button:first-of-type {margin-right: 50px;}

.ziflow-proofing-section .entry-image {margin-bottom: 15px;}

.ziflow-proofing-section .page-entry.last-entry, .ziflow-proofing-section .instructional-video-section {border-bottom:1px solid #707070; margin-bottom:3rem;padding-bottom:2rem;}

.ziflow-proofing-section div.page-entry:last-of-type {margin-bottom: 50px;}

.ziflow-proofing-section .page-entry + .page-entry {margin-top: 50px;}

.ziflow-proofing-section .lgnum {font-size: 1.5rem; font-weight: bold;}


.dashboard-support-page h1 {
    text-align:center;
}

.dashboard-support-page .default-section .container-fluid.maxWidth,
.daf-content-request-page .default-section .container-fluid.maxWidth {
    padding:0;
    overflow: initial;
}

.daf-content-request-form {
    margin-bottom:2rem;
}

.video-access-form {
    max-width: 500px;
    margin: 1rem auto; 
    padding:1rem 2rem;
    border:1px solid #ddd;
    border-radius:4px;
}

.video-access-form legend:not(.sr-only),
.daf-content-request-form legend:not(.sr-only) {
    display: block;
    padding: 1rem 0 0;
    clear: both;
    float: none;
}

.video-access-form .field-wrapper fieldset,
.daf-content-request-form .field-wrapper fieldset {
    margin: 1rem 0;
}

.video-access-form .form-fields,
.daf-content-request-form .form-fields {
    display:flex;
    flex-direction:column;

}

.video-access-form label,
.daf-content-request-form label {
    font-weight:normal;
}

.daf-content-request-form input[type=text], .daf-content-request-form input[type=email], .daf-content-request-form textarea {
    width:100%;
    max-width:500px;
    line-height:1.3;
    font-size:0.9em;
    padding:8px;
    border:1px solid #ccc;
}


.video-access-form input {
    min-width:300px;
    padding:4px 8px;
    font-size:0.9em;
    line-height:1.3;
    border:1px solid #ccc;
}

.daf-content-request-form .radio-group {
    display:flex;
    flex-direction:column;
    margin-bottom:1rem;
    padding-left:1px;
}

.daf-content-request-form .radio-group label {
    display:flex;
    font-weight:normal;
}

.daf-content-request-form .radio-group input {
    margin-right:1rem
}

.video-access-form .trans-button,
.daf-content-request-form .trans-button {
    background: #c35328;
    color: #fff;
    border-color: #c35328;
    margin-top:1rem;
}

.video-access-form button[type=submit],
.daf-content-request-form button[type=submit] {
    position:relative;
}
.video-access-form button[type=submit]:active,
.daf-content-request-form button[type=submit]:active,
.video-access-form.loading button[type=submit]{
    outline:none;
}

.video-access-form.loading button[type=submit]:after,
.daf-content-request-form.loading button[type=submit]:after {
    content:'';
    position:absolute;
    right:-80px;
    top:-6px;
    display:block;
    height:60px;
    width:60px;
    background-size:cover;
    outline: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin: auto; display: inline-block; shape-rendering: auto;' width='80px' height='80px' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23c35328' stroke-width='12' r='30' stroke-dasharray='94.24777960769379 33.41592653589793' transform='rotate(110.13 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.5s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}




#video-timeline-table th {
    font-weight:bold;
    font-size:1.125rem;
    padding: 0 8px 5px 0;
    color:#c35328;
}
#video-timeline-table td {
    border: 1px solid #ddd;
    padding: 0 8px;
}
#video-timeline-table .timeline-category td {
    font-weight: bold;
    background-color: #f5f5f5;
}


.daf-content-request-form .thank-you-messages, 
.daf-content-request-form .yes-message, 
.daf-content-request-form .no-message,
.daf-content-request-form .error-message {
    display:none;
}

.daf-content-request-form .response-messages.success .thank-you-messages,
.daf-content-request-form .response-messages.success-yes .yes-message,
.daf-content-request-form .response-messages.success-no .no-message,
.daf-content-request-form .response-messages.error .error-message {
    display:block;
}

@media screen and (max-width:1199px) {
    .dashboard-support-page .default-section,
    .daf-content-request-page .default-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}



/* Fund Finder
---------------------------- */
.fund-finder-page .container-fluid {
    z-index: unset;
}

#license-modal {
    font-size: 0.75em;
    line-height: 1.5;
    font-family: 'Roboto Slab', system-ui, sans-serif;
}

#license-modal .modal-header {
    display: flex;
    justify-content: space-between;
}
#license-modal .modal-header:before, #license-modal .modal-header:after {
    display: none;
}

#license-modal .close {
    font-size: 25px;
    opacity: 0.5;
}

#license-modal .close:hover, 
#license-modal .close:focus {
    opacity: 1;
}

.fund-finder-page .default-section .container-fluid.maxWidth {
    padding:0;
    overflow: initial;
}

.fund-finder-request-form {
    margin-bottom:2rem;
}

.fund-finder-request-form legend:not(.sr-only) {
    display: block;
    padding: 1rem 0 0;
    clear: both;
    float: none;
}

.fund-finder-request-form .field-wrapper fieldset {
    margin: 1rem 0;
}

.fund-finder-request-form .form-fields {
    display:flex;
    flex-direction:column;

}

.fund-finder-request-form label {
    font-weight:normal;
}

.fund-finder-request-form input[type=text], .fund-finder-request-form input[type=email], .fund-finder-request-form textarea {
    width:100%;
    max-width:500px;
    line-height:1.3;
    font-size:0.9em;
    padding:8px;
    border:1px solid #ccc;
}

.fund-finder-request-form .radio-group {
    display:flex;
    flex-direction:column;
    margin-bottom:1rem;
    padding-left:1px;
}

.fund-finder-request-form .radio-group label {
    display:flex;
    font-weight:normal;
}

.fund-finder-request-form .radio-group input {
    margin-right:1rem
}

.license-modal-btn {
    display: inline-flex;
    color:#C5531E;
    border-bottom:1px solid #C5531E;
    cursor:pointer;
}
.license-modal-btn:hover,
.license-modal-btn:focus {
    color:#23527c;
    border-bottom-color:#23527c;
}

.fund-finder-request-form .trans-button {
    background: #c35328;
    color: #fff;
    border-color: #c35328;
    margin-top:1rem;
}

.fund-finder-request-form button[type=submit] {
    position:relative;
}

.fund-finder-request-form button[type=submit]:active,
.fund-finder-request-form.loading button[type=submit]{
    outline:none;
}

.fund-finder-request-form.loading button[type=submit]:after {
    content:'';
    position:absolute;
    right:-80px;
    top:-6px;
    display:block;
    height:60px;
    width:60px;
    background-size:cover;
    outline: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin: auto; display: inline-block; shape-rendering: auto;' width='80px' height='80px' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23c35328' stroke-width='12' r='30' stroke-dasharray='94.24777960769379 33.41592653589793' transform='rotate(110.13 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.5s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}


.fund-finder-page h2 {
   margin-top:1rem;
   font-size:2rem;
   font-weight: bold;
}
.fund-finder-page h3 {
   margin-top:3rem;
   font-size:1.75rem;
   font-weight:bold;
}
.fund-finder-instructions a {
   color:#c5531e;
}
.fund-finder-instructions a:hover, 
.fund-finder-instructions a:focus {
   color:#c5531e;
   text-decoration:underline;
}
.fund-finder-instructions ul, 
.fund-finder-instructions ol {
   margin: 0 0 1em;
   padding: 0 0 0 1em;
}
.fund-finder-instructions ul li, 
.fund-finder-instructions ol li {
   margin-bottom:1em;
}
.fund-finder-instructions pre {
   font-size: .75em;
   margin:0.5em 0;
}
.fund-finder-instructions code {
    font-size: .875em;
    color: #333;
    background-color: #eee;
}
.fund-finder-instructions .tool-parameters table {
    margin-bottom: 1em;
}
.fund-finder-instructions .tool-parameters table td, .tool-parameters table th {
    padding: 0.5em 1.5em;
    line-height: 1.25;
    border: 1px solid #ddd;
}
.fund-finder-instructions .tool-requirements ul {
padding: 0;
margin: 0 0 1em 2em; 
}
.fund-finder-instructions .tool-requirements li {
margin: 0;
padding: 0;
}

/* homepage background-video */
.home-page .big-header {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
 }

.home-page  .big-header h1 { font-size:2.4rem; }
 #home-video-bg {
    display: none;
 }

@media screen and (max-width:767px){
    .home-page .big-header #home-video-bg { display:none !important; }
    
}  

@media screen and (min-width:768px){
  .home-page .big-header {
    min-height:450px; 
  }
  .home-page .big-header .overlay-container {
     position:absolute;
 }
  .home-page .big-header h1 { font-size:2.8rem; }
/*   #home-video-bg { display:block; } */
}

@media screen and (max-width:991px) {
    #video-timeline-table {
        margin:2rem auto;
    }
}

@media screen and (min-width:992px) {
    #video-timeline-table td {
        font-size:0.875rem;
    }
    .home-page .big-header {
        aspect-ratio: 16 / 9;
    }
}
@media screen and (min-width:1200px){
    .home-page .big-header h1 { font-size:4rem; }
    .home-page .big-header {
        min-height:calc(100vh - 100px); 
    }
}



/* NEW STELTER CASE STUDIES 
-------------------------------- */

/* listing page
-------------------*/
.stelter-case-study-listing { background:#fff; }
.stelter-case-study-listing .big-header h1, .stelter-case-study-listing  .big-header h2 { color: #555759; }
.stelter-case-study-listing .client-cards .container-fluid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:4rem;
}
@media screen and (min-width:768px){
    .stelter-case-study-listing .client-cards .square-card:nth-last-child(4):first-child, .client-cards .square-card:nth-last-child(4):first-child ~ .square-card {
        width:33.34%;
    }
    .stelter-case-study-section .services-section .stelter-case-study-subsection .container {padding:0;}
}


/* resets 
----------*/
.stelter-case-study-section {background:#fff;}
.stelter-case-study-section .container-fluid > h1,.stelter-case-study-section .container-fluid > h2,
.stelter-case-study-section h1:empty, .stelter-case-study-section h2:empty, .stelter-case-study-section div:empty {display:none;}
.stelter-case-study-section > .container-fluid.maxWidth {max-width:none;padding:0;}
.stelter-case-study-section .services-section {background:transparent;padding:0;}
.stelter-case-study-section .services-section > .container-fluid.maxWidth {max-width:none;padding:0;overflow:visible;}
.stelter-case-study-section .stlButton { display:inline-block;background:#e65526;color:#fff;font-family:"Roboto Slab",Georgia, serif;font-weight:400;padding:.25rem .5rem;text-align:center;text-transform:uppercase;}
.stelter-case-study-section .orange {color:#e65526; }

@media screen and (min-width:768px){.stelter-case-study-section .services-section .stelter-case-study-subsection .container {padding:0;}}


/* header section 
------------------*/
.stelter-case-study-section .services-section .stelter-case-study-subsection.header-subsection {
    background: rgb(242,103,36);
    background: linear-gradient(180deg, rgba(248,179,39,1) 0%, rgba(242,103,36,1) 100%);
    position:relative;    
}
.stelter-case-study-section .services-section .stelter-case-study-subsection.header-subsection .container { padding-bottom:4rem;}
.stelter-case-study-subsection.header-subsection .header-intro { color:#fff;margin:6rem 0 4rem;}
.stelter-case-study-subsection.header-subsection .header-intro h1 {font-weight:600;text-transform:uppercase;}
.stelter-case-study-subsection.header-subsection .header-intro h2{font-size:2rem;font-weight:100;margin:2rem 0;}
.stelter-case-study-subsection.header-subsection .header-intro h2 span {font-weight:600;}
.stelter-case-study-subsection.header-subsection .header-feature { background:#fff;margin:3rem 0;padding:2rem;}
.stelter-case-study-subsection.header-subsection .header-feature h3 {color:#C5531E;font-weight:100;margin:0 0 1rem;}
.stelter-case-study-subsection.header-subsection .header-feature p {margin:0;}
.stelter-case-study-subsection.header-subsection .header-image { display:none; }
.stelter-case-study-subsection.header-subsection .photo-credit {display:none;}


@media screen and (min-width:768px){
    .stelter-case-study-section .services-section .stelter-case-study-subsection.header-subsection {background:transparent;position:relative; /* overflow:hidden; */}
    .stelter-case-study-section .services-section .stelter-case-study-subsection.header-subsection:before {
        content:"";display:block;
        background: rgb(242,103,36);
        background: linear-gradient(180deg, rgba(248,179,39,1) 0%, rgba(242,103,36,1) 100%);
        height:100%;width:75%;
        position:absolute;z-index:0;
        left:-25%;top:0;
        transform:skew(10deg);
    }
    .stelter-case-study-section .services-section .stelter-case-study-subsection.header-subsection .container {position:relative; z-index:2;}
    .stelter-case-study-subsection.header-subsection .header-intro { width:50%;}
    .stelter-case-study-subsection.header-subsection .header-image { display:block;position:absolute;top:0;right:-10%;width:70%;height:100%;max-height:100%;z-index:-1;overflow:hidden; }
    .stelter-case-study-subsection.header-subsection .header-image img { display:block;position:absolute;bottom:0;transform:translateY(0);width:100%;}
    .stelter-case-study-subsection.header-subsection .photo-credit {display:block;font-size:.8rem;position:absolute;right:2rem;bottom:-2rem;z-index:9999;}

    .feeding-america-case-study .stelter-case-study-subsection.header-subsection .header-image,
    .la-jewish-case-study .stelter-case-study-subsection.header-subsection .header-image {width:100%;right:-30%;}
    .univ-denver-case-study .stelter-case-study-subsection.header-subsection .header-image {width:100%;right:-30%;}
    .univ-denver-case-study .stelter-case-study-subsection.header-subsection .header-image img { top:50%;transform:translateY(-50%);}
}


@media screen and (min-width:1024px){
    .stelter-case-study-subsection.header-subsection .header-intro { width:40%;}
    .stelter-case-study-subsection.header-subsection .header-intro h1 {font-size:3rem;}
    .stelter-case-study-subsection.header-subsection .header-feature {display:flex;justify-content:space-between;align-items:center; } 
    .stelter-case-study-subsection.header-subsection .header-feature h3 { margin:0 1rem 0 0;width:40rem;}
    
    .feeding-america-case-study .stelter-case-study-subsection.header-subsection .header-image {width:80%;right:-20%;}
}


@media screen and (min-width:1200px){
    .stelter-case-study-subsection.header-subsection .header-image { right:0;width:60%; } 
    .stelter-case-study-subsection.header-subsection .header-image img { bottom:0;transform:translateY(0); }
    
    .feeding-america-case-study .stelter-case-study-subsection.header-subsection .header-image {width:65%;right:-7%;}
    .la-jewish-case-study .stelter-case-study-subsection.header-subsection .header-image { width:75%;right:-10%;}
    .la-jewish-case-study .stelter-case-study-subsection.header-subsection .header-image img {top:40%;transform:translateY(-40%); } 
    .univ-denver-case-study .stelter-case-study-subsection.header-subsection .header-image {width:75%;right:-15%;} 
}

@media screen and (min-width:1400px){
    .stelter-case-study-subsection.header-subsection .header-image { top:0;}
    .stelter-case-study-subsection.header-subsection .header-image img { top:30%;transform:translateY(-50%);}
    
    .feeding-america-case-study .stelter-case-study-subsection.header-subsection .header-image img {top:17%;transform:translateY(-30%);}
    .univ-denver-case-study .stelter-case-study-subsection.header-subsection .header-image {width:65%;right:-5%;} 
}



/* client/quote section 
------------------------*/
.stelter-case-study-section .services-section .stelter-case-study-subsection.client-subsection {padding-bottom:3rem;}
.stelter-case-study-subsection.client-subsection .client-photo { border:.5rem solid #fff;border-radius:100%;margin:-3rem auto 0;width:200px;overflow:hidden;}
.stelter-case-study-subsection.client-subsection .client-photo img {display:block;}
.stelter-case-study-subsection.client-subsection .client-quote {font-size:1.4rem;line-height:1.4;text-align:center;max-width:500px;margin:1rem auto;}
.stelter-case-study-subsection.client-subsection .client-quote .client-name {font-weight:600;text-transform:uppercase;margin:2rem 0 0;}
.stelter-case-study-subsection.client-subsection .client-quote .client-title {font-size:1.2rem;}

@media screen and (min-width:768px){
    .stelter-case-study-subsection.client-subsection .client-photo {border-width:.75rem;width:275px;}
}

/* tactics section 
------------------------*/
.stelter-case-study-section .services-section .stelter-case-study-subsection.tactics-subsection {}
.stelter-case-study-section .services-section .stelter-case-study-subsection.tactics-subsection .container {color:#fff;padding:4rem 0;}
.stelter-case-study-subsection.tactics-subsection h3 {text-transform:uppercase;text-align:center;margin-bottom:2rem;}
.stelter-case-study-subsection.tactics-subsection .tactics-container .tactic {display:flex;flex-direction:column;justify-content:flex-start;text-align:center;}
.stelter-case-study-subsection.tactics-subsection .tactics-container h4 {font-size:1.2rem;font-weight:100;}
.stelter-case-study-subsection.tactics-subsection .tactics-container img { display:block;margin:0 auto;width:150px;}

@media screen and (min-width:768px){
   .stelter-case-study-subsection.tactics-subsection .tactics-container {display:flex;justify-content:center;}
   .tactics-container .tactic {flex:0 1 20%;margin:0 2.5%;}
}


/* form section 
------------------------*/
.stelter-case-study-section .services-section .stelter-case-study-subsection.form-subsection { padding:4rem 0;}
.stelter-case-study-subsection.form-subsection h3 {color:#C5531E;font-weight:100;margin:0 0 2rem;}
.stelter-case-study-subsection.form-subsection .container .form-intro { margin-bottom:3rem;}
.stelter-case-study-subsection.form-subsection .case-study-form p { font-size:1.1rem;}
.stelter-case-study-subsection.form-subsection .case-study-form form {background:transparent;padding:0; margin:1rem 0 0;}
.stelter-case-study-subsection.form-subsection .case-study-form input { width:100%;margin-bottom:.5rem;}
.stelter-case-study-subsection.form-subsection .case-study-form input[type="submit"] { border:none;margin-top:.5rem;}

.stelter-case-study-section .case-study-form .thank-you-message h4 {color:#C5531E;font-weight:100;}
.stelter-case-study-section .case-study-form.form-submitted > p {display:none;}


@media screen and (min-width:768px){
    .stelter-case-study-subsection.form-subsection .container {display:flex;justify-content:space-between;}
    .stelter-case-study-subsection.form-subsection .container .form-intro { flex:0 1 50%;margin-bottom:0;margin-right:10%;}
    .stelter-case-study-subsection.form-subsection .container .case-study-form { width:320px; }
}


/* cta/getting started section 
------------------------*/
.stelter-case-study-section .services-section .stelter-case-study-subsection.cta-subsection { background:#555759;color:#fff;padding:4rem 0;text-align:center;}
.stelter-case-study-subsection.cta-subsection h3 {font-size:1.2rem;text-transform:uppercase;}

@media screen and (min-width:768px){
    .stelter-case-study-subsection.cta-subsection .stlButton { min-width:360px;}
}


/* footer - proud partners */
#proud-partners { margin:3rem 0 0;}
#proud-partners h2 { color:#FFB600; font-size:1rem;margin-bottom:2rem;}
#proud-partners ul { list-style:none;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#proud-partners ul li { width:25%;margin:0 2rem 2rem;}
#proud-partners ul li:nth-of-type(2) { width:20%; }
#proud-partners ul li svg { display:block;height:auto;width:100%;}

@media screen and (min-width:768px){
    #proud-partners ul { flex-direction:row;}
    #proud-partners ul li { width:15%;}
    #proud-partners ul li:nth-of-type(2) { width:12%; }
}

@media screen and (min-width:1200px){
    #proud-partners ul li { width:12%;}
    #proud-partners ul li:nth-of-type(2) { width:9%; }
}

/* Floating Question Form
------------------------*/
.gf-Bobblehead-wrapper, .gf-widget {display: none !important;}

#question-form-wrapper {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    bottom: 20px;
    right: 20px;
    
    background: #fff;
    min-height: 400px;
    width: calc(100% - 50px);
    max-width: 500px;
    z-index: 99;

}

#question-form-wrapper dialog {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
    min-height: 400px;
    width: calc(100% - 40px);
    max-width: 500px;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    opacity:0;
    transition:
    opacity 0.3s ease-out,
    overlay 0.3s ease-out allow-discrete,
    display 0.3s ease-out allow-discrete;
}

#question-form-wrapper dialog[open] {
    opacity: 1;
    transition:
    opacity 0.5s ease-out,
    overlay 0.5s ease-out allow-discrete,
    display 0.5s ease-out allow-discrete;
}

#question-form {
    width: 100%;
    text-align: left;
}
@starting-style {
  #question-form-wrapper dialog[open] {
    opacity: 0;
  }
}

::backdrop {
  /* background-image: linear-gradient(
    45deg,
    magenta,
    rebeccapurple,
    dodgerblue,
    green
  );
  opacity: 0.75; */
    background-color: rgba(0,0,0,0.75)
}

#question-form-wrapper:not([data-currentstep="1"]):not([data-currentstep="2"]):not([data-currentstep="7"]):not([data-currentstep="8"]) #question-form-container {
    position: relative;
    display: flex;
    align-items:center;
    justify-content: center;
    padding-bottom: 50px;
    width: 100%;
}
#question-form-wrapper[data-currentstep="1"] {
    background: none;
    width: auto;
    min-height: 0;
    padding: 0;
}

#question-form-wrapper .stl-input-field {
    width: 100%;
    display: flex;
    align-items: center;
}

#question-form-wrapper .stl-input-field.checkbox,
#question-form-wrapper .stl-input-field.radio {
    margin: 0.5em 0 0.75em;
}

#question-form-wrapper .stl-input-field label {
    width: 100%;
}

#question-form-wrapper .stl-input-field.checkbox label,
#question-form-wrapper .stl-input-field.radio label {
    padding-left: 0;
    display: flex;
    align-items: center;
}

#question-form-wrapper .stl-input-field textarea,
#question-form-wrapper .stl-input-field input[type="text"],
#question-form-wrapper .stl-input-field input[type="email"],
#question-form-wrapper .stl-input-field input[type="tel"] {
    width: 100%;
    accent-color: #c5531e;
    padding: 5px;
}

#question-form-wrapper .stl-input-field input[type="checkbox"],
#question-form-wrapper .stl-input-field input[type="radio"] {
    height: 22px;
    width: 22px;
    border-radius: 5px;
    cursor: pointer;
    accent-color: #c5531e;
    position: relative;
    margin: 0;
}

#question-form-wrapper .stl-input-field.text  {
    position: relative;
}

#question-form-wrapper .stl-input-field.text input {
    border: 1px solid #bbb;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    padding: 0.25em 0.5em;
}

#question-form-wrapper .stl-input-field.text.invalid input {
    border-color: #d00041;
}

#question-form-wrapper .stl-input-field.text.invalid .validation-text {
    position:absolute;
    width: 100%;
    bottom:-0.25rem;
    color:#d00041;
    font-size: 0.7rem;
    line-height:1.1;
    text-align: right;
}
#question-form-wrapper .stl-input-field label {
    font-weight: 400;
    font-size: 1rem;
    color: #555759;
}

#question-form-wrapper .stl-input-field.other-details {
    width: calc(100% - 35px);
    margin-left: 35px;
}

#question-form-wrapper .stl-input-field.other-details input {
    pointer-events: none;
    padding: 0.25em 0.5em;
}

#question-form-wrapper .checkbox-group:has(input[type="checkbox"][value="Other"]:checked) .stl-input-field.other-details input {
    pointer-events: auto;
}

#question-form-wrapper .orange-button {
    background-color: #c5531e;
    color:#fff;
    border: none;
    border-radius: 5px;
}
#question-form-wrapper .start-btn {
    padding: 1rem 1.5rem;
}
.stl-input-field .input-content {
    display: inline-flex;
    padding-left: 15px;
}

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

#question-form-wrapper[data-currentstep="1"] dialog,
#question-form-wrapper[data-currentstep="1"] #question-form,
#question-form-wrapper[data-currentstep="2"] #question-form,
#question-form-wrapper[data-currentstep="1"] #question-form-nav,
#question-form-wrapper[data-currentstep="2"] #question-form-nav,
#question-form-wrapper[data-currentstep="7"] #question-form-nav,
#question-form-wrapper[data-currentstep="8"] #question-form-nav,
#question-form-wrapper[data-currentstep="6"] .next-btn,
#question-form-wrapper .submit-button {
    display: none;
}

#question-form-wrapper[data-currentstep="1"] .form-step[data-step="1"],
#question-form-wrapper[data-currentstep="3"] .form-step[data-step="3"],
#question-form-wrapper[data-currentstep="4"] .form-step[data-step="4"],
#question-form-wrapper[data-currentstep="5"] .form-step[data-step="5"],
#question-form-wrapper[data-currentstep="6"] .form-step[data-step="6"],
#question-form-wrapper[data-currentstep="7"] .form-step[data-step="7"],
#question-form-wrapper[data-currentstep="8"] .form-step[data-step="8"],
#question-form-wrapper[data-currentstep="6"] .submit-button {
    display: flex;
    align-items: center;
    justify-content:center;
} 

#question-form-wrapper[data-currentstep="2"] #step-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

#step-6 {
    width: 100%;
    max-width: 414px;
}

#step-7 {
    flex-direction:column;
}

#question-form-wrapper[data-currentstep="8"] #step-8 {
    flex-direction:column;
    align-items: flex-start;
    font-size: 0.833em;
}

.question-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(251, 180, 58);
    border:none;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    color: #fff;
    fill: #fff;
    border-radius: 50px;
    padding: 10px 11px;
    line-height: 1;
}

.question-btn:is(:hover,:focus) {
    padding: 10px 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
}
    
.question-btn svg {
	width: 24px;
	height: 24px;
}

.question-btn-text {
    max-width:0;
    font-size: 0;
    overflow: hidden;
    transition: 0.3s;
}

.question-btn:hover .question-btn-text,
.question-btn:focus .question-btn-text{
    max-width: 200px;
    font-size: inherit;
}

#question-form-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    bottom: 0;
}

.prev-btn, .next-btn {
    display: inline-flex;
    align-items:center;
    font-family: 'Open Sans', sans-serif;
    font-size:2rem;
    line-height:1;
    padding: 0.1rem 0.9rem 0.2rem;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
}

#question-form-wrapper[data-currentstep="6"] .next-btn-wrapper {
    display: none
}

#question-form-wrapper .submit-button {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    line-height:1;
    border: 1px solid#b14a1a;
    border-radius: 5px;
    padding: 0.5em 1em 0.6em;
    bottom: 0;
    right: 0;
    z-index: 100;
    cursor: pointer;
}

#question-form-wrapper .submit-button:after {
    content:'\203a';
    margin-left: 0.5rem;
}

.prev-btn:hover, 
.prev-btn:focus, 
.next-btn:hover,
.next-btn:focus {
    background-color: #e1e1e1;
}
.prev-btn:before {
    content:'\2039';
}

.next-btn:before {
    content:'\203a';
}

#question-form-wrapper[data-currentstep="3"]:has(.form-step.step-complete[data-step="3"]) .next-btn,
#question-form-wrapper[data-currentstep="4"] .next-btn,
#question-form-wrapper[data-currentstep="5"]:has(.form-step.step-complete[data-step="5"]) .next-btn,
#question-form-wrapper[data-currentstep="6"]:has(.form-step.step-complete[data-step="6"]) .next-btn {
    color:#fff;
    background-color: #c5531e;
    border-color: #b14a1a;
    border-radius: 5px;
}

#question-form-wrapper .orange-button:hover,
#question-form-wrapper .orange-button:focus,
#question-form-wrapper[data-currentstep="3"]:has(.form-step.step-complete[data-step="3"]) .next-btn:hover,
#question-form-wrapper[data-currentstep="4"] .next-btn:hover,
#question-form-wrapper[data-currentstep="5"]:has(.form-step.step-complete[data-step="5"]) .next-btn:hover,
#question-form-wrapper[data-currentstep="6"]:has(.form-step.step-complete[data-step="6"]) .next-btn:hover,
#question-form-wrapper[data-currentstep="3"]:has(.form-step.step-complete[data-step="3"]) .next-btn:focus,
#question-form-wrapper[data-currentstep="4"] .next-btn:focus,
#question-form-wrapper[data-currentstep="5"]:has(.form-step.step-complete[data-step="5"]) .next-btn:focus
{
    background-color: #b14a1a;
    border-color: #b14a1a;
}

#question-form-wrapper[data-currentstep="3"]:has(.form-step.required-step[data-step="3"]:not(.step-complete)) .next-btn + .btn-validator,
#question-form-wrapper[data-currentstep="5"]:has(.form-step.required-step[data-step="5"]:not(.step-complete)) .next-btn + .btn-validator,
#question-form-wrapper[data-currentstep="6"]:has(.form-step.required-step[data-step="6"]:not(.step-complete)) .submit-button + .btn-validator {
    display: flex;
    position: absolute;
    z-index: 101;
    background: rgba(255,255,255,0.4);
    height: 39px;
    width: 39px;
    bottom: -1px;
    right: -1px;
}

#question-form-wrapper[data-currentstep="6"]:has(.form-step.required-step[data-step="6"]:not(.step-complete)) .submit-button + .btn-validator {
    width: calc(100% - 40px);
    height: 45px;
}

#question-form-wrapper[data-currentstep="3"]:has(.form-step.required-step[data-step="3"]:not(.step-complete)) .next-btn + .btn-validator:is(:hover,:focus):after,
#question-form-wrapper[data-currentstep="5"]:has(.form-step.required-step[data-step="5"]:not(.step-complete)) .next-btn + .btn-validator:is(:hover,:focus):after,
#question-form-wrapper[data-currentstep="6"]:has(.form-step.required-step[data-step="6"]:not(.step-complete)) .submit-button + .btn-validator:is(:hover,:focus):after {
    position: absolute;
    content: attr(data-tooltip);
    font-size: 0.75rem;
    bottom: 36px; 
    right: 0;
    width: 400px;
    text-align: right;
    color: #000;
}
#question-form-wrapper .progress-bar {
    position: absolute;
    left: -40px;
    bottom: -40px;
    height: 5px;
    width: 0;
}

#question-form-wrapper[data-currentstep="3"] .progress-bar {
    width: 20%;
}

#question-form-wrapper[data-currentstep="4"] .progress-bar {
    width: 40%;
}

#question-form-wrapper[data-currentstep="5"] .progress-bar {
    width: 60%;
}

#question-form-wrapper[data-currentstep="6"] .progress-bar {
    width: 80%;
}

#question-form-wrapper[data-currentstep="7"] .progress-bar {
    width: 100%;
}

#question-form-wrapper[data-currentstep="8"] #question-form-nav {
    display: none;
}

#question-form-wrapper h3 {
    color: #c5531e;
}

.dialog-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #676767;
    padding: 5px 10px;
}

.dialog-close-btn:hover,
.dialog-close-btn:focus {
    color:#000;
    font-weight: 700;
}

#question-form-container fieldset {
    border: none;
    padding:0;
    margin:0;
    width: 100%;
}
#question-form-container legend {
    font-size: 1rem;
    line-height: 1.5;
    border: none;
}

#question-form-container textarea {
    width: 100%;
    border-color:#bbb;
    border-radius: 5px;
    min-height: 100px;
    padding: 0.25em 0.5em;
}

@media screen and (min-width:992px) {
    #question-form-wrapper .start-btn {
        padding: 0.5em 1em;
    }
    .prev-btn, .next-btn {
        font-size:1.5rem;
        padding: 0.1rem 0.75rem 0.2rem;
    }

    #question-form-wrapper[data-currentstep="3"]:has(.form-step.required-step[data-step="3"]:not(.step-complete)) .next-btn + .btn-validator,
    #question-form-wrapper[data-currentstep="5"]:has(.form-step.required-step[data-step="5"]:not(.step-complete)) .next-btn + .btn-validator,
    #question-form-wrapper[data-currentstep="6"]:has(.form-step.required-step[data-step="6"]:not(.step-complete)) .submit-button + .btn-validator {
        height: 36px;
        width: 36px;
    }

    #question-form-wrapper .submit-button {
        font-size: 1rem;
        padding: 0.4em 1em;
    }

    #question-form-wrapper[data-currentstep="6"]:has(.form-step.required-step[data-step="6"]:not(.step-complete)) .submit-button + .btn-validator {
        width: calc(100% - 60px);
        height: 36px;
    }
}


/*---------------------------------------------------------
    UNENGAGEMENT POLICY TOOLS AND EDUCATION LANDING PAGE
-----------------------------------------------------------*/

/* resets 
--------------*/
.email-unengagement-page {

    --color-orange:#e04c22;
    --color-dark-orange:#c5531e;
    --color-yellow:#ffaf18;
    --color-gray:#efefef;
    --color-dark-gray:#444444;
    --color-blue:#003e52;
    --color-blue-link:#005fa0;
    
    --font-body:"Opens Sans", sans-serif;
    --font-headers:'Roboto Slab',Georgia,serif;

    .stelter-navbar-placeholder, .stelter-navbar, .big-header, .email-unengagement-section .container-fluid > h1,.email-unengagement-section .container-fluid > h2,
    .email-unengagement-section h2:empty, .email-unengagement-section div:empty {display:none;}    

    .container { position:relative; }

    .services-section { position:relative; }
    
    .email-unengagement-section {
        background:#fff;
        
        > .container-fluid.maxWidth {
            max-width:none;padding:0;

            h2:empty, > div { display:none; }
        }
        .services-section {
            background:transparent;padding:0;
    
             > .container-fluid.maxWidth {max-width:none;padding:0;overflow:visible;}
        }
    }

    .floating-header {
        background:var(--color-orange);
        color:#fff;
        display:inline-block;
        font-family:var(--font-body);
        font-size:1.2rem;
        font-weight:700;
        margin:0 auto 1rem;
        padding:1rem 1.5rem;
        text-transform:uppercase;
        transform:translateY(-50%);
    }
}

/* Header 
-----------------*/
.email-unengagement-page {
    .up-header-section {
        background: rgb(242,103,36);
        background: linear-gradient(180deg, rgba(248,179,39,1) 0%, rgba(242,103,36,1) 100%);
        border-top:3rem solid #fff;
        border-bottom:2rem solid var(--color-yellow);
        padding:0 1rem 1rem;
        text-align:center;
        
        .stelter-badge {
            background:#fff;
            border:3px solid #fff;
            border-radius:100%;
            width:54px;
            height:auto;
            margin:-2rem auto 0;
        }
        .up-headers {
            color:#fff;
    
            h1 {
                border-bottom:2px solid #fff;
                padding-bottom:1rem;
                span { font-weight:700;}
            }
            h2 { 
                font-family:"Open Sans", sans-serif;
                font-size:1.6rem;
                font-weight:700;
                text-transform:uppercase;
            }
        }
    }
}

@media screen and (min-width:1024px){
    .email-unengagement-page {
        .up-header-section {
            background:url(../../images/unengagement-policy-landing/up-header.jpg) top center no-repeat;
            border-top:100px solid #fff;
            border-bottom:none;
            height:475px;
            position:relative;
            text-align:left;
    
             .stelter-badge {
                border:5px solid #fff;
                border-radius:100%;
                width:84px;
                margin-top:-2.5rem;
            }
            .up-headers {
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                width:45%;
    
                h1 {
                    border-bottom:0;
                    font-size:3rem;
                    max-width:375px;
                    padding-bottom:0;
                    
                    span { display:block;} 
                }
                h2 {
                    border-left:10px solid #575757;
                    color:#575757;
                    margin-top:30px;
                    padding-left:15px;
    
                    span { display:block; }
                }
            }
        }
    }
}
@media screen and (min-width:1200px){
    .email-unengagement-page {
        .up-header-section {
             .up-headers {
                 width:50%;
             }
        }
    }
}


/* Intro
-----------------*/
.email-unengagement-page {
    .up-intro-section {
        padding:3rem 1rem 4rem;
        text-align:center;
    }
}


/* The Situation
-----------------*/
.email-unengagement-page {
    .up-situation {
        background:var(--color-gray);
        border-top:2px solid var(--color-dark-orange);
        margin-bottom:3rem;
        padding:0;
        position:relative;
        text-align:center;

        > div {
            position:relative;
            text-align:left;
        }
        .top {
            padding-bottom:1rem; 
            z-index:3;
            
            .container:after {
                background:url(../../images/unengagement-policy-landing/situation-woman.png) center center / cover no-repeat;
                content:"";
                display:block;
                height:62px;
                width:130px;
                position:absolute;
                right:0;
                bottom:-71px;
            }
        }
        .middle {
            margin-bottom:3rem;
            z-index:1;
            
            .container {
                background:#fff;
                border-top:30px solid var(--color-blue);
                margin-top:3rem;
                padding:2rem 15px 1rem;
                text-align:center;

                p:nth-of-type(2) {
                    color:var(--color-orange);
                    font-family:var(--font-headers);
                    font-size:2rem;
                    line-height:1.2;
                    margin:1rem auto;
                    width:70%;
                    max-width:660px;

                    span { 
                        /* display:block; */
                        font-weight:700;
                    }
                }
                p:nth-of-type(2):before {
                    background:var(--color-yellow);
                    content:"";
                    display:block;
                    height:20px;
                    width:125px;
                    margin:1.5rem auto;
                }
            }
            .container:before {
                background:url(../../images/unengagement-policy-landing/icon-trash.png) top center no-repeat;
                content:"";
                display:block;
                height:73px;
                width:102px;
                position:absolute;
                top:-73px;
                left:calc(50% - 51px);
            }
        }
        .bottom {
            background:#fff;
            z-index:2;

            .container {
                p { margin:1rem 0 1rem 160px; }
            }
             .container:after {
                background:url(../../images/unengagement-policy-landing/unengaged-man.png) center center / cover no-repeat;
                content:"";
                display:block;
                height:192px;
                width:160px;
                position:absolute;
                left:1rem;
                bottom:-1rem;
            }
        }
    }
}
@media screen and (min-width:600px){
    .email-unengagement-page {
        .up-situation {
            .top {
                p { width:70%; }
                .container:after {
                    height:114px;
                    width:240px;
                    right:0;
                    bottom:-72px;
                } 
            }
            .bottom {
                .container {
                    p { margin:1rem 0 1rem 200px; }
                }
                 .container:after {
                    height:220px;
                    width:184px;
                    left:1rem;
                    top:-141px;
                }
            }
        }
    }
}
@media screen and (min-width:768px){
    .email-unengagement-page {
        .up-situation {
            .top .container:after {
                right:-10px;
                bottom:-76px;
            } 
        }
    }
}
@media screen and (min-width:992px){
    .email-unengagement-page {
        .up-situation {
            .top .container:after {
                height:160px;
                width:336px;
                right:-15px;
                bottom:-85px;
            } 
            .bottom {
                .container {
                    padding:3rem 15px;
                    p { 
                        font-size:1.2rem;
                        line-height:1.4;
                        margin-left:300px; 
                    }
                }
                 .container:after {
                    height:334px;
                    width:279px;
                    left:0;
                }
            }
        }
        
    }
}


/* Bottom Line
-----------------*/
.email-unengagement-page {
    .up-bottom-line {
        background:var(--color-dark-gray);
        color:#fff;
        position:relative;
        text-align:center;

        h3 {
            font-family:var(--font-body);
            font-size:1.4rem;
            font-weight:700;
            text-transform:uppercase;
        }
        p { margin-bottom:4rem;}
    }
    .up-bottom-line:before {
        background:url(../../images/unengagement-policy-landing/icon-bottom-line.png) top center / cover no-repeat;
        content:"";
        display:block;
        margin:0 auto -1rem;
        height:59px;
        width:150px;
        transform:translateY(-35%);
    }
}
@media screen and (min-width:992px){
    .email-unengagement-page {
        .up-bottom-line {
            p { 
                margin:0 auto 5rem;
                width:80%;
            }
        }
        .up-bottom-line:before {
            height:132px;
            width:336px;
            margin-bottom:-2rem;
            transform:translateY(-35%);
        }
    }
}

    
/* The Solution
-----------------*/
.email-unengagement-page {
    .up-solution {
        background:var(--color-gray);
        border-top:2px solid var(--color-dark-orange);
        text-align:center;

        > div {
            position:relative;
            text-align:left;
        }
        .top {
        	padding-bottom:1rem; 
        	z-index:3;

            p { width:70%; }
        	.container:after {
        		background:url(../../images/unengagement-policy-landing/solution-man.png) center center / cover no-repeat;
        		content:"";
        		display:block;
        		height:135px;
        		width:150px;
        		position:absolute;
        		right:.25rem;
        		bottom:-40px;
        	}
        }
        .middle {
            margin-bottom:0;
            z-index:1;
            
            .container {
                background:#fff;
                border-top:30px solid var(--color-blue);
                padding:2rem 15px;
                text-align:center;

                h4 {
                  margin-bottom:2rem;  
                }

                p {
                    margin:0 auto 1.5rem;
                    position:relative;
                    width:85%;
                    text-align:left;
                }
                p.up-icon:before {
                    content:"";
                    display:block;
                    margin:0 auto 1rem;
                }
                .bad-email-icon:before {
                    background:url(../../images/unengagement-policy-landing/icon-bad-email.png) center / cover no-repeat;
                    height:54px;
                    width:54px;
                }
                .list-shrink-icon:before {
                    background:url(../../images/unengagement-policy-landing/icon-list-shrink.png) center / cover no-repeat;
                    height:54px;
                    width:60px;
                }
            }
        }
        .bottom {
            z-index:2;

            .container {
                padding:.5rem 15px;
                p { margin:1rem 0 1rem 160px; }
            }
             .container:after {
                background:url(../../images/unengagement-policy-landing/solution-woman.png) center center / cover no-repeat;
                content:"";
                display:block;
                height:176px;
                width:150px;
                position:absolute;
                left:.5rem;
                bottom:0;
            }
        }
    }
}
@media screen and (min-width:600px){
	.email-unengagement-page {
        .up-solution {
			.top {
				p { width:70%; }
				.container:after {
					height:215px;
					width:240px;
					right:1rem;
					bottom:-42px;
				} 
			}
            .midddle { margin-bottom:3rem; }
		}
	}
}
@media screen and (min-width:992px){
    .email-unengagement-page {
        .up-solution {
            .top {
                padding:0 0 3rem;
                p { width:60%; }
                .container:after {
                    height:366px;
                    width:406px;
                    right:.5rem;
                    bottom:-85px;
                } 
            }
            .middle {
                .container {
                    padding-bottom:0;    
                    
                    h4 { margin-bottom:3rem;}
                    p { 
                        margin-bottom:3rem; 
                        padding-left:4rem;
                    }
                    .up-icon:before {
                        margin:0;
                        position:absolute;
                        left:-3rem;
                        top:50%;
                        transform:translateY(-50%);
                    }
                    .bad-email-icon:before {
                        left: -2.5rem;
                        height:77px;
                        width:77px;
                    }
                    .list-shrink-icon:before {
                        height:83px;
                        width:93px;
                    }
                }
            }
             .bottom {
                .container {
                    padding:3rem 15px;
                    p { margin-left:250px; }
                }
                 .container:after {
                    height:261px;
                    width:222px;
                }
            }
		}
	}
}
@media screen and (min-width:1200px){
    .email-unengagement-page {
        .up-solution {
            .top {
                padding:1rem 0 3rem;
                
                p { width:60%; }
                .container:after {
                    height:366px;
                    width:406px;
                    right:.5rem;
                    bottom:-85px;
                } 
            }
            .middle {
                .container { padding-bottom:2rem; }
            }
            .bottom {
                .container {
                    padding:3rem 15px;
                    
                    p { margin-left:250px; }
                }
                 .container:after {
                    height:261px;
                    width:222px;
                    left:-1rem;
                }
            }
		}
	}
}


/* Email Removal Benefits
-------------------------*/
.email-unengagement-page {
    .up-benefits {
        padding:3rem 0;
        
        ol {
            list-style-type: none;
            padding: 0;
            margin: 0;
            
            li {
                margin:2rem 0;
                position: relative;
                padding-left: 4rem;
                counter-increment: list-item;
            }
            li:before {
                content: counter(list-item);
                font-size:1.4rem;
                font-weight: bold;
                background-color: var(--color-orange);
                color: white;
                border-radius: 50%;
                display: inline-block;
                width: 2.4rem;
                height: 2.4rem;
                text-align: center;
                line-height: 2.4rem;
                position: absolute;
                left: 0;
                top: 50%;
                transform:translateY(-50%);
            }
        }
    }
}


/* Policy Details
-----------------*/
.email-unengagement-page {
    .up-policy-details {
        h3 {
            background:var(--color-yellow);
            font-family:var(--font-body);
            font-size:1.4rem;
            font-weight:700;
            margin:0;
            padding:1rem;
            text-align:center;
            text-transform:uppercase;
        }
        .up-pd-section {
            border-top:1px solid var(--color-yellow);
            padding:3rem 0 0;
            position:relative;
            
            h4 {
                margin-bottom:2rem;
            }
            li {
                margin:2rem 0;
            }
        }
        /*
        .up-requirements:before {
            background:url(../../images/unengagement-policy-landing/icon-requirements.png) center center / cover no-repeat;
            content:"";
            display:block;
            height:58px;
            width:50px;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            top:-30px;
        }
        */
        .up-strategies:before {
            background:url(../../images/unengagement-policy-landing/icon-strategies.png) center center / cover no-repeat;
            content:"";
            display:block;
            height:52px;
            width:50px;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            top:-32px;
        }
    }
}
@media screen and (min-width:768px){
    .email-unengagement-page {
        .up-policy-details {
            .up-pd-section {
                padding:3rem 0;   
            }
            /*
            .up-requirements h4 { margin-top:3rem; }
            .up-requirements:before {
                height:93px;
                width:90px;
                top:-48px;
            }
            */
            .up-strategies h4 { margin-top:3rem; }
            .up-strategies:before {
                height:87px;
                width:75px;
                top:-50px;
            }
        }
    }
}


/* Contact
---------------------*/
.email-unengagement-page {
	.up-contact {
        .container {
            padding-bottom:3rem;
            
            h3 {
                color:var(--color-orange);
                font-size:1.6rem;
                margin-right:150px;
                
                span {
                    display:block;
                    font-size:2rem;
                    font-weight:700;
                    margin-right:-150px;
                }
            }
        }
		.container:after {
			background:url(../../images/unengagement-policy-landing/contact-woman.png) center center / cover no-repeat;
			content:"";
			display:block;
			height:131px;
			width:150px;
			position:absolute;
			right:.25rem;
			bottom:0;
		}
	}
}
@media screen and (min-width:768px){
	.email-unengagement-page {
		.up-contact {
            .container {
                padding-bottom:4rem;
                
                h3 {
                    color:var(--color-orange);
                    font-size:1.6rem;
                    margin-right:300px;
                    span {
                        display:block;
                        font-size:2rem;
                        font-weight:700;
                    }
                }
            }
			.container:after {
				height:237px;
				width:270px;
			}
		}
	}
}

/* Footer
---------------------*/
.email-unengagement-page {
    .up-footer {
        background:var(--color-gray);
        padding:2rem 0;
        text-align:center;
        
        p { margin:0;}
        a { 
            color:var(--color-blue-link);
            font-weight:600;
            text-decoration:underline;
        }
    }
}


/*---------------------------------------------------------
    EMAIL ENGAGEMENT GUIDELINES PAGE
-----------------------------------------------------------*/
.email-unengagement-policy-page {
    .default-section { 
        padding:2em 0;

        hr { margin:2em 0 0; }
        h2 { font-size:1.6rem;margin-top:1em;}
        h3 { font-size:1.2rem;margin-top:2em;}
    }
}


 
 
/*  Accessibility Conformance Report ('.acr-page') x673
-------------------------------------------------------*/
.acr-page {
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.5rem;
            border-spacing: 0;
            padding: 0
        }
            .default-section th, .default-section td {
                padding: .75rem;
                border: 1px solid #ccc
            }
            .default-section thead th,
            .default-section th[scope="rowgroup"] {
                background-color: #f5f5f5;
                font-weight: 700
            }
            .default-section th[scope="row"] {
                text-align: left;
                background-color: transparent
            }
            .default-section a[target="_blank"]::after {
                content:"";
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23C5531E'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z'/%3E%3C/svg%3E");
                background-repeat: no-repeat no-repeat;
                background-position: center center;
                background-size: contain;
                width:1rem;
                height:1rem;
                display: inline-block;
                margin-left: 0.3em;
                position:relative;
                top:-.2rem;
                font-size: 0.75em;
                vertical-align: text-bottom;
            }
     
            .default-section a[href*="#chapter-3-functional-performance-criteria"][target="_blank"]::after,
            .default-section a[href*="#chapter-4-hardware"][target="_blank"]::after,
            .default-section a[href*="#chapter-5-software"][target="_blank"]::after,
            .default-section a[href*="#chapter-6-support-documentation-and-services"][target="_blank"]::after {
                width:1.5rem; 
                height:1.5rem; 
                top:-.4rem;
            }
            .default-section a[target="_blank"] {
                display: inline;
            }
            .default-section a[href$=".pdf"]::after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23C5531E' d='M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");
            }
            .link-text,
            .apply-text {
                margin-bottom: 1rem;
            }
            .term-list {
                display: grid;
                grid-template-columns: auto 1fr;
                gap: 1rem; 
            }
            .term-list dt,
            .term-list dd {
                margin: 0;
            }
     
        /* Responsive Table */
        @media screen and (max-width: 767px) {
            table {
                border: 0;
            }
            .default-section thead {
                display: none;
            }
            .default-section tr {
                display: block;
                margin-bottom: 1em;
            }
            .default-section th[scope="rowgroup"] {
                width: 100%;
            }
            .default-section td,
            .default-section th:not([scope="rowgroup"]) {
                display: block;
                position: relative;
                padding-left: calc(50% + 1rem);
            }
            .default-section td::before,
            .default-section th:not([scope="rowgroup"])::before {
                content: attr(data-label);
                position: absolute;
                left: 0;
                top: 0;
                padding-top: .75rem;
                width: 50%;
                padding-left: 1em;
                text-align: left;
                background-color: #f5f5f5;
                font-weight: 700;
                height: 100%;
            }
            colgroup {
                display: none;
            }
        }
    }
    
    
/*---------------------------------------------------------
    EMAIL SERVICES LANDING PAGE
-----------------------------------------------------------*/

/* resets 
--------------*/
.email-services-page {

    --color-orange:#e04c22;
    --color-dark-orange:#c5531e;
    --color-yellow:#ffaf18;
    --color-gray:#efefef;
    --color-dark-gray:#444444;
    --color-blue:#003e52;
    --color-blue-link:#005fa0;
    
    --font-body:"Opens Sans", sans-serif;
    --font-headers:'Roboto Slab',Georgia,serif;

    .stelter-navbar-placeholder, .stelter-navbar, .big-header, .email-services-section .container-fluid > h1,.email-services-section .container-fluid > h2,
    .email-services-section h2:empty, .email-services-section div:empty {display:none;}    

    .container { position:relative; }

    .services-section { position:relative; }
    
    .email-services-section {
        background:#fff;
        
        > .container-fluid.maxWidth {
            max-width:none;
            padding:0;

            h2:empty, > div { display:none; }
        }
        .services-section {
            background:transparent;
            padding:0;
    
             > .container-fluid.maxWidth {max-width:none;padding:0;overflow:visible;}
        }
    }

    .floating-header {
        background:var(--color-orange);
        color:#fff;
        display:inline-block;
        font-family:var(--font-body);
        font-size:1.2rem;
        font-weight:700;
        margin:0 auto 1rem;
        padding:1rem 1.5rem;
        text-transform:uppercase;
        transform:translateY(-50%);
    }


	/* Header 
	-----------------*/
    .es-header-section {
        background: rgb(242,103,36);
        background: linear-gradient(180deg, rgba(248,179,39,1) 0%, rgba(242,103,36,1) 100%);
        border-top:3rem solid #fff;
        border-bottom:2rem solid var(--color-yellow);
        padding:0 1rem 1rem;
        text-align:center;
        
        .stelter-badge {
            background:#fff;
            border:3px solid #fff;
            border-radius:100%;
            width:54px;
            height:auto;
            margin:-2rem auto 0;
        }
        .es-headers {
            color:#fff;

            h1 { font-weight:700; }
        }
    }


	@media screen and (min-width:1024px){
        .es-header-section {
            background:url(../../images/banners/banner-email-services.jpg) top center no-repeat;
            border-top:100px solid #fff;
            border-bottom:none;
            height:475px;
            position:relative;
            text-align:left;
    
             .stelter-badge {
                border:5px solid #fff;
                border-radius:100%;
                width:84px;
                margin-top:-2.5rem;
            }
            .es-headers {
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                width:45%; 
    
                h1 {
                    border-bottom:0;
                    font-size:3rem;
                    max-width:375px;
                    margin:56px 0 0;
                    padding-bottom:0;
                    
                    span { display:block;} 
                }
                h2 {
                    border-left:10px solid #575757;
                    color:#575757;
                    margin-top:30px;
                    padding-left:15px;
    
                    span { display:block; }
                }
            }
        }
    }

	@media screen and (min-width:1200px){
        .es-header-section {
             .es-headers {
                 width:50%;
             }
        }
    }

	/* Intro
	-----------------*/
    .es-intro-section {
        padding:3rem 1rem 4rem;
        text-align:center;

        .container {
            max-width:960px;
        }
    }


	/* Email Offering Overview
	--------------------------*/
    .es-overview {
        background:var(--color-dark-gray);
        border-top:2px solid var(--color-dark-orange);
        padding:0 0 3rem;
        position:relative;
        text-align:center;

        > div {
            position:relative;
            text-align:left;
        }

        .detail-summary-container {
            max-width:960px;
            margin:0 auto;

            details {
                background:#fff;
                margin-bottom:20px;
                padding:20px 20px 10px;
                transition:.5s all ease-in-out;

                summary {
                    font-family: 'Roboto Slab', Georgia, serif;
                    font-size:1.2rem;
                    padding-bottom:10px;
                    position:relative;
                }
                summary:after {
                    color:var(--color-orange);
                    content:"+";
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-size:30px;
                    font-weight:700;
                    position:absolute;
                    right:0;
                    top:0;
                }
                summary:is(:hover,:focus) { cursor:pointer; }
                .details-content-container {
                    border-top:1px solid var(--color-gray);
                    display:flex;
                    flex-direction:column;
                    height:auto;
                    padding:1rem 0;
                    transition:.5s all ease-in-out;

                    p.heading {
                        color:var(--color-orange);
                        font-weight:600;
                        margin-bottom:0;
                    }
                    
                    .approach {
                       margin-bottom:1rem;

                        p:last-of-type { margin-top:2rem; }
                    }
                    .tfc {
                        border-top:8px solid var(--color-orange);
                        padding-top:1rem;
                    }

                    .jumplink {
                        color: var(--color-blue-link);
                        font-weight:600;
                        text-decoration:underline;
                    }
                    .jumplink:after {
                        content:"\2192";
                        display:inline-block;
                        padding-left:5px;
                    }
                }
            }
            details[open] summary:after{ content:"-"; }
        }
    }

    /* Overview/Offering Divide
    ----------------------------*/
    .es-header-divide h2 {
    	background:var(--color-yellow);
        font-family:var(--font-body);
        font-size:1.4rem;
        font-weight:700;
        margin:0;
        padding:1rem;
        text-align:center;
        text-transform:uppercase;
    }

    /* Offering sections
    ----------------------*/
    .es-offering {
        padding:2rem 0 0;
        border-bottom:2px solid  var(--color-yellow);

        h3 { margin-bottom:2rem; }
        h4 {
            color:var(--color-orange);
            font-size:1.2rem;
            margin:2rem 0 .5rem;
        }
        h5 { 
            font-size:1rem;
        }
        p, ul {
            margin:0 0 2rem;
        }
        p + ul { margin-top:-1.5rem;}
        ol {
            list-style: none;
            counter-reset: custom-counter;
            margin:0 0 0 3rem;
            padding:0;
            
            li { 
                counter-increment: custom-counter;
                margin-bottom:1.5rem;
                text-indent:-3rem;
            }
            li:before {
                content: counter(custom-counter);
                background: var(--color-orange);
                width: 2rem;
                height: 2rem;
                border-radius: 50%;
                display: inline-block;
                font-weight:600;
                line-height: 2rem;
                color: #fff;
                text-align: center;
                text-indent:0;
                margin-right:1rem;
            }
        }
        .ctad-btn {
            border:1px solid var(--color-orange);
            display:block;
            font-weight:500;
            margin:.5rem 0 0;
            padding:.5rem 1rem;
            text-decoration:none;
            text-indent:0;
            text-transform:uppercase;
            transition:.3s all ease-in-out;
            width:fit-content;
        }
        .ctad-btn:is(:hover,:focus){
            background:var(--color-dark-orange);
            color:#fff;
        }

        .pricing-feature {
            background:var(--color-gray);
            margin-top:2rem;
            padding:1.5rem 0;
            position:relative;

            > * { position:relative;}

            h4 { margin-top:0; }
            ul { margin-bottom:0; }

            a.overviewlink {
                display:block;
                margin:0 auto;
                padding:1rem 0 0;
                text-align:center;
            }
            a.overviewlink:before {
                content:"\2191";
                padding-right:.25rem;
            }
        }
        .pricing-feature:before {
            background:var(--color-gray);
            content:"";
            display:block;
            height:100%;
            width:150vw;
            position:absolute;
            left:0;
            top:0;
            z-index:0;
            transform:translateX(-50vw);
        }
    }

	@media screen and (min-width:992px){
    	.es-overview {
    		.detail-summary-container {
    			details {
    				.details-content-container {
    					flex-direction:row;
                        justify-content:space-between;
                        align-items:flex-start;
                        
    					p.heading {
    						color:var(--color-orange);
    						font-weight:600;
    						margin-bottom:.25rem;
    					}
    					
    					.approach {
        					margin:0 3rem 0 0;
                            width:65%;
    					}
    					.tfc {
                            border-top:0;
    						border-left:8px solid var(--color-orange);
    						padding:0 0 0 1rem;
                            width:35%;

                            p:not(.heading) { margin-bottom:1.5rem;}
                            ul {
                                margin:0 0 1rem;
                                padding:0 0 0 1.5rem;
                            }
    					}
    				}
    			}
    		}
    	}
        
        .es-offering {
        	.pricing-feature {
        		a.overviewlink {
        			position:absolute;
        			right:1rem;
        			bottom:1rem;
        		}
        	}
        }
    }
}





/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    STELTER SURVEY PAGE x696
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.stelter-survey-page {
    
    /* resets 
    -------------------------------------------------------*/   
    --color-orange:#e04c22;
    --color-dark-orange:#c5531e;
    --color-yellow:#ffaf18;
    --color-gray:#efefef;
    --color-dark-gray:#444444;
    --color-blue:#003e52;
    --color-blue-link:#005fa0;
    
    --font-body:"Opens Sans", sans-serif;
    --font-headers:'Roboto Slab',Georgia,serif;

    .stelter-navbar-placeholder, .stelter-navbar, .big-header, .stelter-survey-section .container-fluid > h1,.stelter-survey-section .container-fluid > h2,
    .stelter-survey-section h2:empty, .stelter-survey-section div:empty {display:none;}    

    .container { position:relative; }

    .services-section { position:relative; }
    
    .stelter-survey-section {
        background:#fff;
        
        > .container-fluid.maxWidth {
            max-width:none;padding:0;

            h2:empty, > div { display:none; }
        }
        .services-section {
            background:transparent;padding:0;
    
             > .container-fluid.maxWidth {max-width:none;padding:0;overflow:visible;}
        }
    }

    .floating-header {
        background:var(--color-orange);
        color:#fff;
        display:inline-block;
        font-family:var(--font-body);
        font-size:1.2rem;
        font-weight:700;
        margin:0 auto 1rem;
        padding:1rem 1.5rem;
        text-transform:uppercase;
        transform:translateY(-50%);
    }
    
    
    /* Header 
    -------------------------------------------------------*/
    .up-header-section {
        background: rgb(242,103,36);
        background: linear-gradient(180deg, rgba(248,179,39,1) 0%, rgba(242,103,36,1) 100%);
        border-top:3rem solid #fff;
        border-bottom:2rem solid var(--color-yellow);
        padding:0 1rem 1rem;
        text-align:center;
        
        .stelter-badge {
            background:#fff;
            border:3px solid #fff;
            border-radius:100%;
            width:54px;
            height:auto;
            margin:-2rem auto 0;
        }
        .up-headers {
            color:#fff;
    
            h1 {
                border-bottom:2px solid #fff;
                padding-bottom:1rem;
                span { font-weight:700;}
            }
            h2 { 
                font-family:"Open Sans", sans-serif;
                font-size:1.4rem;
                font-weight:700;
                text-transform:uppercase;
            }
        }

        @media screen and (min-width:1024px){
            background:url(../../Images/survey-landing/survey-up-header.jpg) top center no-repeat;
            border-top:100px solid #fff;
            border-bottom:none;
            height:475px;
            position:relative;
            text-align:left;
    
             .stelter-badge {
                border:5px solid #fff;
                border-radius:100%;
                width:84px;
                margin-top:-2.5rem;
            }
            .up-headers {
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                width:45%;
    
                h1 {
                    border-bottom:0;
                    font-size:3rem;
                    max-width:375px;
                    padding-bottom:0;
                    
                    span { display:block;} 
                }
                h2 {
                    border-left:10px solid #575757;
                    color:#575757;
                    margin-top:23px;
                    padding-left:15px;
    
                    span { display:block; }
                }
            }
        }
        @media screen and (min-width:1200px){
            .up-headers {
                width:50%;
            }
        }   
    }
    
    
    /* Intro
    -------------------------------------------------------*/
    .up-intro-section {
        padding:50px 1rem;
        text-align:left;
    }
    

    /* Highlight Areas
    -------------------------------------------------------*/
    .up-highlight-areas {
        background:var(--color-gray);
        padding-block:30px 60px;
        text-align:center;

        h2 {margin-bottom:30px;}

        .highlight-key {
            display:flex;
            flex-direction:column;
            gap:30px;
            width:fit-content;
            margin:0 auto;

            p {display:flex; align-items:center; gap:10px; margin:0;}
        }

        @media screen and (min-width:992px) {
            padding-block:40px 80px;
            
            .highlight-key {
                flex-direction:row;
                gap:50px;
            }
        }
        
    }
    .key-square {display:block; width:35px; height:35px; border:1px solid #fff; background:gray; flex-shrink:0;}
        .sq-pink {background: #fed0ff}
        .sq-yellow {background: #ffecae;}
        .sq-green {background: #c7f0b1;}
    

    /* Section numbers (1-5)
    -------------------------------------------------------*/
    .survey-section {
        border-top:2px solid var(--color-dark-orange);
        margin-bottom:3rem;
        padding:0;
        position:relative;
        text-align:center;

        > div {text-align:left;}

        .floating-header {
            background:var(--color-orange);
            color:#fff;
            display:inline-block;
            font-family:var(--font-body);
            font-size:1.2rem;
            font-weight:700;
            margin:0 auto 1rem;
            padding:1rem 1.5rem;
            text-transform:uppercase;
            transform:translateY(-50%);
        }

        .eg-section .container {
            display:flex;
            flex-direction:column;
            gap:20px 0px;
            border-bottom:1px solid #000; padding-block:30px;
        }
        .eg-section:first-of-type .container {padding-top:0;}
        .eg-section:last-of-type .container {border-bottom:0;}
        
            .eg-section .container:before, .eg-section .container:after {display:none;}
        
            .eg-key {
                display:flex;
                flex-direction:column;
            
                p {display:flex; align-items:center; gap:10px; align-items:flex-start; font-size:16px; font-weight:400;}
            }


        @media screen and (min-width:768px) {
            .eg-section .container {padding-inline:0;}
            	.eg-key {
                    flex-direction:row; 
                    gap:30px;
                
                    p {flex:1 0 calc(50% - 20px);}
                }
        }      
    	@media screen and (min-width:1200px) {
            .eg-section .container {
                flex-direction:row;
                gap:20px;

                .eg-key {
                    gap:20px;
                    flex:0 1 300px; 
                    flex-direction:column;
                
                    p {flex:1; margin:0;}
                }
            }
    	}
    }


    /* Contact
    -------------------------------------------------------*/
    .up-contact {
        background:var(--color-yellow);
        padding-block:50px 60px;
        text-align:center;
        
        .container {
            h3 {
                font-size:1.6rem;
                max-width:1050px;
                margin-inline:auto;
                
                span {
                    margin-bottom:10px;
                    display:block;
                    font-size:2rem;
                    font-weight:700;
                }
            }
            .download-btn {
                font-family: 'Open Sans',sans-serif;
                color: var(--color-orange);
                font-size: 20px;
                text-transform:uppercase;
                font-weight: 600;
                text-decoration: none;
                padding: 15px 30px 15px;
                margin: 25px auto;
                display: inline-block;
                border: 2px solid var(--color-orange);
                background:#fff;             
            }
            .download-btn:is(:hover, :focus) {background:var(--color-orange); color:#fff;}
            
        }

        @media screen and (min-width:768px){
            .container {
                h3 {
                    span {
                        display:block;
                        font-size:2rem;
                        font-weight:700;
                    }
                }
            }
        }
    }


    /* Sticking Headers 
    -------------------------------------------------------*/  
    .survey-section:has(.is-sticky) {padding-top:75px;}
        .floating-header.is-sticky {
        	position: fixed;
        	top: 0;
            left:50%;
            transform:translateX(-50%);
        	z-index: 100;
            margin:0;
            width:100%;
            padding-top:17px;
        }
}