/*
 * FStormRender theme family
 *
 * Core CSS file
 *
 * @link https://business-software.ru/
 * @author Business software company
 * @copyright 2019 Business software company
 * @package FStormRender
 */

/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background-color: #0f0f10; }

/* Common HTML elements, fonts, and colors
------------------------------------------ */
html,
body { width: 100%; min-height: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*font-size: 12px; background: #fff;*/ }
a { color: #337ab7; outline:0 none; }
a:focus { outline:none; outline-offset:-4px; }
/*a:visited { color: #65c; }*/
a:hover { color: #23527c }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; /*3px solid #272428;*/ }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { font-family: "AlergiaNormal-regular", "Lucida Grande", sans-serif; margin-bottom: 20px; }
table { color: inherit; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.4em; }
h1 a { text-decoration:none; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-family: "exo2-regular", "Lucida Grande", sans-serif; line-height:1.2em; }
ul, ol { padding-top:0; }
ol { list-style: decimal; }
input, textarea, select { margin:0; }
input, textarea { font-size: 1em; color: #000; font-family: Helvetica, Arial, sans-serif; }
input[type="button"]:focus { outline:none; outline-offset:-2px; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
legend { font-size:1.1em; padding:.4em .8em; background:#fff; //background:none;
border:1px solid #bbb; //border:none
}
fieldset p label { width:98%; }
fieldset p input[type="text"] { width:98%; }
fieldset p select { width:99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(255,255,255,.75); background: rgba(0,0,0,.03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0,0,0,.6); font-size:0.9em; font-style: italic; border-left: 1px solid rgba(0,0,0,.1);padding-left: 24px; background: #eee; }
blockquote cite { font-size: 0.9em; }
hr { background-color: #ccc; height: 1px; border: 0; }
input::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder,
input::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }

/* Misc elements
---------------- */

.block { padding: 10px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.2em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #888; }
.gray:not(button):not(input) { color: #aaa; }
.gray a,
.gray:visited,
.gray a:visited { color: #888; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid #ccc; margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }

.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

/* Menus
-------- */

ul.menu-v { margin: 0 0 20px -6px; padding: 0; }
ul.menu-v li { list-style: none; padding: 0; margin: 3px 0 8px; line-height: 1.1em; }
ul.menu-v li a { padding: 5px 6px; display: block; }
ul.menu-v li ul.menu-v { margin-left: 10px; margin-top: 5px; margin-bottom: 15px; }
ul.menu-v li ul.menu-v li a { padding: 2px 6px; }

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h.bottom-padded { margin-bottom: 15px; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0 10px 0 0; line-height: 1.1em; display:block\9; float:left\9; /* ie8 hack */ }
ul.menu-h li a { display: inline-block; padding: 3px 5px; display:block\9; float:left\9; /* ie8 hack */ }
ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
ul.menu-h li a i.icon16 { margin-top: -0.1em; }
ul.menu-h li.selected a { color: #000; text-decoration: none; }

ul.menu-h.dropdown li { position: relative; }
ul.menu-h.dropdown li.collapsible { background: url('img/darr.png') no-repeat; background-position: right center; margin-right: 15px !important; padding-right: 5px; }
ul.menu-h.dropdown li a { display: block; }
ul.menu-h.dropdown ul.menu-v { display: none; position: absolute; width: 200px; top: 100%; left: -3px; background: #fff; border: 1px solid #ccc; padding: 0; z-index: 13012; margin-left: 0; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin-top: 0; } /* .menu-h's dropdown menus look like .menu-v's menus: plain, with icons, new branches are rendered to the left from parent menu */
ul.menu-h.dropdown ul.menu-v li { display: block; width: 200px; padding: 0; margin: 0; border-bottom: 1px solid #eee; }
ul.menu-h.dropdown ul.menu-v li.collapsible { background: url('img/rarr.png') no-repeat; background-position: right center; margin-right: 0 !important; }
ul.menu-h.dropdown ul.menu-v li a { display: block; padding: 10px 25px 10px 15px; margin: 0; font-weight: normal !important; }
ul.menu-h.dropdown ul.menu-v li i.icon16 { margin-left:-20px; margin-right:4px; }
ul.menu-h.dropdown ul.menu-v li ul.menu-v { top: -1px; left: 100%; margin-left: 0; }
ul.menu-h.dropdown li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown.disabled li:hover ul.menu-v { display: none !important; }
ul.menu-h.dropdown li:hover ul.menu-v ul.menu-v { display: none; top: -1px; }  /* level 2*/
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 3 */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 4 */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v ul.menu-v { display: none; top: -1px; } /* level 5; add more levels in a similar way if needed */
ul.menu-h.dropdown li:hover ul.menu-v li:hover ul.menu-v li:hover ul.menu-v { display: block; }
ul.menu-h.dropdown li .inner { display: none; width: 400px; position: absolute; left: -3px; z-index: 13012; background: #fff; }
ul.menu-h.dropdown li .inner.shadowed { background: #fff; border: 1px solid #ccc; padding: 0; margin-left: 0; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin-top: 0; }
ul.menu-h.dropdown li:hover .inner { top: 100%; display: block; }

/* float right dropdown menus unfold to the opposite direction */
.float-right ul.menu-h.dropdown ul.menu-v { left: auto; right: -3px; }
.float-right ul.menu-h.dropdown ul.menu-v li { padding-left: 13px; margin-left: 0 !important; }
.float-right ul.menu-h.dropdown ul.menu-v li.collapsible { background: url('img/larr.png') no-repeat; background-position: left center; padding-left: 13px; margin-left: 0 !important; }
.float-right ul.menu-h.dropdown ul.menu-v li ul.menu-v { left: auto; right: 100%; }

/* Sign up & Login forms
------------------------ */

.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { position: relative; top: 3px; left: -3px; }
.wa-auth-adapters p { clear: left; color: #888; font-size: 0.9em; width: 40%; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px;  margin:0;}
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
.wa-form .wa-field .wa-value label { display: block; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; }
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }

.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { clear: left; margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .wa-captcha-input { display: inline !important; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; }

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }

/* Multi-column layout
---------------------- */

/*.row { clear: both; border-top: 1px solid #eee; padding: 20px 0; }*/
/*.row.no-border { border: none; }*/
/*.col { float: left; }*/
/*.col.w1 { width: 6%; }*/
/*.col.w2 { width: 12%; }*/
/*.col.w3 { width: 18%; }*/
/*.col.w4 { width: 24%; }*/
/*.col.w5 { width: 30%; }*/
/*.col.w6 { width: 36%; }*/
/*.col.w7 { width: 42%; }*/
/*.col.w8 { width: 48%; }*/
/*.col.w9 { width: 54%; }*/
/*.col.w10 { width: 60%; }*/
/*.col.w11 { width: 66%; }*/
/*.col.w12 { width: 72%; }*/
/*.col.w13 { width: 78%; }*/
/*.col.w14 { width: 84%; }*/
/*.col.w15 { width: 90%; }*/
/*.col.w16 { width: 96%; }*/

/* Bootstrap Gallery
-------------------- */

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 0.25rem solid #272428;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

/* Misc .table table
-------------------- */

/*table th { color: #aaa; }*/
/*table th,*/
/*table td { padding: 5px; }*/

/*table.table { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; }*/
/*table.table th { padding-left: 7px; padding-right: 7px; }*/
/*table.table td { padding: 15px 7px; border-bottom: 1px solid #ddd; }*/
/*table.table td.min-width { width: 1%; }*/
/*table.table td p { margin: 0; }*/
/*table.table td input.numerical { width: 50px; margin-right: 5px; text-align: right; }*/
/*table.table tr.no-border td { border: none; }*/
/*table.table tr.thin td { padding-top: 13px; padding-bottom: 0; }*/
/*table.table tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }*/

/* 16x16 Icons
-------------- */

i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }

.icon16.loading { background-image: url('img/spinner24.svg'); background-size: 24px 24px; width: 24px; height: 24px; margin:0 0.25rem 0 0; }
.icon16.rss { background-image: url("img/rss.png"); }
.icon16.facebook { background-image: url("img/facebook.png"); }
.icon16.twitter { background-image: url("img/twitter.png"); }
.icon16.cart { background-image: url('img/cart-full.png'); }
.icon16.cart.empty { background-image: url('img/cart-empty.png'); opacity: 0.6; }

.icon16.userpic20 { background-position: -2px -2px; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 14px; height: 14px; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; }
* i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); }

/* Clear theme layout
--------------------- */

.mobile-only { display: none; }

/*.container { min-width: 650px; !*max-width: 1440px;*! margin: 0 auto; padding: 25px; }*/

.sidebar.left { width: 170px; float: left; }
.sidebar.right { width: 190px; float: right; }
.content.left { margin-left: 200px; }
.content.right { margin-right: 200px; }
.content.right #page { margin-right: 50px; /* extra margin in case page tree is on the right */ }
.sidebar p { line-height: 1.3em; }

.sidebar.left.double { width: 270px; float: left; }
.content.left.double { margin-left: 300px; float: left; }
.sidebar.right.double { width: 270px; float: right; }
.content.right.double { margin-right: 300px; }

.sidebar.left.triple { width: 500px; float: left; }
.content.left.triple { margin-left: 500px; margin-top: 0; }
.sidebar.right.triple { width: 500px; float: right; }
.content.right.triple { margin-right: 500px; margin-top: 0; }

/*.content { padding: 15px 0; margin-top: 2.5em; overflow: hidden; }*/
/*.content.top-padded { padding-top: 50px; }*/

.welcome { text-align: center; font-size: 120%; padding: 50px 0 100px; }
#logotype { height: 3.125rem; border: 0; }
#header { color: #ba7a2c; font-size: 1.125rem; padding-top: 2.625rem; background-color: #141414; padding-bottom: 2rem; }
#header nav .container { align-items: flex-end; min-width: 315px; }
#header a { color: #ba7a2c; font-size: 1.125rem; font-family: 'exo2-light', Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; }
#header .userpic30 { height: 30px; width: 30px; margin: -15px auto; border: 0; }
#header .nav-link:hover { color: #33606b !important; }
#header .navbar-brand { margin-right: 2rem; }
#header .navbar-btn a { color: #ddd; font-size: 0.75rem; }
#header .header-separator { margin: 0 20px; }
/*#header ul { padding-left: 0; margin-bottom: 0; list-style: none; }*/
#header ul.menu-h { padding: 0; margin: 0; }
#header ul.menu-h li { padding-top: 1px; }
#header ul.menu-h li a { display: block; padding: 5px 12px 3px 0; margin-right: 0px; }
#header ul.menu-h li.selected a { background: #000; font-weight: bold; color: #ddd; }
#header .auth a { font-style: italic; font-size: 0.8em; }
#header .auth a { padding-right: 3px !important; }

#header .search { padding-top: 2px; float: right; }
#header .search input { -webkit-appearance: none; background: #555 url("img/search10.png") no-repeat scroll 8px 6px; color: #eee; font-weight: bold; border: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; font-size: 1em; padding: 3px 0px 3px 25px; outline: 0; display: block; margin: 0 15px; }
#header .search input::-webkit-input-placeholder { color: #bbb; font-weight: normal; }
#header .search input:-moz-placeholder,
#header .search input::-moz-placeholder { color: #bbb; font-weight: normal; }
#header .search input:-ms-input-placeholder { color: #bbb; font-weight: normal; }

#banner { background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 165px; padding-bottom: 165px; border-top: 4px solid #000; border-bottom: 4px solid #000;}
#banner h1 {font-family: 'exo2-extraBold', "Lucida Grande", sans-serif; color: #fff; font-size: 2.8125rem; margin-top: 0; margin-bottom: 2rem;}
#banner .text {color: #dfdfdf; font-size: 1rem; font-family: 'AlergiaNormal-regular', "Lucida Grande", sans-serif;}

#main { clear: both; line-height: 1.5; margin: 0; background-color: #0f0f10; color: #969696; }
#main h2 { font-family: "exo2-regular", "Lucida Grande", sans-serif; font-size: 2.5rem; color: #33606b; }
/*#main a, #main a:hover { color: #ba7a2c; text-decoration: underline; }*/
/*#main a:hover { text-decoration: none; }*/
#main .section-header { margin-top: 1.25rem; margin-bottom: 2.5rem; }
#main .context { font-size: 0.875rem; }

.container-main-page { padding-top: 115px; padding-bottom: 115px; }

/*.title { text-align: center; font-size: 200%; text-transform: uppercase; letter-spacing: 0.13em; }*/
/*.title a { text-decoration: none; color: #000; font-weight: bold; }*/
/*.title a:hover { color: #000 !important; }*/
/*.title span { color: #ccc; font-size: 80%; position: relative; top: -0.1em; display: none\9; }*/
/*.title span:after { content: '☆'; }*/
/*h2.title { font-size: 300%; letter-spacing: 0.2em; }*/

.app-navigation { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.0em; margin-top: 2em; }
.app-navigation .static-text { padding: 12px 23px; color: #555; font-weight: bold; }
.app-navigation .schedule { padding: 12px 23px; color: #555; }
.app-navigation ul.menu-h li { margin: 0 !important; }
.app-navigation ul.menu-h li a { text-decoration: none; text-transform: uppercase; padding: 15px 15px 15px 0; color: #777; }
.app-navigation ul.menu-h li.selected a { font-weight: bold; }

.static-pages { float: right; }

.breadcrumbs { padding: 5px 0; }
.breadcrumbs a { color: #777; }
.breadcrumbs span.rarr { color: #ccc; margin: 0 3px; }

.tags { line-height: 2em; min-height: 50px; }
.tags a { color: #25c !important; display: inline !important; padding: 5px 7px !important; }
.tags a:hover { color: red !important; }

/* Last news
------------ */

.blog-post { margin-bottom: 50px; margin-right: 0; display: inline-block; }
.blog-post h3 { font-size: 2em; margin-right: 5px; margin-bottom: 3px; }
.blog-post .credentials { color: #AAA; font-size: .9em; margin-bottom: 5px; }
.blog-post .username { color: #777; padding: 0; display: inline; }

.blog-post .title { font-family: 'exo2-regular', Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.25rem; text-transform: uppercase; }
.blog-post .date { color: #484848; }
.blog-post .title a { color: #33606b; text-decoration: none; }
.blog-post .title a:focus, .blog-post .title a:visited, .blog-post .title a:hover { color: #33606b; text-decoration: none; }
.blog-post .title-delimiter { margin: 0 1rem; }
.blog-post p { font-size: 14px; }
.blog-post-img { float: left; margin-right: 1.875rem; }

.media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.media-body { -ms-flex: 1; flex: 1; }


#footer { font-family: 'exo2-regular', Helvetica, Arial, "Lucida Grande", sans-serif; clear: both; margin-top: 10px; color: #777; padding-bottom: 35px; padding-top: 67px; background: #141414; text-align: center; font-size: 0.875rem; line-height: 1.25rem; }
#footer #sub-links { margin-left: 30px; }
#footer #sub-links ul { list-style: none; padding: 0; margin: 0; }
#footer #sub-links ul li { float: left;  padding: 0 15px 0 0; }
#footer ul { padding: 0; list-style: none; }
#footer ul li { padding: 0; display: block; margin-bottom: 5px; }
#footer .menu-header { font-family: 'exo2-extraBold', Helvetica, Arial, "Lucida Grande", sans-serif; color: #33606b; }
#footer .sub-menu a { color: #ba7a2c; padding: 0.5rem 1rem; text-decoration: underline; font-family: 'AlergiaNormal-regular', Helvetica, Arial, "Lucida Grande", sans-serif; }
#footer .sub-menu a:hover { text-decoration: none; color: #ba7a2c; }
#footer .s-footer-notice { color: #33606b; font-family: 'exo2-light', Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 0; margin-top: 40px; }
#footer #poweredby {  text-align: center; float: right; padding-top: 0; }
#footer #poweredby .dots { font-size: 0.8em; text-decoration: none; display: inline-block; width: 54px; height: 9px; background: url("/wa-content/img/dots/all-dots-default-order.png") no-repeat 0 3px; padding-top: 3px; margin-left: 10px; display: block\9; float: right\9; }

.fade { transition: opacity 0.15s linear; }
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) {
    .fade { transition: none; }
    .collapsing { transition: none; }
}

.content-log-in,
.content-sign-up,
.content-forgot-password {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: center;
    justify-content: center;
}

/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #969696;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/* Bootstrap Buttons
-------------------- */
.btn { font-family: 'exo2-extraBold', "Lucida Grande", sans-serif; color: #000; font-size: 0.75rem; border-radius: 1.625rem; text-transform: uppercase; }
.btn-primary { color: #000; background-color: #287ea8; border-color: #287ea8; background-image: url("img/btn-texture.png"); background-position: center; box-shadow: inset 0 -3px 0 0 #25749b; }
.btn-primary:hover { color: #000; background-color: #2d8cbb; border-color: #2d8cbb; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(37, 116, 155, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { color: #000; background-color: #2d8cbb; border-color: #2d8cbb; opacity: 0.65; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { color: #000; background-color: #2d8cbb; border-color: #2d8cbb; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(37, 116, 155, 0.5); }
.btn-link { color: #969696; }

.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}

.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }

/* Screen readers
----------------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

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

/* Spinners
----------- */
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

/* site profile */
#wa-my-info-edit-wrapper .wa-field {
    margin-bottom: 1rem;
}

#wa-my-info-edit-wrapper .wa-name {
    display: inline-block;
    margin-bottom: .5rem;
}

#wa-my-info-edit-wrapper .wa-value input:not([type="submit"]),
#wa-my-info-edit-wrapper .wa-value textarea {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #dee2e6;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#wa-my-info-edit-wrapper .wa-value textarea {
    height: 4.375em;
}

#wa-my-info-edit-wrapper .wa-value input:not(:disabled):hover,
#wa-my-info-edit-wrapper .wa-value textarea:not(:disabled):hover,
#wa-my-info-edit-wrapper .wa-value input:not([readonly]):hover,
#wa-my-info-edit-wrapper .wa-value textarea:not([readonly]):hover {
    border-color: #888;
}

#wa-my-info-edit-wrapper .wa-value input:not(:disabled):focus,
#wa-my-info-edit-wrapper .wa-value textarea:not(:disabled):focus,
#wa-my-info-edit-wrapper .wa-value input:not([readonly]):focus,
#wa-my-info-edit-wrapper .wa-value textarea:not([readonly]):focus {
    border-color: #fff;
    outline: 0;
}

.breadcrumb {
    background-color: transparent;
    border: 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #dee2e6;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
}

.fixed-page .page {
    margin: 0 auto;
}
.fixed-page p {
    color: #969696;
    font-family: "AlergiaNormal-regular", "Lucida Grande", sans-serif;
    margin-bottom: 0px;
}
.fixed-page a {
    color: #ba7a2c;
    text-decoration: underline;
    font-size: 14px;
    font-family: "AlergiaNormal-regular", "Lucida Grande", sans-serif;
}
.fixed-page img {
    height: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .fixed-page .page {
        width: 800px !important;
    }
}

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    body { font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-text-size-adjust: 100%; }

    h2.title { font-size: 220%; }

    .container { min-width: 0; padding: 15px; }
    .sidebar { padding-top: 0; }
    .sidebar.left { width: 100%; float: none; }
    .sidebar.right { width: 100%; float: none; }
    .content.left { margin-left: 0; }
    .content.right { margin-right: 0; }

    /*#header { margin: 0 0 15px; }*/
    #header .container { padding: 0 0 10px; }
    #header .search { padding: 0; margin: 0 270px 0 0; width: auto; float: none; clear: none; }
    #header .search input { width: 100%; margin-top: 15px; margin-bottom: 10px; }
    #header ul.menu-h li a { padding: 5px 20px 10px; }

    .fixed-page .page{
        width: 800px !important;
    }
}

/* MOBILE
========= */

@media screen and (max-width: 760px) {

    body { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-text-size-adjust: 100%; }
    h1 { font-weight: bold; }
    h2.title { font-size: 1.5em; }
    h3.title { font-size: 1.3em; }

    .mobile-only { display: block; }
    .non-mobile-only { display: none; }

    .block { padding: 10px 0; }
    .top-padded { padding-top: 10px; }

    .container { min-width: 0; padding: 15px; }
    .sidebar { padding-top: 0 !important; }
    .sidebar.left { width: 100% !important; float: none !important; clear: both !important; }
    .sidebar.right { width: 100% !important; float: none !important; clear: both !important; }
    .content.left { margin-left: 0 !important; clear: both !important; }
    .content.right { margin-right: 0 !important; clear: both !important; }

    .content { overflow-x: hidden; }
    .content img { max-width: 100%; height: auto !important; }

    #header .navbar-brand { margin-right: 0; }
    #header .auth { float: none !important; text-align: center; }
    #header .auth ul.menu-h { margin: 0 auto; }
    #header .search { padding: 0; margin: 0; width: 100%; float: none; clear: both; }
    #header .search input { width: 85%; margin-top: 15px; margin-bottom: 10px; }
    #header ul.menu-h li a { padding: 5px 20px 10px; }

    #footer { padding-bottom: 10px; font-size: 0.8em; }
    #footer .container { margin: 0; }
    #footer #copyright { padding-left: 0; }
    #footer #sub-links { margin-left: 0; margin-top: 30px; }
    #footer #sub-links ul li { float: none; margin-bottom: 5px; }
    #footer #poweredby .dots { padding-top: 0; background-position: 0 1px; margin-left: 3px; }

    .app-navigation { padding: 0; position: relative; }
    .app-navigation ul.menu-h li a { padding: 15px 10px 15px 0; }
    .app-navigation .static-text { padding: 15px 20px 15px 0; line-height: 1.1em; }
    .app-navigation .float-right { float: left; /* override for mobile devices */ }

    /* make all dropdown menus unfold vertically */
    ul.menu-h.dropdown li { position: static; }
    ul.menu-h.dropdown li.collapsible { padding-right: 10px; }
    ul.menu-h.dropdown li ul.menu-v { left: 15px; width: 90%; box-shadow: 0 3px 10px rgba(0,0,0,0.3); }
    ul.menu-h.dropdown li ul.menu-v li { position: relative; width: 100%; }
    ul.menu-h.dropdown li ul.menu-v li ul.menu-v { left: 15px; top: 33px !important; width: 93%; }
    ul.menu-h.dropdown li .inner { width: 90%; left: 15px; }
    ul.menu-h.dropdown ul.menu-v li.collapsible { background-image: url('img/darr.png') !important; margin-right: 10px !important; }
    .float-right ul.menu-h.dropdown ul.menu-v { left: inherit; right: inherit; }
    .float-right ul.menu-h.dropdown ul.menu-v li { padding: inherit; margin-left: inherit !important; }
    .float-right ul.menu-h.dropdown ul.menu-v li.collapsible { background-image: url('img/darr.png') !important; background-position: right center; padding-left: 0; margin-right: 10px !important; }
    .float-right ul.menu-h.dropdown ul.menu-v li ul.menu-v { left: 15px; right: inherit; }

    i.icon16 { margin-top: 0; vertical-align: middle; }

    .comment-form-fields label { float: left; }

    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }
    .wa-form .wa-field .wa-value { margin-left: 0; }
    .wa-form .wa-field .wa-value p span { display: block; }
    .wa-form .wa-field .wa-value input[type="text"],
    .wa-form .wa-field .wa-value input[type="email"],
    .wa-form .wa-field .wa-value input[type="password"] { min-width: 200px; }
    .wa-auth-adapters p { width: 80%; }
    .wa-captcha input.wa-captcha-input { width: 100px; }
    .errormsg { margin-left: 0; }

    .blog-post { margin-bottom: 25px; }

    .fixed-page .page {
        width: 100% !important;
    }
    .fixed-page img {
        max-width: 100% !important;
        height: auto;
    }
}

/* WIDE
========= */

@media screen and (min-width: 1300px) {


}

/* FOOTER NOTICE */
/*.s-footer-notice { margin: 1em 0; font-size: .9em; line-height: 1.3em; color: #bbb; text-align: center; }*/
/*.s-footer-notice a { color: inherit; text-decoration: underline; }*/