:root {
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-700: #c2410c;

    --link-color: #f97316; /* orange-500 */
    --link-color-hover: #ea580c;
    --link-color-active: #c2410c;

    --text-color: #171717; /* neutral-900 */

    --primary-button-color: var(--orange-500);
    --primary-button-hover-color: var(--orange-600);

    --border-radius: 10px;

    --color-black: #18191F;
    --color-gray-800: #474A57;
    --color-gray-700: #969BAB;
    --color-gray-300: #9FA4B4;
    --color-gray-200: #EEEFF4;
    --color-gray-100: #F4F5F7;
    --color-white: #FFFFFF;

    --color-blue: #1947E6;
    --color-blue-800: #8094FF;
    --color-blue-100: #E9E7FC;

    --color-pink: #FF89BB;
    --color-pink-800: #FF89BB;
    --color-pink-200: #FFF3F8;

    --color-yellow: #FFBD12;
    --color-yellow-800: #FFD465;
    --color-yellow-100: #FFF4CC;

    --color-green: #00C6AE;
    --color-green-800: #61E4C5;
    --color-green-100: #D6FCF7;

    --color-red: #F95A2C;
    --color-red-800: #FF9692;
    --color-red-100: #FFE8E8;
}

/*!
 * 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 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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
}

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

    pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
    }

    thead {
    display: table-header-group
    }

    tr, img {
    page-break-inside: avoid
    }

    img {
    max-width: 100% !important
    }

    p, h2, h3 {
    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 th, .table-bordered td {
    border: 1px solid #ddd !important
    }
}

* {
    box-sizing: border-box
}

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

html {
    font-size: 14px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff
}

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

a {
    color: #337ab7;
    text-decoration: none
}

a:hover, a:focus {
    color: var(--link-color);
    text-decoration: underline
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    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
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    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: normal;
    line-height: 1;
    color: #777
}

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

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

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

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

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

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

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

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

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

.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
}

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

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

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

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

.bg-primary {
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

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

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

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

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

blockquote footer:before, blockquote small: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
}

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

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

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

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

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    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;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

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

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
    width: 750px
    }
}

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

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

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

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

.container-fluid:after {
    clear: both
}

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

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

.row:after {
    clear: both
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.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-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    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-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    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%
    }
}

table {
    background-color: transparent
}

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

th {
    text-align: left
}

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

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    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 > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

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

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

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

.table-bordered {
    border: 1px solid #ddd
}

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

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

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

.table-hover > tbody > tr:hover {
    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 > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

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

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

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

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

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

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

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

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

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

.table-responsive {
    overflow-x: auto;
    min-height: 0.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 > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap
    }

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

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

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

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

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

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

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

input[type="file"] {
    display: block
}

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

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

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

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

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

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

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

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

.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
}

input[type="search"] {
    -webkit-appearance: none
}

@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[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] {
    line-height: 30px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    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:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

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

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

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

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    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:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

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

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

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

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

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

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

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.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 {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.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
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    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, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

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

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

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

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

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

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

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

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

.open > a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.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 .caret {
    margin-left: 0
}

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

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

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

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

.nav:after {
    clear: both
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    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:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none
}

.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
}

@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, .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.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .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.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff
    }
}

.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:before, .navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
    border-radius: 4px
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
    float: left
    }
}

.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, 0.1);
    -webkit-overflow-scrolling: touch
}

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

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .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-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0
    }
}

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

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px
    }
}

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
    border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0
    }
}

.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 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .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;
    background-image: none;
    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
}

@media (min-width: 768px) {
    .navbar-toggle {
    display: none
    }
}

.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 > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
    float: left;
    margin: 0
    }

    .navbar-nav > li {
    float: left
    }

    .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px
    }
}
.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-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    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
    }
}

@media (min-width: 768px) {
    .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:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    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:hover, .navbar-default .navbar-nav > .open > a:focus {
    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:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    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:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    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:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    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
}

.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:before, .pager:after {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.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:hover, .pager li > a:focus {
    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:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .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:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.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 {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #337ab7
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

@-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
    }
}




.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    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, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    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:before, .modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.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:before, .modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.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 {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
    width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
    width: 900px
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.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
}

.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, 0.25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.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, 0.25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    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, 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, 0.25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

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

.clearfix:after {
    clear: both
}

.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
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
    display: block !important
    }

    table.visible-xs {
    display: table !important
    }

    tr.visible-xs {
    display: table-row !important
    }

    th.visible-xs, td.visible-xs {
    display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
    display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
    display: inline !important
    }
}

@media (max-width: 767px) {
    .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
    }

    th.visible-sm, td.visible-sm {
    display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
    display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
    display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .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
    }

    th.visible-md, td.visible-md {
    display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
    display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
    display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .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
    }

    th.visible-lg, td.visible-lg {
    display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
    display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
    display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
    display: inline-block !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
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
    display: none !important
    }
}

* {
    margin: 0;
    padding: 0
}

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

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

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

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

.no-scroll {
    overflow: hidden
}

.swiper-button-next {
    outline: none
}

.rating-icon {
    display: inline-block;
    width: 5px;
    height: 13px
}

.rating-icon-up {
    background-image: url(/images/img/rating-up-icon.png)
}

.rating-icon-down {
    background-image: url(/images/img/rating-down-icon.png)
}

.more-link-icon {
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url(/images/img/more-link-icon.png);
    background-repeat: no-repeat;
    background-position: 0 1px
}

.lk-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images/img/lk-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -2px;
    margin-right: 3px
}

.register-icon {
    display: inline-block;
    width: 17px;
    height: 18px;
    background-image: url(/images/img/register-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -2px;
    margin-right: 3px
}


.profile-info-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/images/img/profile-info-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -1px;
    cursor: pointer
}

.profile-timer-icon {
    display: inline-block;
    width: 24px;
    height: 26px;
    background-image: url(/images/img/profile-timer-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -6px
}

.profile-lk-icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(/images/img/profile-lk-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -5px
}

.profile-statistic-icon {
    display: inline-block;
    width: 24px;
    height: 28px;
    background-image: url(/images/img/profile-statistic-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -5px
}

.profile-team-icon {
    display: inline-block;
    width: 26px;
    height: 28px;
    background-image: url(/images/img/profile-team-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -5px;
    margin-right: 10px
}

.profile-big-info-icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(/images/img/profile-big-info-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -1px;
    cursor: pointer
}

.acted {
    font-size: 15px !important;
    color: #96c11f !important;
    text-decoration: none;
    font-family: 'TrebuchetMSBold'
}

.acted > a {
    font-size: 15px !important;
    color: #96c11f !important;
    text-decoration: none;
    font-family: 'TrebuchetMSBold'
}

.acted .header-menu-submenu__wrapper > a {
    font-size: 15px !important;
    color: #96c11f !important;
    text-decoration: none;
    font-family: 'TrebuchetMSBold'
}

body {
    line-height: 20px;
    font-family: trebuchet MS;
    font-size: 14px;
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    color: #000000;
    background: #FFFFFF
}

input[type="email"], input[type="text"], input[type="password"], select, textarea {
    font-size: 14px;
    border: 1px solid #CCCCCC
}

.clear {
    clear: both;
    float: none !important;
    height: 0 !important;
    margin: 0 !important;
    font-size: 1px
}

a, .href {
    outline: none;
    cursor: pointer;
    text-decoration: underline;
    color: var(--link-color);
}

a:hover, .href:hover {
    color: var(--link-color-hover);
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

a:focus {
    text-decoration: none
}

u {
    text-decoration: none
}

pre {
    white-space: pre-wrap
}

a img {
    border: 0
}

ul li {
    list-style: none
}

table {
    border-collapse: collapse
}

button {
    cursor: pointer
}

input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #518ffc
}

textarea {
    border: 1px solid #B4B4B4;
    font: 18px trebuchet ms;
    height: 200px;
    resize: vertical;
    width: 100%
}

textarea:focus {
    border: 1px solid #518ffc
}

h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 7px;
    line-height: 40px;
    font-family: 'Cuprum', sans-serif
}

h2 {
    float: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    width: 100%;
    font-family: 'Ubuntu Condensed', sans-serif
}

h2.transH {
    font-size: 40px;
    font-family: 'Cuprum', sans-serif;
    font-weight: bold;
    line-height: 48px;
    margin: 70px 0 7px;
    float: none
}

h3 {
    float: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    width: 100%;
    font-family: 'Cuprum', sans-serif
}

h4 {
    font: bold 24px/36px trebuchet ms;
    margin: 0 0 17px
}

h5 {
    font: 18px/24px trebuchet ms
}

h6 {
    font: 16px/20px trebuchet ms
}

p {
    line-height: 18px
}

.wrap {
    width: 960px;
    margin: 0 auto
}

.header {
    height: 120px;
    width: 100%;
    background: url("/images/tpl/bgr_1sep.jpg") no-repeat scroll center 0 transparent;
    padding: 18px 0 0;
    min-width: 960px
}

.mainheader {
    height: 490px;
    width: 100%;
    background: url("/images/tpl/mainbgr2_1sep.jpg") no-repeat scroll center 0 transparent
}

.header a {
    color: #fef374
}

.headregme a:link {
    text-decoration: none;
    text-shadow: 0 1px 1px #66903d
}

.header a:hover {
    color: #e7a324
}

.leftheader {
    float: left;
    width: 690px;
    height: 75px
}

.rightheader {
    float: left;
    width: 270px;
    text-align: right;
    font-size: 12px;
    margin-top: -2px
}

.logo a:link, .logo a:visited {
    text-decoration: none;
    font: bold 32px trebuchet ms;
    color: #ffffff
}

.topmenu {
    float: left
}

.mainheader .topmenu {
    position: relative;
    top: 2px;
    margin: 0
}

.topmenu li {
    float: left;
    margin: 0 40px 0 0;
    padding-bottom: 3px;
    font: bold 18px trebuchet ms
}

.cab {
    font-style: italic
}

.askhead {
    float: left;
    margin: 20px 0 0 15px
}

.key {
    background: url("/images/tpl/key.png") no-repeat scroll 0 2px transparent;
    float: right;
    font: 14px trebuchet ms;
    padding: 3px 0 0 23px
}

.key span {
    color: #fef374;
    text-shadow: 0 1px 1px #66903d;
    cursor: pointer
}

.keyone:hover .key span {
    color: #ffffff
}

.keyone {
    float: right;
    *width: 174px
}

.headregme {
    background: url("/images/tpl/regme.png") no-repeat scroll 0 3px transparent;
    float: right;
    font: 16px/22px Myriad Pro;
    padding: 0 0 0 25px;
    text-align: left;
    width: 161px
}

.headregme a {
    color: #fff
}

.headregme a:hover {
    color: #fef374
}

.headcab .headregme {
    position: relative;
    background: none
}

.headcab .headregme:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 2px;
    width: 19px;
    height: 15px;
    background: url(/images/tpl/sprites1.png) 71px 82px
}


.main {
    min-height: 400px
}

.lcol {
    float: left;
    margin: 15px 70px 20px 0;
    width: 200px
}

.someblock h4 {
    font-family: 'Cuprum', sans-serif;
    font-size: 22px;
    margin: 17px 0 3px 15px
}

.maincol {
    float: left;
    width: 690px;
    margin: 15px 0 0
}

.blockcont ul {
    margin: 0 0 0 5px
}

.blockcont li {
    float: left;
    width: 100%
}

.blockcont li span {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.blockcont li i {
    float: right;
    margin: 3px 10px 0 0;
    font-family: 'PT Sans';
    font-size: 14px;
    font-style: normal;
    color: #818181
}

.blockcont .actlcol span {
    color: #ffffff
}

.blockcont .actlcol i {
    font: bold 14px trebuchet MS
}

.blockcont li div {
    padding: 4px 8px 5px;
    float: left;
    font: 14px trebuchet ms
}

.blockcont li.actlcol div {
    background: #ed7d33;
    color: #ffffff
}

.footer {
    float: left;
    width: 100%;
    padding: 35px 0 10px
}

.monthcont {
    width: 635px
}

.monthcont h2 {
    font-size: 24px;
    font-family: 'Ubuntu Condensed', sans-serif;
    margin: 15px 0 10px
}

.monthcont h2 span {
    color: #c2c2c2
}

.eventcont + h2 {
    margin: 20px 0 10px
}

.eventone {
    margin: 15px 0 0;
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid #e1e1e1
}

.eventL {
    float: left;
    width: 480px;
    padding-right: 20px
}

.eventL h5 {
    margin: 0 0 8px;
    font: 18px trebuchet ms;
    line-height: 24px
}

.eventR {
    float: left
}

.choosenone {
    float: left;
    margin: 9px 16px 0 4px;
    width: 28px
}

.eventdate {
    float: left;
    width: 115px;
    margin: 10px 0 0
}

.eventdate span {
    background: none repeat scroll 0 0 #A5BBC4;
    color: #FFFFFF;
    float: left;
    margin: 7px 0 0;
    padding: 1px 5px;
    text-align: center;
    width: 100%
}

.archive {
    float: right;
    margin: -40px 0 0
}

.newsone {
    float: left
}

.imgcont {
    float: left;
    margin: 3px 30px 10px 0
}

.newsdate {
    color: #575757;
    font: 14px TrebuchetMS;
    margin: 0 0 5px
}

.newsone h3 {
    width: auto;
    float: none;
    font: bold 14px TrebuchetMS;
    margin: 0 0 10px
}

.newscol {
    float: left;
    width: 690px
}

.newscont {
    margin: 48px 0 0
}

.news-block {
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    margin-top: 12px;
    overflow: hidden
}

.news-block img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

.newsdate {
    font-family: 'TrebuchetMSBold';
    font-weight: bold;
    color: #909090;
    text-align: right;
    font-size: 12px
}

.news-block-content {
    padding: 10px 15px
}

.news-block-title a {
    font-family: 'TrebuchetMSBold';
    font-weight: bold;
    color: #000;
    font-size: 16px
}

.news-notice {
    font-family: 'TrebuchetMSBold';
    font-size: 12px !important;
    color: #909090;
    width: 100%;
    text-overflow: ellipsis;
    padding-bottom: 50px
}

.news-notice * {
    font-family: "TrebuchetMSBold" !important;
    font-size: 12px !important;
    color: #909090 !important;
    font-size: 12px !important
}

.newscol .pagenav {
    margin-left: 10px;
    margin-bottom: 15px
}

.newscol .pagenav li {
    background: #fff;
    margin: 0 5px
}

.newscol .pagenav li a {
    font-family: 'TrebuchetMSBold';
    color: #909090;
    font-weight: bold
}

.newscol .pagenav li a.selected {
    color: #ed7d33
}

.newscol .pagenav .navarrow {
    display: none
}

.newscol .pagenav .bounds {
    display: inline !important
}

.newsone {
    display: flex;
    position: relative
}

.newscont .row {
    display: flex;
    flex-wrap: wrap
}

.news-more-btn {
    display: block;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff !important;
    padding: 5px 20px;
    background: #96C11F;
    border-radius: 4px;
    height: auto;
    border: none;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    margin-top: 10px
}

.news-more-btn:hover {
    color: #fff;
    background: #9ECB22 !important
}

.rcol {
    float: right;
    margin: 40px 0 0;
    width: 180px
}

.rightmenu {
    font: 14px trebuchet ms
}

.rightmenu li {
    margin: 0 0 18px
}

.someblockR {
    float: left;
    margin: 0 0 30px;
    width: 100%
}

.playme {
    cursor: pointer;
    margin: 37px 0 0
}

.playme a {
    text-decoration: none
}

.playme div {
    float: left;
    margin: 0 0 5px
}

.playme span {
    border-bottom: 1px dashed #ED7D33;
    color: #000;
    line-height: 22px;
    margin: 5px 0
}

.playme i {
    color: #4d4d4d;
    font-style: normal;
    font-family: 'Cuprum';
    font-size: 14px;
    display: none
}

.eventcolL {
    width: 690px;
    float: left
}

.backone {
    margin: 2px 0 12px 0;
    font: 14px trebuchet ms
}

.eventcolL .backone + h1 {
    margin: 0 0 7px
}

.eventcolR {
    width: 270px;
    float: left
}

.calcL {
    width: 290px;
    float: left
}

.calcR {
    width: 220px;
    float: left;
    margin: -3px 0 0 80px
}

.calcR h6 {
    font: bold 16px trebuchet ms;
    margin: 0 0 10px
}

.quantcont {
    width: 100px;
    float: left
}

.calcminus {
    background: url("/images/tpl/plusminus.png") no-repeat scroll 0 -40px transparent;
    height: 40px;
    width: 21px;
    float: left;
    cursor: pointer
}

.calcinput {
    width: 38px;
    height: 38px;
    float: left
}

.calcinput input {
    width: 38px;
    height: 39px;
    box-sizing: border-box;
    padding: 4px 0;
    font-family: 'PT Sans';
    font-size: 24px;
    text-align: center;
    border: 1px solid #CCCCCC
}

.calcplus {
    background: url("/images/tpl/plusminus.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    width: 21px;
    float: left;
    cursor: pointer
}

.calcL h5 {
    font: 14px/14px trebuchet ms;
    margin: 0 0 14px
}

.eventcolL p {
    font-size: 14px;
    font-style: italic;
    margin: 24px 0 0;
    width: 625px
}

.sumcont {
    float: left;
    font-size: 30px;
    line-height: 36px;
    font-family: 'PT Sans'
}

.xone {
    float: left;
    font-family: 'PT Sans';
    font-size: 18px;
    margin: 50px 0 0;
    padding: 0 0 0 5px;
    width: 25px
}

.totalcont h5 {
    margin: 0 0 3px
}

.letscalc {
    width: 290px;
    border-top: 1px solid #aaaaab;
    float: left;
    margin: 18px 0 0;
    padding: 8px 0 0
}

.totalcont {
    font-size: 36px;
    line-height: 42px;
    font-family: 'PT Sans';
    font-weight: bold;
    white-space: nowrap
}

.totalsubmit {
    margin: 15px 0 0 1px
}

.totalsubmit .ineednextstep {
    background: url("/images/tpl/order.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 51px;
    width: 218px;
    float: left
}

.totalsubmit .ineednextstep:hover {
    background: url("/images/tpl/order.png") no-repeat scroll 0 -51px transparent
}

.members {
    width: 135px;
    float: left
}

.costperone {
    width: 80px;
    float: left
}

.pricing {
    float: left;
    margin: 4px 0 0
}

.pricing div img {
    margin: 0 0 4px
}

.pricing div div {
    font-family: 'PT Sans';
    font-size: 14px;
    color: #696969;
    margin: 0 0 2px
}

.pricing div .curprice {
    font-weight: bold;
    color: #000000
}

.autumn {
    background: url("/images/tpl/times.png") no-repeat scroll 0 0 transparent;
    width: 74px;
    height: 74px;
    margin: 3px auto 16px
}

.spring {
    background: url("/images/tpl/times.png") no-repeat scroll 0 -148px transparent;
    width: 74px;
    height: 74px;
    margin: 3px auto 16px
}

.summer {
    background: url("/images/tpl/times.png") no-repeat scroll 0 -222px transparent;
    width: 74px;
    height: 74px;
    margin: 3px auto 16px
}

.winter {
    background: url("/images/tpl/times.png") no-repeat scroll 0 -74px transparent;
    width: 74px;
    height: 74px;
    margin: 3px auto 16px
}

.ithappens {
    float: left;
    margin: 78px 0 83px;
    text-align: center;
    width: 100%
}

.ithappens.no_top_margin {
    margin-bottom: 30px
}

.ithappens span {
    color: #737373;
    font: 14px trebuchet ms
}

.ithappens p {
    font: 14px/14px trebuchet ms;
    margin: 0 0 7px
}

.ithappens b {
    font: bold 16px trebuchet ms
}

.listone {
    margin: 0 0 18px;
    text-align: center;
    float: left;
    width: 100%
}

.toforum {
    font: 18px trebuchet ms;
    margin: 20px 0 0
}

.toforumcont {
    float: left;
    margin: 18px 0;
    text-align: center;
    width: 100%
}

.letscontent {
    float: left;
    width: 100%;
    font-size: 16px
}

.letscontent h2 {
    font-family: 'Ubuntu Condensed';
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 30px
}

.letscontent h3 {
    font-family: 'Ubuntu Condensed';
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 12px
}

.letscontent p {
    font-style: normal;
    margin: 0 0 22px;
    font-size: 16px
}

.letscontent table {
    border: 0;
    width: 100%;
    margin: 0 0 35px
}

.letscontent td {
    font: bold 18px trebuchet ms;
    vertical-align: top;
    width: 90px
}

.letscontent td + td {
    font: 14px trebuchet ms;
    padding: 3px 0 5px;
    width: auto
}

.letscontent ol, .letscontent ul {
    margin: 0 0 22px;
    padding-left: 30px
}

.eventsubcol {
    float: left;
    width: 100%;
    margin: 50px 0 20px
}

.arclinks {
    float: left;
    margin: 9px 0 17px
}

.arclinks h6 {
    font: bold 16px trebuchet ms;
    margin: 0 0 6px
}

.arcR {
    margin: 77px 0 0;
    text-align: right
}

.arcR div {
    font: bold 14px trebuchet ms;
    margin: 11px 0 15px
}

.breadcrumbs {
    color: #e76c21;
    font-size: 14px;
    font-family: 'PT Sans';
    margin: 20px 0 35px
}

.preh1 {
    float: left;
    font-size: 24px;
    font-weight: normal;
    width: 100%;
    font-family: 'Cuprum', sans-serif
}

.lookresL {
    float: left;
    width: 810px
}

.lookresR {
    float: left;
    width: 150px
}

.breadcrumbs a {
    padding: 0 8x 0 0
}

.breadcrumbs a + a {
    padding: 0 8px
}

.minidesc {
    float: left;
    margin: 25px 0 30px;
    width: 100%
}

.minidescL {
    float: left;
    font: italic 14px trebuchet ms;
    margin: 16px 0 0;
    width: 375px
}

.minidescR {
    float: right;
    font: 14px trebuchet ms;
    margin: 0 68px 0 0;
    text-align: center
}

.minidescR div {
    margin: 0 0 6px
}

.cabmenu {
    width: 170px;
    margin: 12px 0 0 3px
}

.cabmenu--mod {
    display: none
}

.cabgreen {
    background: url("/images/tpl/cabgreen.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    width: 169px
}

.cabgreen.acted, .cabgreen:hover {
    background: url("/images/tpl/cabgreen.png") no-repeat scroll 0 -48px transparent
}

.cabgreen a {
    color: #FFFFFF;
    display: block;
    font: 18px trebuchet ms;
    height: 35px;
    padding: 13px 0 0;
    text-align: center;
    width: 169px
}

.cabgrey {
    background: url("/images/tpl/cabgrey.png") no-repeat scroll 0 0 transparent;
    width: 167px;
    height: 35px;
    margin: 0 auto
}

.cabgrey.acted, .cabgrey:hover {
    background: url("/images/tpl/cabgrey.png") no-repeat scroll 0 -35px transparent
}

.cabgrey.acted a {
    color: #000000;
    text-decoration: none
}

.cabgrey a {
    display: block;
    height: 28px;
    padding: 7px 0 0 25px;
    text-align: left;
    width: 142px;
    font-size: 14px;
    white-space: nowrap
}

.choosen {
    margin: 32px 0 0
}

.choosen a {
    background: url("/images/tpl/goldstar.png") no-repeat scroll 14px 10px transparent;
    padding: 7px 0 0 35px;
    width: 132px
}

.onbonus {
    font: 14px trebuchet ms;
    margin: 20px 0 0 14px
}

.onbonus span {
    font-family: 'PT Sans', sans-serif;
    font-size: 24px
}

.askcont {
    margin: 60px 0 0 8px
}

.askH {
    background: url("/images/tpl/ask.png") no-repeat scroll 0 0 transparent;
    padding: 2px 0 2px 30px;
    font: italic 16px trebuchet ms;
    margin: 0 0 16px
}

.askmenu div {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 11px;
    padding: 0 0 0 30px
}

.allquest {
    padding: 0 0 0 30px;
    color: #ed7d33
}

.monthcontwide {
    width: 100%;
    margin-top: 12px
}

.mydate {
    font: 16px trebuchet ms
}

.myeventcont {
    float: left;
    margin: 0 0 0;
    width: 100%
}

.myeventone {
    float: left;
    margin: 10px 0 0;
    width: 100%
}

.myeventL {
    float: left;
    width: 460px;
    margin: 14px 0 0
}

.myeventL h6 {
    margin: 0 0 8px;
    font: bold 16px/24px trebuchet ms
}

.myeventL h6 a {
    width: 300px
}

.myeventR {
    float: left;
    width: 230px
}

.myeventhr {
    background: none repeat scroll 0 0 #CECECE;
    float: left;
    height: 1px;
    margin: 20px 10px 10px 5px;
    width: 675px
}

.superH {
    font-size: 48px;
    margin: 10px 0 26px;
    font-family: Montserrat;
    font-weight: 800;
}

.confirmblock {
    float: left;
    width: 230px;
    margin: 12px 0 0
}

.setmembers {
    background: url("/images/tpl/selmembers.png") no-repeat scroll 0 0 transparent;
    width: 196px;
    height: 38px;
    float: left;
    cursor: pointer;
    margin: 10px 0 0;
    font: bold 14px trebuchet ms;
    color: #f1670b
}

.setmembers:hover {
    background: url("/images/tpl/selmembers.png") no-repeat scroll 0 -38px transparent;
    color: #ffffff
}

.setmembers span {
    display: block;
    padding: 10px 0 0;
    width: 196px;
    height: 28px;
    text-align: center
}

.myeventcont + h3 {
    margin: 18px 0 0
}

.someblockR .archive {
    margin: 50px 0 0
}

.cabL {
    float: left;
    width: 800px;
    margin: 0 0 0
}

.cabR {
    float: left;
    width: 160px;
    margin: 70px 0 0
}

.letskvit h4 {
    font-family: 'PT Sans';
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px
}

.totalsum {
    font-family: 'PT Sans';
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 23px
}

.letskvit {
    margin: 30px 0 0;
    float: left;
    width: 100%;
    font-size: 12px
}

.getkvit {
    margin: 19px 0 0;
    float: left
}

.tocab {
    font: 18px trebuchet ms;
    color: #bc6804;
    margin: 47px 0 0
}

.cabL h1 {
    font-size: 40px;
    margin-top: 70px
}

.cabL .backone + h1 {
    font-size: 40px;
    margin-top: 0
}

.cabL .backone {
    margin: 37px 0 15px 2px
}

.cabL h1 span {
    font-family: 'PT Sans';
    font-size: 35px;
    font-weight: normal
}

.kvitdesc {
    font-style: italic;
    margin: 40px 0 0
}

.radiomode {
    margin: 0 0 0 6px
}

.radiokvit {
    float: left;
    width: 100%;
    margin: 40px 0 0
}

.radiomode label {
    font-size: 24px;
    margin: 0 0 7px 10px;
    line-height: 36px
}

.radiocrate {
    margin: 7px 0 56px 26px
}

.radiocrate input[type="email"], .radiocrate input[type="text"], .radiocrate input[type="password"], .radiocrate select {
    font-size: 24px;
    margin: 0 0 5px;
    padding: 3px 5px;
    width: 286px
}

.radiocrate input[type="file"] {
    font-size: 16px;
    margin: 0 0 5px;
    width: 286px
}

.greensubmit {
    margin: 30px 0 0 300px
}

.greensubmit input {
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-family: 'Cuprum', sans-serif;
    border: none
}

.printkvit {
    float: right;
    width: 160px;
    margin: 92px 0 0
}

.printkvit a {
    background: none repeat scroll 0 0 #F2F0F0;
    border: 1px solid #B7B6B6;
    color: #E95D00;
    float: right;
    font-family: 'PT Sans';
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 9px;
    text-align: center;
    text-decoration: none;
    width: 160px
}

.printkvit a:hover {
    background: none repeat scroll 0 0 #ED7D33;
    color: #FFFFFF;
    border: 1px dashed #ED7D33
}

h1.editH {
    font-size: 36px;
    margin: 66px 0 24px
}

.bigform {
    float: left;
    margin: 40px 0 0 0
}

.bigform label {
    float: left;
    margin: 8px 18px 0 0;
    text-align: right;
    width: 258px
}

.bigform input[type="email"], .bigform input[type="text"], .bigform input[type="password"] {
    float: left;
    width: 338px
}

.bigform .radiocrate {
    padding: 7px 0 30px 26px;
    margin: 0
}

.bigform.editform {
    margin-left: -83px;
    margin-left: 0
}

.bigform.editform .radiocrate {
    padding: 7px 0 30px 0;
    margin: 0
}

.bigform.editform label {
    float: left;
    margin: 8px 18px 0 0;
    text-align: right;
    width: 150px
}

.radiocrate h5 {
    float: left;
    margin: 8px 18px 0 0;
    text-align: right;
    width: 258px;
    font: bold 14px trebuchet ms
}

.breadsteps {
    float: left;
    width: 100%;
    margin: 40px 0 20px
}

.breadsteps .greybread {
    background: url("/images/tpl/steps.png") repeat-x scroll 0 -116px transparent;
    height: 29px;
    float: left;
    cursor: pointer
}

.breadsteps .greybread div {
    background: url("/images/tpl/steps.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    float: left;
    width: 9px
}

.breadsteps .greybread + .greybread div {
    background: url("/images/tpl/steps.png") no-repeat scroll 0 -174px transparent;
    float: left;
    height: 29px;
    width: 19px
}

.breadsteps .currbread {
    background: url("/images/tpl/steps.png") repeat-x scroll 0 -145px transparent;
    height: 29px;
    float: left
}

.breadsteps .currbread div {
    background: url("/images/tpl/steps.png") no-repeat scroll 0 -29px transparent;
    float: left;
    height: 29px;
    width: 19px
}

.breadsteps .currbread + .transbread div {
    background: url("/images/tpl/steps.png") repeat-x scroll 0 -58px transparent;
    height: 29px;
    float: left
}

.breadsteps .transbread {
    background: none;
    height: 29px;
    float: left
}

.breadsteps .transbread div {
    background: url("/images/tpl/steps.png") no-repeat scroll 0 -87px transparent;
    float: left;
    height: 29px;
    width: 19px
}

.breadsteps .greybread span {
    text-decoration: underline;
    color: #ed7d33;
    padding: 3px 0 0;
    float: left
}

.breadsteps .currbread span {
    color: #ffffff;
    padding: 3px 0 0 5px;
    float: left
}

.breadsteps .transbread span {
    color: #7d7d7d;
    padding: 3px 0 0 5px;
    float: left
}

.breadsteps .greybread + .greybread span {
    padding: 3px 0 0 5px
}

.confirminfo {
    width: 850px;
    margin: 100px 0 50px;
    float: left
}

.confone {
    width: 100%;
    float: left
}

.confL {
    float: left;
    width: 300px;
    text-align: right
}

.confR {
    float: right;
    width: 530px;
    margin: 0 0 20px 20px;
    font: 18px trebuchet ms
}

.superprice {
    font-size: 24px;
    float: left;
    margin: 0 20px 0 0
}

.confR .confRit {
    float: left;
    width: 100%;
    margin: 0 0 5px
}

.smartruble {
    font-style: normal;
    font-family: 'PT Sans'
}

.smallone {
    font-size: 14px
}

.superprice + p {
    margin: 8px 0 0
}

.lastconfone {
    margin: 100px 0 0
}

.scheme {
    position: relative;
    height: 700px;
    width: 100%
}

.arr12 {
    background: url("/images/tpl/arrows.png") no-repeat scroll 0 -12px transparent;
    height: 55px;
    left: 203px;
    position: absolute;
    top: 90px;
    width: 72px
}

.arr23 {
    background: url("/images/tpl/arrows.png") no-repeat scroll -95px -9px transparent;
    height: 62px;
    left: 450px;
    position: absolute;
    top: 106px;
    width: 69px;
    z-index: 0
}

.arr34 {
    background: url("/images/tpl/arrows.png") no-repeat scroll -196px 0 transparent;
    height: 81px;
    left: 551px;
    position: absolute;
    top: 322px;
    width: 23px
}

.arr45 {
    background: url("/images/tpl/arrows.png") no-repeat scroll -296px -16px transparent;
    height: 55px;
    left: 438px;
    position: absolute;
    top: 485px;
    width: 78px
}

.arr52 {
    background: url("/images/tpl/arrows.png") no-repeat scroll right 0 transparent;
    height: 257px;
    left: 326px;
    position: absolute;
    top: 228px;
    width: 23px
}

.point1 {
    left: 107px;
    position: absolute;
    top: 184px;
    width: 200px;
    z-index: 10
}

.point2 {
    left: 311px;
    position: absolute;
    top: 64px;
    width: 200px;
    z-index: 10
}

.point3 {
    left: 527px;
    position: absolute;
    top: 185px;
    width: 200px;
    z-index: 10
}

.point4 {
    left: 528px;
    position: absolute;
    top: 419px;
    width: 200px;
    z-index: 10
}

.point5 {
    left: 311px;
    position: absolute;
    top: 514px;
    width: 180px;
    z-index: 10
}

.pointnumber {
    margin: 0 0 13px;
    background: url("/images/tpl/number.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font: 36px trebuchet ms;
    height: 49px;
    padding: 4px 0 0;
    text-align: center;
    width: 53px;
    clear: both
}

.scheme a:hover .pointnumber {
    margin: 0 0 13px;
    background: url("/images/tpl/number.png") no-repeat scroll 0 -53px transparent
}

.scheme > div a {
    text-decoration: none
}

.scheme > div a b {
    float: left;
    width: 100%;
    text-decoration: underline;
    font-size: 20px
}

.howtopar p {
    font-size: 14px;
    font-style: italic;
    margin: 8px 20px 0 0;
    width: auto
}

.howtopar .scheme p {
    font-size: 14px;
    font-style: normal;
    margin: 0 0 0 0;
    width: auto;
    color: #606060
}

.somes {
    float: left;
    margin: 60px 0 20px;
    width: 100%
}

.somes a {
    float: left;
    margin: 0 0 0 39px;
    text-align: center
}

.somes a + a {
    margin: 0 0 0 25px
}

.somes a img {
    margin: 0 0 18px
}

.eventcolL h1 u {
    color: #6a8e00;
    text-decoration: none
}

.eventcolL h1 + h2 {
    margin: 10px 0 9px
}

.superform {
    overflow: hidden;
    background: #d9dde0;
    border-top: 2px solid #bdbfc1;
    margin: 25px 0 20px;
    padding: 0 0 16px;
    min-width: 960px
}

.sforms {
    float: left;
    margin: 10px 0 0;
    position: relative;
    width: 960px
}

.widesforms {
    float: left;
    width: 2000px;
    overflow: hidden
}

.smallgreenlink {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #639B00;
    color: #FFFFFF;
    display: block;
    height: 21px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none
}

.smallgreenlink:hover {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -154px transparent;
    border: 1px solid #df6419
}

.smallgreenlink a {
    color: #ffffff;
    text-decoration: none
}

.smallgreylink {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -77px transparent;
    border: 1px solid #c6c4c4;
    color: #f1670b;
    display: block;
    height: 21px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer
}

.smallgreylink:hover {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -154px transparent;
    border: 1px solid #df6419;
    color: #ffffff
}

.smallgreylink a {
    color: #f1670b;
    text-decoration: none
}

.sforms h2 {
    margin: 18px 0 0
}

.biggreenlink {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -33px transparent;
    border: 1px solid #639B00;
    color: #fff !important;
    display: block;
    float: left;
    font: 16px/28px trebuchet MS;
    height: 32px;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.biggreenlink_kz {
    line-height: 17px;
    margin-top: 10px
}

.biggreenlink_kz.app-task-download {
    line-height: 17px
}

.downloadtask .biggreenlink.biggreenlink_kz {
    height: inherit
}

.task_kz_memo {
    font-size: 12px;
    display: block
}

.biggreylink {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -110px transparent;
    border: 1px solid #c6c4c4;
    color: #ed7d33;
    display: block;
    float: left;
    font: 16px/28px trebuchet MS;
    height: 32px;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.biggreylink:hover {
    background: url("/images/tpl/buttonpack.png") no-repeat scroll 0 -187px transparent;
    border: 1px solid #df6419;
    color: #FFFFFF
}

.subregrem .biggreenlink {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    font-family: 'Cuprum', sans-serif
}

.nonteachers {
    color: transparent
}

.nextstep {
    float: left;
    width: 170px
}

.sforms label {
    font-style: italic
}

.sforms input[type="text"], .sforms select {
    margin: 5px 0 0;
    padding: 5px 0;
    width: 215px;
    font-size: 22px;
    font-family: 'PT Sans'
}

.sforms .smallinput input[type="text"] {
    width: 60px
}

[rel="msw2"] .smallinput + div.swtext {
    width: 115px
}

.inputone {
    float: left;
    margin: 0 35px 10px 0
}

.preinputone {
    float: left;
    margin: 17px 0 0 -25px
}

.biggreenlink.my {
    font-size: 24px;
    font-family: 'Cuprum', sans-serif
}

.sforms2cont {
    margin: 12px 0 0;
    width: 760px
}

.sforms2cont > div {
    width: 100%;
    float: left
}

.sforms hr {
    margin: 20px 0 56px;
    width: 100%;
    border: 0;
    border-top: 1px solid #c6cacc;
    border-bottom: 1px solid #e1e4e6
}

.teachers {
    background: none repeat scroll 0 center transparent;
    height: auto;
    margin: 30px 50px 0 0;
    width: 240px
}

.teachers h5 {
    line-height: 22px
}


.swbutton.swact {
    background: url("/images/tpl/shitone.png") no-repeat scroll right -180px transparent;
    color: #ffffff;
    cursor: default
}

.swbutton.swact span {
    background: url("/images/tpl/shitone.png") no-repeat scroll 0 -72px transparent
}

.swbutton {
    color: #000000;
    background: url("/images/tpl/shitone.png") no-repeat scroll right -108px transparent;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    font: 12px trebuchet MS;
    height: 36px;
    padding: 0 15px 0 0
}

.swbutton span {
    background: url("/images/tpl/shitone.png") no-repeat scroll 0 0 transparent;
    float: left;
    padding: 7px 0 3px 13px;
    height: 35px
}

.swbutton:hover {
    color: #ffffff;
    background: url("/images/tpl/shitone.png") no-repeat scroll right -144px transparent
}

.swbutton:hover span {
    background: url("/images/tpl/shitone.png") no-repeat scroll 0 -36px transparent
}

.opacity .swbutton {
    color: #000000;
    background: url("/images/tpl/shitone.png") no-repeat scroll right -108px transparent;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    font: 12px trebuchet MS;
    height: 36px;
    padding: 0 15px 0 0;
    display: block
}

.opacity .swbutton span {
    background: url("/images/tpl/shitone.png") no-repeat scroll 0 0 transparent;
    float: left;
    padding: 7px 0 3px 13px;
    height: 35px;
    cursor: default
}

.shader {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(/images/shader.png) repeat;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none
}

.loader {
    width: 128px;
    height: 128px;
    background: url(/images/loader.gif) no-repeat;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -64px 0 0 -64px
}

.fileinput {
    visibility: hidden
}

.sforms2cont[rel="msw1"] .loadone {
    display: none
}

.sforms2cont[rel="msw1"] .swtext, .sforms2cont[rel="msw1"] .swtext2 {
    display: none
}

.sforms2cont[rel="msw2"] .swinput {
    display: block
}

.sforms2cont[rel="msw1"] .needtohide {
    display: block
}

.sforms2cont[rel="msw2"] .loadone {
    display: block;
    float: left
}

.sforms2cont[rel="msw2"] .swinput {
    display: none
}

.sforms2cont[rel="msw2"] .swtext {
    display: block;
    width: 200px;
    font-size: 22px;
    font-family: 'PT Sans';
    padding: 15px 0 10px;
    height: 20px
}

.sforms2cont[rel="msw2"] .swtext2 {
    display: none;
    width: 200px;
    font: 12px trebuchet ms;
    color: #808080
}

.sforms2cont[rel="msw2"] .needtohide {
    display: none
}

.sforms2cont[rel="msw2"] + .nextstep {
    display: none
}

.sforms2cont[rel="msw2"] .delpartone {
    display: none
}

.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url("/images/tpl/blur.png") repeat scroll 0 0 transparent
}

.closeit {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 9px;
    margin: 13px 0;
    width: 10px;
    cursor: pointer
}

.closeit:hover {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px 0 transparent
}

.swaddress {
    float: left;
    width: 190px;
    padding: 10px 0 0
}

.stock {
    display: none
}

.letsdel {
    float: left;
    margin: 37px 0 0;
    cursor: pointer;
    display: none
}

.letsdel span {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 -90px transparent;
    width: 10px;
    height: 9px;
    float: left
}

.letsdel i {
    font-family: 'PT Sans';
    font-size: 12px;
    color: #e65d3b;
    border-bottom: 1px dashed #e65d3b
}

.letsdel:hover span {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px -90px transparent
}

.stockpart {
    display: none
}

.delpartone {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 -90px transparent;
    width: 16px;
    height: 16px;
    float: left;
    margin: 17px 0 0 -10px;
    cursor: pointer
}

.delpartone:hover {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px -90px transparent
}

.deltutor {
    cursor: pointer;
    margin: 0 0 0 20px;
    font: italic 12px trebuchet ms;
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33
}

.deltutor2 {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 -90px transparent;
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin: 5px 0 0
}

.deltutor2:hover {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px -90px transparent
}

.deltutorcont {
    float: left;
    margin: 50px 0 0;
    display: none
}

.deltutordesc {
    float: left;
    margin: 0 0 0 10px;
    font: 12px trebuchet ms;
    color: #ed7d33;
    cursor: pointer
}

.changeschool span {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.ihidesomeinput {
    display: none
}

.prepartone .inputone {
    width: 217px;
    margin: 0 35px 0 0
}

.prepartone .inputone:last-child {
    width: auto
}

[rel="msw2"] .prepartone .needtohide + div {
    width: 115px
}

.cantdownloadtask {
    float: left;
    width: 335px;
    position: relative
}

.cantdownloadtask p {
    margin: 5px 0 0
}

.littleone {
    font: 11px trebuchet MS;
    color: #333333
}

.centerone {
    font: 11px trebuchet MS;
    color: #333333;
    margin: 5px 0 0 50px
}

.blurwhite {
    background: url("/images/tpl/blurwhite.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.redsign {
    color: #6A0000;
    font: 12px trebuchet ms;
    left: 200px;
    position: absolute;
    top: 10px;
    width: 150px;
    z-index: 50
}

.redsign span {
    float: left;
    font-family: 'PT Sans';
    font-size: 36px;
    font-weight: bold;
    margin: -8px 5px 0 0
}

.addgreen {
    background: url("/images/tpl/bigbuttonpack.png") no-repeat scroll 0 -150px transparent;
    width: 192px;
    height: 36px;
    float: left;
    padding: 14px 0 0;
    border: 1px solid #769a0d
}

a.maingold {
    background: url("/images/tpl/bigbuttonpack.png") no-repeat scroll 0 -200px transparent;
    border: 1px solid #F4A72C;
    color: #014732;
    cursor: pointer;
    font-family: 'Cuprum', sans-serif;
    font-size: 24px;
    font-weight: normal;
    height: 43px;
    line-height: 36px;
    padding: 7px 20px 0;
    text-decoration: none
}

.plusgreen {
    background: url("/images/tpl/plusone.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 51px;
    width: 34px;
    cursor: pointer
}

.plusgreen:hover {
    background: url("/images/tpl/plusone.png") no-repeat scroll 0 -51px transparent
}

.confirmgreen + div + .plusgreen {
    margin: -51px 0 0
}

.confirmed {
    width: 194px;
    float: left;
    height: 51px;
    margin: 0 0 10px
}

.precon {
    font-family: 'PT Sans';
    font-size: 14px;
    padding: 5px 0 0 15px;
    width: 177px;
    text-align: left
}

.preconL {
    padding: 0 0 0 15px;
    float: left;
    font-family: 'PT Sans';
    font-size: 16px
}

.preconR {
    float: right;
    font-family: 'PT Sans';
    font-size: 16px;
    padding: 0 8px 0 0
}

.preconL span {
    font-family: 'PT Sans';
    font-size: 14px
}

.confirmed .precon {
    font: 16px trebuchet ms;
    padding: 5px 0 0 0;
    width: 179px
}

.confirmed .preconL {
    padding: 0;
    float: left;
    font: 24px trebuchet ms
}

.confirmed .preconR {
    float: right;
    font-family: 'PT Sans';
    font-size: 18px;
    padding: 2px 8px 0 0
}

.confirmgreen + div + .plusgreen + .confirmed {
    margin: 10px 0
}

.ordertext {
    margin: 0 0 15px
}

.ardown {
    background: url("/images/tpl/arrdown.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 19px;
    width: 17px;
    margin: 6px 10px 0 0
}

.downloadtask {
    float: left;
    margin-bottom: 25px;
    margin-right: 25px
}

.downloadtask .biggreenlink {
    height: 44px;
    padding: 0
}

input.biggreenlink {
    height: 44px;
    padding: 0 20px 0;
    border: none
}

.downloadtask a {
    display: block;
    padding: 6px 20px;
    float: left;
    color: #FFFFFF;
    text-decoration: none
}

.greensign {
    background: url("/images/tpl/greensign.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 0 44px;
    padding: 0 0 0 20px;
    width: 300px
}

.takediplom, .letsrespcont {
    float: left;
    margin: 0 0 0 44px
}

.letsresp {
    float: left;
    cursor: pointer
}

.letsresp span {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 -53px transparent;
    width: 20px;
    height: 20px;
    float: left
}

.letsresp i {
    font-family: 'PT Sans';
    font-size: 12px;
    color: #e65d3b;
    border-bottom: 1px dashed #e65d3b
}

.letsresp:hover span {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -31px -53px transparent
}

.roundinfo {
    border: 1px solid #FFD2B2;
    font-style: italic;
    padding: 10px;
    position: relative;
    margin: 0 0 20px
}

.roundtext {
    float: left;
    width: 650px
}

.roundclose {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 0 transparent;
    width: 10px;
    height: 9px;
    float: left;
    cursor: pointer
}

.roundclose:hover {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px 0 transparent
}

.roundLT {
    background: url("/images/tpl/round.png") no-repeat scroll 0 0 transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -1px;
    left: -1px
}

.roundLB {
    background: url("/images/tpl/round.png") no-repeat scroll 0 bottom transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -1px;
    left: -1px
}

.roundRT {
    background: url("/images/tpl/round.png") no-repeat scroll right 0 transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -1px;
    right: -1px
}

.roundRB {
    background: url("/images/tpl/round.png") no-repeat scroll right bottom transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -1px;
    right: -1px
}

.yearflter {
    margin: 0 0 50px
}

.yearflter a {
    font-weight: bold
}

.yearflter span + span {
    margin: 0 0 0 45px
}

.yearflter span.acted {
    color: #000000;
    font-weight: bold;
    cursor: default
}

.yearflter span.nonacted {
    color: #ed7d33;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer
}

.yearflter span.nonacted:hover {
    color: #ed7d33
}

.mydiplomcont {
    float: left;
    margin: 0 0 0;
    width: 100%
}

.mydiplomone {
    float: left;
    margin: 10px 0 0;
    width: 100%
}

.mydiplomL {
    float: left;
    width: 460px;
    margin: 14px 0 0
}

.mydiplomL h6 {
    margin: 0 0 8px;
    font: bold 16px/24px trebuchet ms
}

.mydiplomL h6 a {
    width: 300px
}

.mydiplomR {
    float: right
}

.mydiplomdate {
    float: left;
    width: 115px;
    margin: 10px 0 0
}

.mydiplomdate span {
    background: none repeat scroll 0 0 #A5BBC4;
    color: #FFFFFF;
    float: left;
    margin: 7px 0 0;
    padding: 1px 10px
}

.mydiplomhr {
    background: none repeat scroll 0 0 #CECECE;
    float: left;
    height: 1px;
    margin: 20px 0 10px;
    width: 100%
}

.mydiplomR .smallgreylink {
    width: 148px;
    padding: 5px 0;
    margin: 15px 0 0
}

.mydiplomR .confirmgreen {
    width: 148px
}

.mydiplomR .precon {
    font: 14px trebuchet ms
}

.mydiplomR .preconR {
    float: left;
    font: 12px trebuchet MS;
    padding: 3px 0 0 15px
}

.mydiplomR .preconL {
    float: right;
    font: bold 14px trebuchet MS;
    padding: 3px 10px 0 0
}

.mydiplomR .preconL span {
    font-family: 'PT Sans';
    font-size: 14px
}

.confirmeddiplom {
    margin: 0 0 10px
}

.mydiplomL .mydate {
    font: 14px trebuchet MS
}

.mydiplomL .mydate i {
    font-family: 'PT Sans';
    margin: 0 0 0 15px;
    color: #585858
}

.greenblur {
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
    left: 0;
    height: 100%
}

.poponecont {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    z-index: 1000;
    left: 0
}

.poponecont h2 {
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 7px;
    line-height: 48px;
    font-family: 'Cuprum', sans-serif
}

.starcont div {
    background: url("/images/tpl/est.png") no-repeat scroll 0 -29px transparent;
    width: 30px;
    height: 29px;
    float: left;
    padding: 0 10px 0 0;
    cursor: pointer
}

.staracted + div, .staracted + div + div, .staracted + div + div + div, .staracted + div + div + div + div {
    background: url("/images/tpl/est.png") no-repeat scroll 0 0 transparent
}

.starcont:hover div {
    background: url("/images/tpl/est.png") no-repeat scroll 0 -29px transparent
}

.starcont div:hover + div, .starcont div:hover + div + div, .starcont div:hover + div + div + div, .starcont div:hover + div + div + div + div {
    background: url("/images/tpl/est.png") no-repeat scroll 0 0 transparent;
    width: 30px;
    height: 29px
}

.popone {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: 620px;
    padding: 60px
}

.popone input[type="text"] {
    font: 18px trebuchet ms;
    width: 100%;
    line-height: 24px;
    padding: 10px
}

input[type="submit"].smallgreenlink {
    height: 34px;
    margin: 30px 0 0;
    padding: 0 0 3px;
    width: 100px;
    cursor: pointer
}

input[type="submit"].smallgreenlink {
    border: none
}

.popone label {
    margin: 20px 0 10px;
    float: left
}

.poponerel {
    position: relative
}

.poponerel p {
    margin: 20px 0 10px;
    float: left;
    width: 100%;
    line-height: 20px
}

.closepopone {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 9px;
    position: absolute;
    right: -40px;
    top: -40px;
    width: 10px
}

.closepopone:hover {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll -30px 0 transparent
}

.estpop {
    display: none;
    top: 50px
}

.authblock {
    float: left;
    width: 100%;
    margin: 15px 0
}

.authblock input[type="text"], .authblock input[type="password"] {
    font: 18px trebuchet ms;
    line-height: 24px;
    padding: 8px;
    width: 290px;
    float: left
}

.authblock label {
    width: 150px;
    margin: 8px 20px 0 0;
    float: left;
    text-align: right
}

.greenblur {
    display: none
}

.authpop {
    display: none
}

.authrem {
    margin: 20px 0 0 170px
}

.checkbox.checked {
    background: url("/images/tpl/check.png") no-repeat scroll 0 0 transparent;
    width: 17px;
    height: 17px;
    margin: 0 10px 0 0;
    float: left;
    cursor: pointer
}

.checkbox.unchecked {
    background: url("/images/tpl/check.png") no-repeat scroll 0 -17px transparent;
    width: 17px;
    height: 17px;
    margin: 0 10px 0 0;
    float: left;
    cursor: pointer
}

.authrem label {
    float: none;
    margin: 0
}

.authrem a {
    float: right
}

.authrem {
    margin: 20px 0 0 170px
}

.regme {
    position: absolute;
    right: 0;
    top: 18px
}

.someblockR .greensign {
    margin: 0;
    font: 11px trebuchet ms;
    width: auto
}

.switchers {
    margin: 20px 0
}

.switchers div {
    margin: 0 0 15px
}

.switchers span {
    border-bottom: 1px dashed #ed7d33;
    color: #ed7d33;
    cursor: pointer
}

.switchers span:hover {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33
}

.lazymenu input[type="reset"] {
    height: 34px;
    margin: 30px 0 0;
    padding: 0 0 3px;
    width: 100px;
    cursor: pointer;
    float: left
}

.lazymenu {
    float: right;
    font: 12px trebuchet ms
}

.lazygroup {
    float: left;
    margin: 0 20px 0 0
}

.lazygroup > div {
    padding: 30px 0 0;
    float: left;
    width: 80px;
    text-align: center;
    cursor: pointer
}

.lazyact i {
    background: url("/images/tpl/checkall.png") no-repeat scroll center -20px transparent;
    float: left;
    height: 20px;
    width: 100%
}

.lazynonact i {
    background: url("/images/tpl/checkall.png") no-repeat scroll center 0 transparent;
    float: left;
    height: 20px;
    width: 100%
}

.lazygroup > div:hover i {
    background: url("/images/tpl/checkall.png") no-repeat scroll center -20px transparent
}

.sendcont {
    margin: 0 0 45px
}

.tutor {
    float: left;
    height: 80px;
    padding: 10px 0 0;
    width: 100%
}

.tutor:hover {
    background: #e0e4e6
}

.mrcurosity {
    float: left;
    font: 18px trebuchet ms;
    margin: 0 0 0 50px;
    width: 360px
}

.status {
    font: 12px trebuchet ms;
    color: #4c4c4c
}

.chooseplace {
    float: left;
    width: 220px
}

.choosetype {
    float: left;
    width: 210px;
    display: none
}

.totalforit {
    float: left;
    display: none
}

.helperone {
    float: left;
    width: 100%;
    height: 60px;
    padding: 10px 0
}

.helperone:hover {
    background: #e0e4e6
}

.helperone .mrcurosity {
    margin: 8px 0 0 85px;
    width: 325px
}

.halfonebut {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -180px transparent;
    color: #000000;
    float: left;
    cursor: pointer;
    height: 60px;
    padding: 0 10px 0 0;
    font: 12px trebuchet ms;
    text-align: center;
    margin: 8px 0 0
}

.halfonebut div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    padding: 7px 20px 0 30px
}

.halfonebut:hover {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -300px transparent;
    color: #ffffff
}

.halfonebut:hover div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 -120px transparent
}

.halfonebut.actbut {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -240px transparent;
    color: #ffffff
}

.halfonebut.actbut div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 -60px transparent
}

.halfbut {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -180px transparent;
    color: #000000;
    float: left;
    cursor: pointer;
    height: 60px;
    padding: 0 10px 0 0;
    font: 12px trebuchet ms;
    text-align: center
}

.halfbut div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    padding: 7px 0 0 10px;
    width: 60px
}

.halfbut:hover {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -300px transparent;
    color: #ffffff
}

.halfbut:hover div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 -120px transparent
}

.halfbut.actbut {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll right -240px transparent;
    color: #ffffff
}

.halfbut.actbut div {
    background: url("/images/tpl/bigshitone.png") no-repeat scroll 0 -60px transparent
}

.togglecont {
    background: url("/images/tpl/metalplate.png") no-repeat scroll 0 0 transparent;
    width: 70px;
    height: 23px;
    margin: 10px auto 0
}

.hiderone {
    background: url("/images/tpl/hider.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 21px;
    width: 37px;
    cursor: pointer;
    margin: 2px 0 0 1px
}

.subtoggle {
    text-align: center
}

.subtoggle span {
    font: 12px trebuchet ms
}

.subtoggle .actsub {
    color: #000000;
    cursor: default
}

.subtoggle .nonactsub {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.helperone + .helperone .status {
    color: transparent
}

.totalforit {
    font-family: 'PT Sans';
    font-size: 18px;
    text-align: right;
    float: right;
    margin: 20px 15px 0 0
}

.sendcont hr {
    margin: 0
}

.quest {
    background: url("/images/tpl/quest.png") no-repeat scroll 0 0 transparent;
    position: relative;
    width: 13px;
    height: 13px;
    margin: 40px 0 0 10px;
    float: left
}

.tipT {
    background: url("/images/tpl/popup.png") no-repeat scroll -344px 0 transparent;
    bottom: 2px;
    left: -8px;
    padding: 10px 0 0;
    position: absolute;
    width: 172px;
    display: none
}

.tipB {
    background: url("/images/tpl/popup.png") no-repeat scroll 0 bottom transparent;
    width: 172px;
    padding: 0 0 18px
}

.tipC {
    background: url("/images/tpl/popup.png") repeat-y scroll -172px 0 transparent;
    width: 152px;
    padding: 0 10px;
    font: 12px trebuchet ms;
    color: #535353
}

.quest:hover .tipT {
    display: block
}

.choosetype .quest {
    float: right;
    margin: -20px 0 0
}

.opendoors .choosetype, .opendoors .totalforit {
    display: block
}

.opendoors {
    background: #e9ebed
}

.opendoors:hover {
    background: #e0e4e6
}

.subsendL {
    width: 300px;
    float: left;
    margin: 0 0 0 60px
}

.taxtabH {
    width: 300px;
    font: 12px trebuchet ms;
    margin: 10px 0 0;
    float: left;
    font-weight: bold
}

.taxtab {
    width: 300px;
    font: 12px trebuchet ms;
    margin: 10px 0 0;
    float: left;
    color: #808080;
    font-weight: normal
}

.taxtab.acttax {
    color: #000000
}

.taxtab span, .taxtabH span {
    width: 230px;
    float: left
}

.taxtab span + span, .taxtabH span + span {
    float: left;
    width: 70px
}

.subsendR {
    margin: 0 0 0 140px;
    float: left;
    width: 460px
}

.tcalccont {
    width: 100%
}

.tcalcL {
    float: left;
    width: 360px;
    margin: 0 0 30px
}

.tcalcR {
    float: right;
    width: 100px;
    font-family: 'PT Sans';
    font-size: 18px;
    font-weight: bold;
    text-align: right
}

.smalltotal {
    line-height: 10px
}

.totalcalc b {
    font: bold 18px trebuchet ms
}

.addressinput {
    margin: 0 0 15px
}

.addressinput label {
    font: 14px trebuchet ms
}

.addressinput span {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer;
    margin: 0 0 0 5px
}

.addressinput .checkbox {
    float: left
}

.filled input {
    display: none
}

.nonfilled span {
    display: none
}

.bigprice {
    font-family: 'PT Sans';
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 5px
}

.totalbutcont {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

.totalbut {
    float: right;
    text-align: right
}

.totalbut .biggreenlink {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 18px
}

.finishtip {
    font: italic 12px/14px trebuchet ms;
    margin: 40px 0 0;
    float: left;
    width: 100%
}

.smallpointnumber {
    background: url("/images/tpl/paricons.png") no-repeat scroll -4px 0 transparent;
    clear: both;
    color: #FFFFFF;
    display: block;
    font: 30px trebuchet ms;
    height: 45px;
    margin: 0 auto;
    padding: 5px 0 0;
    text-align: center;
    width: 50px
}

.smallpointnumber:hover {
    background: url("/images/tpl/paricons.png") no-repeat scroll -4px -50px transparent
}

:focus .smallpointnumber, .acta .smallpointnumber {
    background: url("/images/tpl/paricons.png") no-repeat scroll -4px -100px transparent
}

.docstars {
    background: url("/images/tpl/paricons.png") no-repeat scroll -56px 0 transparent
}

.docstars:hover {
    background: url("/images/tpl/paricons.png") no-repeat scroll -56px -50px transparent
}

:focus .docstars, .acta .docstars {
    background: url("/images/tpl/paricons.png") no-repeat scroll -56px -100px transparent
}

.askfaq {
    background: url("/images/tpl/paricons.png") no-repeat scroll -106px 0 transparent
}

.askfaq:hover {
    background: url("/images/tpl/paricons.png") no-repeat scroll -106px -50px transparent
}

:focus .askfaq, .acta .askfaq {
    background: url("/images/tpl/paricons.png") no-repeat scroll -106px -100px transparent
}

.somesitems a.acta b {
    text-decoration: none;
    color: #000000
}

.somesitems {
    float: left;
    margin: 50px 0 0;
    width: 100%
}

.somesitems a {
    float: left;
    margin: 0 40px 20px 0;
    text-decoration: none
}

.somesitems a b, .somes b {
    float: left;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    width: 100%
}

.faqdiv {
    margin: 40px 0 0;
    float: left;
    width: 100%
}

.faqdiv span {
    color: #ed7d33;
    cursor: pointer;
    border-bottom: 1px dashed #ed7d33
}

.faqhide {
    display: none
}

.faqs {
    margin: 50px 0 50px;
    float: left;
    width: 100%
}

.askform {
    margin: 20px 0;
    float: left;
    width: 100%
}

.askform label {
    width: 100%;
    float: left
}

.askform input[type="text"] {
    padding: 6px 0;
    width: 100%;
    margin: 0 0 20px
}

.askform input[type="submit"] {
    height: 35px;
    cursor: pointer
}

.askform textarea {
    margin: 0 0 20px;
    padding: 0 0 0 3px;
    width: 267px
}

.docs {
    float: left;
    width: 100%;
    margin: 50px 0
}

.doclist {
    background: url("/images/tpl/doc.png") no-repeat scroll 0 0 transparent;
    width: 61px;
    height: 85px;
    float: left;
    margin: 0 8px 8px 0
}

.docone {
    float: left;
    width: 25%;
    margin: 50px 25% 50px 0
}

.superdocone {
    float: left;
    width: 100%;
    padding: 50px 0 50px;
    border-top: 1px solid #c3e1ea
}

.doclist + a + div {
    text-transform: uppercase
}

.docone .docdesc {
    float: left;
    width: 100%;
    font: 12px trebuchet ms;
    color: #a3a3a3
}

.superdocone .docdesc {
    float: left;
    width: 100%
}

.superdocone .docdesc p {
    font-style: normal
}

.reviewcont {
    margin: 50px 0 0;
    float: left;
    width: 100%;
    position: relative
}

.reviewone {
    margin: 0 0 50px
}

.reviewone p {
    margin: 0 0 10px
}

small {
    font: italic 12px trebuchet ms;
    color: #5b5b5b
}

.writereview {
    position: absolute;
    top: -100px;
    right: 0
}

.contacts {
    float: left;
    width: 100%;
    margin: 50px 0
}

.contactone {
    float: left;
    margin: 0 30px 0 0;
    width: 200px;
    text-align: center;
    padding: 70px 0 0
}

.contactone div {
    font: 24px trebuchet ms;
    margin: 0 0 5px
}

.contactone small {
    font-style: normal
}

.bigicq {
    background: url("/images/tpl/bigicq.png") no-repeat scroll center 0 transparent
}

.bigskype {
    background: url("/images/tpl/bigskype.png") no-repeat scroll center 0 transparent
}

.bigemail {
    background: url("/images/tpl/bigemail.png") no-repeat scroll center 0 transparent
}

.bigblog {
    background: url("/images/tpl/bigblog.jpg") no-repeat scroll center 0 transparent;
    display: none
}

.withquestcont {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.withquestone {
    display: inline-block;
    margin: 30px 0 0;
    vertical-align: top;
    width: 343px
}

.bigmap {
    background: url("/images/tpl/map.jpg") no-repeat scroll right bottom transparent;
    width: 615px;
    height: 450px;
    float: left;
    margin: 0 0 50px
}

.bigmap p {
    margin: 0 0 20px
}

.indexnumber {
    font-size: 18px
}

.bignumber {
    font-size: 24px
}

.simplenav {
    float: left;
    width: 100%;
    margin: 50px 0
}

.simpleL {
    float: left
}

.simpleR {
    float: right
}

.simplenav a {
    text-decoration: none
}

.simplenav span {
    text-decoration: underline
}

.howparitem {
    margin: 50px 0 0;
    float: left;
    width: 100%
}

.howparitem h2 {
    margin: 0 0 20px
}

.waterring {
    background: url("/images/tpl/waterring.png") no-repeat scroll center 0 transparent;
    padding: 100px 0 0;
    margin: 30px 0 15px;
    float: left;
    width: 100%
}

.waterringL {
    float: left;
    margin: 0 0 0 120px
}

.waterringR {
    float: right;
    margin: 0 80px 0 0
}

.mybonus {
    padding: 20px;
    border: 1px solid #e8a585;
    margin: 0 0 0 -20px
}

.bonusstock h4 {
    margin: 0
}

.bonusstock {
    margin: 45px 0
}

.superbonus {
    font-family: 'PT Sans';
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 50px
}

.justfitspace {
    float: left;
    width: 100%;
    height: 40px
}

.midibonus {
    font-family: 'PT Sans';
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 50px
}

.bonusstock p {
    margin: 0 0 15px
}

.authpage {
    position: relative;
    width: 480px;
    float: left
}

.authpageR {
    float: left;
    width: 265px;
    margin: 0 0 0 55px
}

.authpageR h6 {
    margin: 0 0 10px;
    font-weight: bold
}

.authpageR p {
    margin: 0 0 10px
}

.regpage {
    position: relative;
    float: left
}

.regrem {
    float: left;
    margin: 30px 0 30px 100px
}

.regrem > div {
    float: left;
    margin: 0 50px 0 0
}

.regpage i {
    width: 440px;
    float: left;
    margin: 0 0 30px
}

input[type="radio"] {
    float: left;
    margin: 3px 5px 0 0
}

.regrem label {
    float: left;
    cursor: pointer
}

.regpage .authblock label {
    margin: 10px 10px 0 100px
}

.subregrem {
    float: left;
    margin: 10px 0 0 260px;
    position: relative
}

.subregrem i {
    font: italic 12px trebuchet ms;
    left: 243px;
    margin: 0 0 0 20px;
    position: absolute;
    top: 0;
    width: 310px
}

.authblock .regschool label {
    margin: 0 30px 0 0;
    width: auto
}

.schoolpage label {
    margin: 0 30px 0 0;
    width: 250px
}

.authblock textarea {
    width: 350px
}

.authblock label span {
    color: #676666;
    font: 14px trebuchet ms
}

.inputexchange {
    font: 16px trebuchet ms
}

.inputexchange u {
    margin: 0 15px 0 0;
    text-decoration: none
}

.inputexchange span {
    color: #ed7d33;
    cursor: pointer;
    border-bottom: 1px dashed #ed7d33;
    font: 14px trebuchet ms
}

.schoolpage i {
    float: left;
    margin: 0 0 30px;
    width: 500px
}

.subschoolrem {
    margin: 30px 0 0
}

.subschoolrem > div {
    margin: 0 30px 0 167px
}

.subschoolrem > div + div {
    margin: 0
}

.payprice {
    font: 36px trebuchet ms
}

.payprice span {
    font-family: 'PT Sans';
    font-weight: bold
}

.paygreyblock {
    background: #eaeaea;
    padding: 10px;
    float: left;
    width: 780px
}

.payblock {
    margin: 20px 0;
    float: left;
    width: 100%
}

.paygreyblock input[type="checkbox"] {
    margin: 0 10px 0 0
}

.paygreycont {
    float: left;
    width: 100%;
    padding: 36px 0;
    display: none
}

.paygreyone {
    float: left;
    margin: 0 50px 0 0
}

.paygreyH {
    margin: 0 0 10px
}

.paygreyprice {
    font: 24px trebuchet ms
}

.paygreyprice span {
    font-family: 'PT Sans'
}

.paygreyprice input {
    font: 24px trebuchet ms;
    padding: 3px 5px;
    width: 80px
}

.paygreyprice u {
    text-decoration: none
}

.payinfoblock {
    margin: 50px 0;
    padding: 20px 0;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    height: 280px;
    overflow: auto
}

.payinfoblock p {
    margin: 0 0 10px;
    font: 12px trebuchet ms
}

.iagree input {
    margin: 0 10px 0 0
}

.paymasterrem {
    margin: 30px 0 0
}

.paymasterrem > div {
    margin: 0 30px 0 0
}

.promoblock {
    float: left;
    margin: 50px 0 0 370px
}

.promoblock h1 {
    color: #ffffff;
    width: 460px;
    margin: 0 0 20px
}

.playmemain {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    margin: 10px 0 0 30px;
    cursor: pointer
}

.playmemain > div {
    background: url("/images/tpl/playme.png") no-repeat scroll 0 0 transparent;
    float: left;
    width: 36px;
    height: 28px;
    margin: 4px 0 0
}

.playmemain:hover > div {
    background: url("/images/tpl/playme.png") no-repeat scroll 0 -28px transparent
}

.playmemain i {
    color: #fef374;
    border-bottom: 1px dashed #fef374
}

.playmemain:hover i {
    color: #e7a324;
    border-bottom: 1px dashed #e7a324
}

.playvideo {
    cursor: pointer
}

.mainblockone {
    float: left;
    width: 100%;
    margin: 0 0 50px
}

.mainnews {
    float: left;
    width: 630px
}

.mainnewscont {
    float: left;
    width: 100%
}

.mainnewsone {
    float: left;
    width: 200px;
    margin: 20px 70px 0 0
}

.mainnewsdesc {
    margin: 4px 0 0
}

.soon .mainnewsdesc {
    padding: 0 20px
}

.mainnewslink {
    font-weight: bold
}

.seeallcont {
    float: left;
    margin: 20px 0 0
}

.seeall {
    background: url("/images/tpl/arrbuttonpack.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-family: 'Cuprum', sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 18px;
    padding: 5px 10px 0 7px;
    text-decoration: none;
    width: 67px
}

.seeall:hover {
    background: url("/images/tpl/arrbuttonpack.png") no-repeat scroll 0 -49px transparent;
    color: #ffffff
}

.seeall:focus {
    background: url("/images/tpl/arrbuttonpack.png") no-repeat scroll 0 -98px transparent;
    color: #ffffff
}

.soon .mainnewslink {
    padding: 0 20px
}

.soon {
    float: right;
    width: 256px;
    padding: 20px 0;
    border: 1px dotted #b74a6b
}

.soon h2 {
    background: url("/images/tpl/bill.png") no-repeat scroll 0 0 transparent;
    margin: 0 20px;
    padding: 0 0 0 45px;
    width: 171px
}

.mainblockcont h2 {
    float: left;
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    width: 100%;
    font-family: 'Cuprum', sans-serif
}

.fordates span {
    background: url("/images/tpl/fordates.png") no-repeat scroll right 3px transparent;
    padding: 0 30px 0 0;
    height: 19px
}

.fordates:hover span {
    background: url("/images/tpl/fordates.png") no-repeat scroll right -16px transparent;
    padding: 0 30px 0 0;
    height: 19px
}

.soonmainclocks {
    background: url("/images/tpl/clocks.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 20px 110px 20px 0;
    min-height: 150px;
    padding: 0 0 0 145px;
    width: 225px
}

.soonmainevent {
    float: left;
    width: 480px
}

.othermainevent {
    float: left;
    width: 480px
}

.otherevent {
    float: left;
    margin: 20px 20px 0 0;
    width: 220px;
    height: 130px
}

.otherevent .mainnewsdesc {
    background: url("/images/tpl/time.png") no-repeat scroll 0 4px transparent;
    padding: 0 0 0 20px
}

.maincontest {
    float: left;
    width: 300px;
    margin: 0 20px 0 0
}

.subjlist {
    float: left;
    width: 100%;
    margin: 20px 0
}

.subjlist a {
    float: left;
    width: 50%;
    height: 34px
}

.contestgames {
    float: left;
    width: 258px;
    margin: 0 10px;
    padding: 20px;
    border: 1px dotted #b74a6b
}

.gameslist {
    margin: 10px 0 0
}

.gameslist div {
    margin: 0 0 10px;
    color: #7d7d7d
}

.fests {
    float: left;
    width: 300px;
    margin: 0 0 0 20px
}

.fests img {
    margin: 20px 0 0
}

.mainresultscont {
    float: left;
    width: 100%
}

.mainresultscont .mainnewsone {
    width: 250px;
    margin: 20px 20px 0 0
}

.forask {
    font: bold 14px trebuchet ms;
    height: 36px;
    padding: 4px 20px;
    width: 150px
}

.forask span {
    background: url("/images/tpl/foraskmap.png") no-repeat scroll left 3px transparent;
    float: left;
    height: 30px;
    padding: 0 0 0 37px;
    text-align: left
}

.forask:hover span {
    background: url("/images/tpl/foraskmap.png") no-repeat scroll 0 -24px transparent
}

.mainmap {
    width: 730px;
    background: url("/images/tpl/map.jpg") no-repeat scroll right bottom transparent;
    float: left;
    height: 430px
}

.mainmap p {
    width: 280px;
    margin: 20px 0
}

.mainstat {
    float: left;
    width: 200px;
    margin: 20px 200px 0 0
}

.mainsubwrite {
    font: italic 14px trebuchet ms;
    color: #a1a1a1;
    margin: 10px 0
}

.mainrevone {
    float: left;
    margin: 20px 100px 0 0;
    width: 300px
}

.soccont {
    float: left;
    margin: 0 0 0 75px
}

.socH {
    font: 14px trebuchet ms;
    font-weight: bold
}

.soclinks {
    float: left;
    width: 215px;
    margin: 5px 0 0
}

.soclinks .vk {
    background: url("/images/tpl/socials.png") no-repeat scroll 0 0 transparent;
    width: 32px;
    height: 35px;
    float: left;
    margin: 0 12px 0 0
}

.soclinks .tw {
    display: none;
    background: url("/images/tpl/socials.png") no-repeat scroll -86px 0 transparent;
    width: 32px;
    height: 35px;
    float: left;
    margin: 0 12px 0 0
}

.soclinks .fc {
    background: url("/images/tpl/socials.png") no-repeat scroll -44px 0 transparent;
    width: 32px;
    height: 35px;
    float: left;
    margin: 0 12px 0 0
}

.soclinks .bg {
    background: url("/images/tpl/blog_big.jpg") no-repeat;
    width: 34px;
    height: 35px;
    float: left;
    margin: 0 0 0 0
}

.soclinks .ok {
    background: url("/images/tpl/soc_ok.png") no-repeat;
    width: 34px;
    height: 35px;
    float: left;
    margin: 0 12px 0 0
}

.supersmall {
    font-size: 12px;
    height: 19px;
    padding: 4px 5px
}

.aboutsuperH {
    float: left;
    width: 100%;
    margin: 30px 0
}

.aboutsuperH h2 {
    float: left;
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    font-family: 'Cuprum', sans-serif;
    width: auto
}

.aboutsuperH h2 + h2 {
    margin: 0 0 0 100px
}

.aboutslide {
    float: left;
    width: 100%;
    margin: 35px 0
}

.aboutslide span {
    margin: 0 35px 0 0
}

.aboutslide span.nonactabout {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.bigabout {
    float: left;
    width: 100%;
    margin: 40px 0
}

.bigaboutL {
    float: left;
    width: 510px
}

.bigaboutR {
    float: left;
    width: 200px;
    background: url("/images/tpl/slidearrow.png") no-repeat scroll 0 50% transparent;
    padding: 0 0 0 20px;
    display: none
}

.pupils {
    background: url("/images/tpl/circle.jpg") no-repeat scroll 110px 10px transparent;
    height: 375px;
    position: relative;
    width: 510px
}

.pupils u {
    text-decoration: none;
    display: none
}

.pupils span {
    color: #ED7D33;
    cursor: pointer;
    text-decoration: underline
}

.pupils span.actpup {
    color: #000000;
    border: 0;
    cursor: default
}

.pupils span.actpup u {
    display: inline
}

.pup1 {
    left: 100px;
    position: absolute;
    top: 55px
}

.pup2 {
    left: 30px;
    position: absolute;
    top: 115px
}

.pup3 {
    left: 75px;
    position: absolute;
    top: 266px
}

.pup4 {
    left: 355px;
    position: absolute;
    top: 30px
}

.pup5 {
    left: 395px;
    position: absolute;
    top: 270px
}

.tutors {
    background: url("/images/tpl/circle2.jpg") no-repeat scroll 110px 5px transparent;
    height: 375px;
    position: relative;
    width: 510px
}

.tutors u {
    text-decoration: none;
    display: none
}

.tutors span {
    color: #ED7D33;
    cursor: pointer;
    text-decoration: underline
}

.tutors span.acttut {
    color: #000000;
    border: 0;
    cursor: default
}

.tutors span.acttut u {
    display: inline
}

.tut1 {
    left: 90px;
    position: absolute;
    top: 50px
}

.tut2 {
    left: 70px;
    position: absolute;
    top: 170px
}

.tut3 {
    left: 200px;
    position: absolute;
    top: 310px
}

.tut4 {
    left: 339px;
    position: absolute;
    top: 0
}

.tut5 {
    left: 420px;
    position: absolute;
    top: 250px
}

.nonactaboutblock {
    display: none
}

.aboutcol {
    float: left;
    width: 700px
}

.aboutcol--mod {
    width: 800px
}

.aboutcontent {
    width: 700px
}

.aboutcontent p {
    margin: 0 0 15px
}

.subabcont h4 {
    font-weight: normal;
    margin: 20px 0 60px;
    text-align: center
}

.plays {
    background: url("/images/tpl/plays.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 0 10px 0 0 !important;
    width: 50px
}

.plays:hover {
    background: url("/images/tpl/plays.png") no-repeat scroll 0 -50px transparent
}

.plays.actplays {
    background: url("/images/tpl/plays.png") no-repeat scroll 0 -100px transparent
}

.bigaboutR div + div {
    display: none
}

.fileweight {
    font-size: 12px
}

#random_image {
    float: left;
    margin: 5px 0 20px;
    padding: 6px 0;
    text-align: center;
    width: 70px
}

.captcha {
    float: left;
    width: 100%
}

.captcha img {
    float: left;
    margin: 5px 15px 0 0
}

.header .usermenu {
    position: relative;
    top: 4px;
    float: right
}

.header--mod .usermenu {
    top: 68px
}

.header .adminmenu {
    float: left;
    margin-right: 20px
}

.header--mod .adminmenu {
    float: left;
    margin-right: 20px
}

.usermenu a {
    font: 16px/22px Myriad Pro;
    color: #fff;
    text-decoration: none
}

.usermenu a:hover {
    color: #fef374
}

.myeventscont {
    float: left;
    font: bold 18px trebuchet ms;
    margin: 57px 0 -57px -14px
}

.steps {
    display: none
}

.actstep {
    display: block
}

.tasks {
    background: url("/images/tpl/tasks.png") no-repeat scroll 0 0 transparent;
    width: 182px;
    height: 80px;
    display: block;
    margin: 0 auto
}

.tasks:hover {
    background: url("/images/tpl/tasks.png") no-repeat scroll -182px 0 transparent
}

.examples {
    background: url("/images/tpl/tasks.png") no-repeat scroll 0 -80px transparent;
    width: 182px;
    height: 80px;
    display: block;
    margin: 0 auto
}

.examples:hover {
    background: url("/images/tpl/tasks.png") no-repeat scroll -182px -80px transparent
}

.authblock .setmyschool {
    float: left;
    margin: 0 10px 0 0
}

.authblock .ihidesomeinput input {
    margin: -12px 0
}

.confone u {
    text-decoration: none
}

.lastconfone .ineedprevstep {
    float: right
}

input[type="radio"] + label {
    cursor: pointer
}

.shortinput {
    width: 80px !important
}

.shortinput + img {
    margin: 5px 0 0 20px
}

.authblock input[type="checkbox"] {
    margin: 14px 0 0
}

.nonpriceone {
    display: none
}

#reviewRate img {
    padding: 0 10px 0 0
}

.esthalf {
    width: 50%;
    float: left
}

.popone .esthalf input {
    width: 260px
}

.poponerel textarea {
    height: 120px
}

.lcol .someblock {
    float: left
}

.vidhide {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: url(/images/shader_black.png) repeat;
    width: 100%;
    height: 100%
}

.vidhide2 {
    width: 640px;
    background: black;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -200px
}

.vidhide__close {
    position: absolute;
    top: 0;
    right: -20px;
    width: 15px;
    height: 15px;
    background: url(/images/tpl/orangeicons.png) -30px -90px no-repeat;
    cursor: pointer
}

.vidhide__close:hover {
    background-position: 0 -90px
}

.youtube_popup {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: url(/images/shader_black.png) repeat;
    width: 100%;
    height: 100%;
    float: none !important;
    margin: 0 !important
}

.youtube_popup2 {
    width: 640px;
    height: 400px;
    background: black;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -320px !important;
    margin-top: -200px !important
}

.more {
    float: left;
    margin: 15px 0;
    height: 20px
}

.more span {
    border-bottom: 1px dashed #ed7d33;
    color: #ed7d33;
    cursor: pointer
}

.bgr404 {
    background: url("/images/tpl/404.jpg") no-repeat scroll center 0 #3b5125;
    color: #fff
}

.bgr404 a {
    color: #fff600
}

.bgr404 a:hover {
    color: #e7a324
}

.big404 {
    font-family: 'Cuprum';
    font-size: 72px;
    font-weight: bold;
    line-height: 72px;
    margin: 70px 0 0 390px
}

.tomain {
    margin: 140px 0 0;
    color: #fff600
}

.postbig404 {
    font-family: 'Cuprum';
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    margin: 0 0 0 390px
}

.postcont {
    font-family: 'Cuprum';
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    margin: 0 0 0 390px
}

.cont404 {
    float: left;
    width: 100%
}

.authblock select {
    font: 18px trebuchet ms;
    line-height: 24px;
    padding: 8px
}

#loc_add, #ins_add {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer;
    display: none;
    float: left;
    margin: 10px 0 10px 280px
}

.fdrop {
    float: right;
    margin-right: 70px;
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer;
    color: #ed7d33
}

.bigquest {
    background: url("/images/tpl/bigquest.png") no-repeat scroll right 0 transparent;
    padding: 3px 25px 0 0;
    position: relative
}

.bigquest span {
    position: absolute;
    right: -20px;
    top: 25px;
    padding: 10px 20px;
    border: 1px solid #B2B2B2;
    border-radius: 10px;
    display: none;
    background-color: #EAEAEA
}

.bigquest:hover span {
    display: block
}

.above {
    position: fixed;
    right: 25px;
    bottom: 25px;
    cursor: pointer;
    border-radius: 10px;
    background-color: #669933;
    color: #fff;
    padding: 10px;
    display: none
}

.auth_fault {
    text-align: center;
    margin-bottom: 25px;
    color: #ff0000
}

.topmenu li {
    font: 16px Myriad ProBold;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    margin-right: 15px
}

.header .topmenu a:hover {
    color: #004939;
    text-shadow: 0 2px 1px #96bb4e
}

.topmenu li a {
    text-decoration: none;
    text-shadow: 0 1px 1px #66903d
}

.topmenu li:last-child {
    margin-right: 0
}

.header {
    padding: 0px 0 0 0;
    height: auto
}

.mainheader {
    height: 500px
}

.leftheader {
    display: none;
    width: auto;
    height: auto;
    margin-bottom: 30px
}

.rightheader {
    float: right;
    width: auto;
    margin-right: -25px
}

.header--mod .cab {
    margin-top: 64px
}

.header--mod .topmenu {
    margin-top: -16px
}

.askhead {
    margin: 0;
    background: url(/images/tpl/ask_bckg.png) 0 0 no-repeat;
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    font-style: italic;
    color: #ffffff;
    border-radius: 10px;
    padding: 0 10px
}

.fl {
    float: left;
    padding-top: 40px
}

.headregme {
    float: left;
    width: auto
}

.cabcont {
    float: left
}

.promoblock {
    margin: -20px 0 0 95px;
    width: 630px
}

.promoblock h1 {
    font: 30px/38px Myriad ProBold;
    width: auto;
    margin-bottom: 10px
}

.promoblock span {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    font-size: 18px;
    font-family: Myriad Pro;
    color: #ffffff
}

a.maingold {
    display: inline-block;
    font-family: Myriad ProBold;
    font-size: 18px;
    line-height: 45px;
    padding: 0 20px
}

.mslider__text a.maingold {
    padding: 0 70px;
    line-height: 45px
}

.footer {
    position: relative;
    padding-top: 20px;
    margin-top: 60px;
    border-top: 1px solid #ed7d33
}

.footer.footer--main {
    margin: 0;
    border: 0
}

.hand {
    position: absolute;
    background: url(/images/tpl/hand.png) 0 0 no-repeat;
    right: 40px;
    top: -54px;
    height: 54px;
    width: 40px
}

.mahog a {
    font: 14px/18px Myriad Pro;
    position: relative;
    border-bottom: none
}

.mahog a {
    font: 14px/18px Myriad Pro;
    position: relative;
    border-bottom: none;
    transition: all 0.5s ease 0s
}

.mahog .second {
    padding-left: 18px
}

.footer_left {
    float: left;
    margin-right: 40px
}

.payment b {
    display: block;
    margin: 5px 0 5px
}

.payment a {
    float: left;
    line-height: 38px;
    margin-right: 15px;
    font-size: 12px
}

.payment img {
    display: inline-block;
    margin-right: 8px
}

.payment__item {
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom
}

.footcontact {
    margin: 0;
    width: auto
}

.footcontactT {
    float: none;
    font-size: 15px;
    overflow: hidden
}

.footcontactT div {
    margin-right: 10px;
    width: auto
}

.soccont {
    margin: 10px 0 0 0
}

.supersmall {
    padding-bottom: 0;
    line-height: 19px
}

.min_obr {
    background: url(/images/tpl/min_obr.png) 0 0 no-repeat;
    width: 130px;
    height: 60px;
    float: left;
    margin-top: 20px;
    margin-right: 10px
}

.eventL .image {
    float: left;
    margin-right: 15px;
    height: 100px;
    margin-top: 5px
}

.contest_wrap {
    border: 1px dashed #37645a;
    padding: 4px;
    float: left
}

.contestgames {
    border: 1px dashed #37645a;
    padding: 15px 28px;
    margin: 0;
    width: 512px
}

.contest_wrap .mainnewsdesc {
    font: 12px/17px Myriad ProItalic;
    color: #454545;
    width: 395px;
    margin-bottom: 30px
}

.contest_wrap .gameslist .item {
    width: 240px;
    float: left;
    margin-bottom: 15px;
    margin-right: 32px
}

.contest_wrap .gameslist .item .image {
    float: left;
    margin-right: 15px;
    height: 90px
}

.contest_wrap .item i {
    font: 12px/17px Myriad ProItalic;
    color: #000
}

.contest_wrap .item .date {
    font: 12px/16px Myriad ProItalic
}

.mainblockone {
    margin-bottom: 70px
}

.soonmainevent {
    width: 465px
}

.fordates span {
    background: url("/images/tpl/fordates.png") no-repeat scroll right 0 transparent;
    font: 14px/38px Myriad ProBold;
    text-decoration: none;
    text-transform: uppercase
}

.fordates:hover span {
    background: url("/images/tpl/fordates.png") no-repeat scroll right -16px transparent
}

h2.new_head {
    margin-bottom: 30px;
    font: 24px/24px Myriad ProBold
}

.mainnews {
    padding-top: 20px
}

.mainnewscont .last {
    margin-right: 0
}

.mainnewsone {
    width: 175px;
    margin: 0 50px 0 0
}

.mainnewsdate {
    font-style: italic;
    color: #a1a1a1;
    margin-bottom: 5px;
    font-size: 12px
}

.mainnewslink {
    font: 16px/22px Myriad ProBold;
    margin-bottom: 10px
}

.mainnewsone a {
    text-decoration: none
}

.all_news {
    margin-top: 60px;
    padding: 0 15px;
    height: 38px
}

.all_news a {
    font: 14px/38px Myriad ProBold;
    text-transform: uppercase;
    text-decoration: none
}

.all_news a:hover, .all_news:hover a {
    color: #fff
}

.mainheader {
    margin-bottom: 30px
}

.header .fl {
    padding-top: 28px
}

.header .fr {
    padding-top: 45px
}

.header--mod .fl {
    float: left
}

.mainheader__img {
    float: right;
    margin-top: -195px;
    margin-right: -20px
}

.header .fr span {
    display: inline-block;
    margin-top: 4px;
    color: #ffffff
}

.header__soc {
    float: left;
    margin: 34px 0 0 76px
}

.hsoc__item {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 12px
}

.hsoc__item.vk {
    background: url(/images/tpl/social_buttons.png) 0 -40px no-repeat
}

.hsoc__item.vk:hover {
    background: url(/images/tpl/social_buttons.png) 0 0 no-repeat
}

.hsoc__item.fb {
    background: url(/images/tpl/social_buttons.png) -43px -40px no-repeat
}

.hsoc__item.fb:hover {
    background: url(/images/tpl/social_buttons.png) -43px 0 no-repeat
}

.hsoc__item.ok {
    background: url(/images/tpl/social_buttons.png) -85px -40px no-repeat
}

.hsoc__item.ok:hover {
    background: url(/images/tpl/social_buttons.png) -85px 0 no-repeat
}

.hsoc__item.tw {
    display: none;
    background: url(/images/tpl/social_buttons.png) -127px -40px no-repeat
}

.hsoc__item.tw:hover {
    background: url(/images/tpl/social_buttons.png) -127px 0 no-repeat
}

.hsoc__item.bl {
    background: url(/images/tpl/social_buttons.png) -169px -40px no-repeat
}

.hsoc__item.bl:hover {
    background: url(/images/tpl/social_buttons.png) -169px 0 no-repeat
}

.soon_contest {
    float: left;
    margin-right: 74px;
    padding-top: 24px;
    width: 220px;
    height: 347px;
    background: url(/images/tpl/soon_bckg.png) 0 0 no-repeat;
    color: #fff;
    text-align: center;
    font-family: Myriad Pro
}

.soon_contest .title {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px
}

.soon_contest .image {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 130px;
    width: 130px;
    background: url(/images/tpl/circle.png) 0 0 no-repeat
}

.soon_contest .img_wrap {
    margin: 0 0 15px 44px
}

.soon_contest .content {
    font-size: 13px;
    line-height: 18px;
    width: 160px;
    display: inline-block
}

.soon_contest .content a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    margin-bottom: 6px
}

.maincontest {
    width: 360px
}

.maincontest h2.new_head, .mainresults h2.new_head {
    margin-bottom: 6px
}

.subjlist a span {
    text-decoration: none;
    color: #939393;
    font-style: italic;
    float: right;
    padding-right: 20px
}

.mainresults .all_news {
    margin-top: 28px
}

.mainresults .biggreylink {
    padding: 0 20px
}

.mainresultscont .mainnewsone {
    width: 246px;
    margin-right: 35px
}

.mainresultscont .mainnewslink a {
    font-size: 14px;
    text-decoration: underline
}

.mainmap .new_head {
    margin-bottom: 20px
}

.mainmap p {
    color: #454545;
    font: 13px/19px Myriad ProItalic;
    margin-bottom: 28px
}

.mainstat {
    margin-top: 0
}

.mainstat p {
    color: #454545;
    font: 13px/19px Myriad ProItalic
}

.mainstat h4 {
    margin: 0
}

.mainmap .all_news {
    margin-top: 0
}

.no_margin {
    margin-bottom: 0 !important
}

.teachers_fest {
    width: 185px;
    margin: 0 auto;
    text-align: center
}

.teachers_fest .text {
    font: 12px/17px Myriad ProItalic;
    color: #454545
}

.teachers_fest a {
    font: 16px/21px Myriad ProBold
}

.teachers_fest .image {
    width: 130px;
    margin: 15px auto 25px
}

.pagenav {
    margin-top: 20px
}

.pagenav ul, .pagenav li {
    display: inline;
    padding: 5px
}

.member_form .row {
    margin: 10px 0
}

.member_form .row:after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden
}

.member_form .col1 {
    float: left;
    width: 240px;
    margin-right: 10px;
    min-height: 1px
}

.member_form .col2 {
    float: left;
    width: 240px;
    margin-right: 10px;
    min-height: 1px
}

.member_form .col3 {
    float: left;
    width: 180px;
    min-height: 1px
}

.member_form .row.disable .member_name {
    color: #c0c0c0;
    height: 36px
}

.member_form--ki .col1 {
    width: 260px;
    white-space: nowrap
}

.member_form--ki .col2 {
    width: 220px;
    white-space: nowrap
}

#member_form_ki2 {
    display: none
}

.member_form .block_load {
    display: none
}

.member_form .block_del {
    display: none
}

.member_form .btn_del {
    cursor: pointer;
    display: inline-block
}

.member_form .btn_del:hover {
    color: red
}

.member_form .btn_load {
    cursor: pointer;
    display: inline-block
}

.member_form .btn_load:hover {
    color: red
}

.member_form select {
    font-size: 20px;
    margin: 0 0 5px;
    padding: 2px 5px;
    width: 215px
}

.member_form select[disabled="disabled"] {
    background: #e9e9e9;
    opacity: 0.5
}

.ans_count {
    font-style: italic;
    float: left;
    margin-top: 6px;
    margin-left: 5px
}

.apopup {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.apopup__bg {
    background: url(/images/shader_black.png) repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.apopup__wr {
    background: white;
    position: absolute;
    left: 50%;
    margin-left: -425px;
    width: 820px;
    padding: 15px;
    border: 1px solid #C7CBCF;
    border-radius: 1px
}

.apopup__cross {
    position: absolute;
    right: 15px;
    top: 23px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    opacity: 0.5;
    background: url(/images/apopup_cross.png) no-repeat;
    transition: 0.2s
}

.apopup__cross:hover {
    opacity: 1
}

.apopup__title {
    font-size: 24px;
    color: black;
    text-align: center;
    margin: 10px 0 20px 0
}

.apopup__left, .apopup__right {
    float: left;
    width: 380px;
    font-size: 14px;
    color: #424141;
    margin-bottom: 20px
}

.apopup__left {
    padding-right: 60px
}

.apopup__left span, .apopup__right span {
    font-size: 16px;
    color: black
}

.apopup__grey {
    background: #F4F2F2;
    padding: 1px 0
}

.apopup__mini_title {
    font-size: 14px;
    color: black;
    padding-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.apopup__under_title {
    font-size: 13px;
    color: #5b5a5a;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center
}

.apopup__answers {
    margin: 25px 0 35px 0;
    margin-left: -40px;
    margin-top: -30px;
    position: relative;
    padding: 0 20px 0 5px
}

.apopup__ans {
    float: left;
    width: 25%;
    padding-left: 40px;
    padding-top: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.apopup__num {
    float: left;
    text-align: center;
    width: 25px;
    margin-top: 6px
}

.apopup__inp {
    overflow: hidden
}

.apopup__count {
    position: absolute;
    bottom: -28px;
    right: 20px;
    font-style: italic
}

.apopup__clear {
    position: absolute;
    bottom: -58px;
    right: 20px;
    font-style: italic;
    cursor: pointer;
    color: #ff6700;
    border-bottom: 1px dashed #ff6700
}

.apopup__clear:hover {
    color: red;
    border-color: red
}

.apopup__center {
    text-align: center;
    margin-top: 15px
}

.apopup__save {
    display: inline-block;
    float: none
}

.apopup input {
    width: 100%;
    font-size: 14px;
    color: #313131;
    padding: 8px 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.apopup select {
    width: 100%
}

.mpopup {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mpopup__bg {
    background: url(/images/shader_black.png) repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mpopup__wr {
    background: white;
    position: absolute;
    left: 50%;
    margin-left: -495px;
    width: 960px;
    padding: 15px 15px 25px 15px;
    border: 1px solid #C7CBCF;
    border-radius: 1px
}

.mpopup__cross {
    position: absolute;
    right: 15px;
    top: 23px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    opacity: 0.5;
    background: url(/images/apopup_cross.png) no-repeat;
    transition: 0.2s
}

.mpopup__cross:hover {
    opacity: 1
}

.mpopup__title {
    font-size: 24px;
    color: black;
    text-align: center;
    margin: 10px 0 40px 0
}

.mpopup__grey {
    background: #F4F2F2;
    padding: 1px 0
}

.mpopup__mini_title {
    font-size: 14px;
    color: black;
    padding-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.mpopup__under_title {
    font-size: 13px;
    color: #5b5a5a;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center
}

.mpopup__center {
    text-align: center;
    margin-top: 15px
}

.mpopup__item_list {
    width: 700px;
    margin: 0 auto
}

.mpopup__item_list_wr {
    margin-left: -40px
}

.mpopup__item {
    width: 33%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 40px;
    float: left;
    margin-bottom: 10px
}

.mpopup__item span {
    cursor: pointer;
    border-bottom: 1px dashed black;
    color: black
}

.mpopup__item span:hover {
    border-bottom: 1px dashed red;
    color: red
}

.mpopup__item--fill span {
    color: #A2A2A2;
    border-color: #A2A2A2;
    border: 0
}

.mpopup__item--fill span:hover {
    color: #A2A2A2;
    border-color: #A2A2A2;
    cursor: default;
    border: 0
}

#mpopup__header {
    font-weight: bold
}

.mpopup__row {
    text-align: left
}

.mpopup__row .col1 {
    float: left;
    width: 240px;
    padding-right: 10px
}

.mpopup__row .col2 {
    float: left;
    width: 240px;
    padding-right: 10px
}

.mpopup__row .col3 {
    float: left;
    width: 240px
}

.mpopup__item {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 10px
}

.mpopup__filter {
    margin: -20px auto 20px auto;
    width: 250px
}

.mpopup__mini {
    font-size: 11px;
    color: grey;
    margin-left: 7px
}

.mpopup__filter_inp {
    padding: 3px 5px;
    width: 100%;
    box-sizing: border-box
}

.member_name, .leader_name {
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px dashed #ff6700;
    color: #ff6700;
    margin-top: 4px;
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden
}

.member_name:hover, .leader_name:hover {
    border-bottom: 1px dashed red;
    color: red
}

.opacity .member_name:hover, .opacity .leader_name:hover {
    border-bottom: 1px dashed #ff6700;
    color: #ff6700;
    cursor: default
}

.member_name.fill, .leader_name.fill {
    color: black;
    border-color: black
}

.member_name.fill:hover, .leader_name.fill:hover {
    color: red;
    border-color: red
}

.member_name.deleted, .leader_name.deleted {
    color: #9e9e9e;
    border-bottom: 1px dashed #9e9e9e
}

.member_name.active {
    color: black;
    border-bottom: none;
    cursor: text;
    max-width: none
}

.member_name.active:hover {
    color: black
}

.member_remove, .leader_remove {
    cursor: pointer;
    color: #ff6700;
    display: inline-block;
    font-weight: bold
}

.member_remove:hover, .leader_remove:hover {
    color: red
}

.tpopup {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tpopup__bg {
    background: url(/images/shader_black.png) repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tpopup__wr {
    background: white;
    position: absolute;
    left: 50%;
    margin-left: -425px;
    width: 820px;
    padding: 15px 15px 25px 15px;
    border: 1px solid #C7CBCF;
    border-radius: 1px
}

.tpopup__cross {
    position: absolute;
    right: 15px;
    top: 23px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    opacity: 0.5;
    background: url(/images/apopup_cross.png) no-repeat;
    transition: 0.2s
}

.tpopup__cross:hover {
    opacity: 1
}

.tpopup__title {
    font-size: 24px;
    color: black;
    text-align: center;
    margin: 10px 0 40px 0
}

.tpopup__grey {
    background: #F4F2F2;
    padding: 1px 0
}

.tpopup__mini_title {
    font-size: 14px;
    color: black;
    padding-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}

.tpopup__under_title {
    font-size: 13px;
    color: #5b5a5a;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center
}

.tpopup__center {
    text-align: center;
    margin-top: 15px
}

.tpopup__item_list {
    width: 600px;
    margin: 0 auto
}

.tpopup__item_list_wr {
    margin-left: -40px
}

.tpopup__item {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 40px;
    float: left;
    margin-bottom: 10px
}

.tpopup__item span {
    cursor: pointer;
    border-bottom: 1px dashed black;
    color: black
}

.tpopup__item span:hover {
    border-bottom: 1px dashed red;
    color: red
}

.opacity {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default
}

.hidden_file_input, .hidden_file_form {
    opacity: 0;
    position: fixed;
    top: -999px;
    left: -999px
}

.cabmenu_with_bckg {
    width: 220px;
    background: url(/images/tpl/soon_bckg_top.png) 0 0 no-repeat;
    padding: 22px 0 0 18px;
    margin-bottom: 75px;
    position: relative
}

.cabmenu.cabmenu_with_bckg:after {
    content: '';
    width: 220px;
    height: 75px;
    background: url(/images/tpl/soon_bckg_bottom.png) 0 100% no-repeat;
    padding: 20px 0 0 18px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -65px
}

.cabmenu_with_bckg .some_li a {
    margin-top: 15px;
    background: #f1f0f0;
    text-decoration: none;
    color: #ed7d33;
    width: 128px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0;
    text-align: center;
    margin: 25px 0 6px 8px
}

.cabmenu_with_bckg li {
    margin-bottom: 12px
}

.cabmenu_with_bckg li a {
    color: #fff;
    padding: 4px 8px
}

.cabmenu_with_bckg li.active {
    margin-bottom: 10px
}

.cabmenu_with_bckg li.active a {
    background: #fff;
    color: #569819;
    margin-right: 3px;
    text-decoration: none
}

.cabmenu_with_bckg .info {
    width: 145px;
    font-size: 13px;
    line-height: 14px;
    margin-left: 8px;
    color: #fff
}

.cabmenu_with_bckg h2 {
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
    font: bold 20px/20px 'Cuprum';
    margin-left: -8px
}

.marker_ok {
    background: url(/images/tpl/marker_ok.png) 0 0 no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: -5px
}

.memb {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 22px
}

.memb i {
    font-size: 14px
}

.change_btn, .del_btn, .repair_btn {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    cursor: pointer
}

.change_btn {
    background: url(/images/tpl/change_btn.png) 0 0 no-repeat
}

.del_btn {
    background: url(/images/tpl/del_btn.png) 0 0 no-repeat
}

.repair_btn {
    background: url(/images/tpl/repair_btn.png) 0 0 no-repeat
}

.text_info, .memb span {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    color: #666;
    font-size: 12px;
    line-height: 12px;
    margin-left: 10px;
    margin-bottom: -12px
}

.memb span {
    margin-top: 0
}

.add_button {
    margin-top: 15px;
    background: #f1f0f0;
    text-decoration: none !important;
    color: #ed7d33;
    padding: 0 15px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #dedddd;
    display: inline-block
}

.add_info {
    margin: 25px 0 12px 87px;
    color: #666;
    font-size: 14px;
    line-height: 16px;
    width: 500px
}

.members_list {
    margin-bottom: 12px
}

.btn_load, .btn_del {
    font-size: 12px;
    font-style: italic;
    color: #666;
    text-decoration: underline;
    display: inline-block
}

.btn_load {
    margin-right: 12px
}

.bigform select {
    width: 350px
}

.eventcolL .ordertext {
    float: left
}

.member_counter {
    font-size: 12px;
    font-style: italic;
    font-family: "Trebuchet MS";
    color: #444444;
    float: right;
    margin-right: 72px;
    margin-top: 8px
}

.form_confirm {
    color: #4E7902;
    margin-top: 12px;
    margin-left: 10px;
    float: left;
    display: none
}

.member_counter-wrapper {
    float: right;
    margin-top: -40px;
    width: 200px
}

.member_counter-wrapper .member_counter {
    float: none;
    margin-right: 0;
    margin-top: 0;
    text-align: center
}

.member_counter-wrapper .print_access_btn_order {
    margin-bottom: 12px
}

.declared {
    font-size: 16px
}

.orange_menu {
    font-size: 20px;
    font-family: 'Cuprum', sans-serif;
    font-weight: bold;
    margin-bottom: 20px
}

.orange_menu a {
    float: left;
    margin-right: 25px;
    padding: 10px 12px
}

.orange_menu .active a {
    background: #ED7D33;
    color: white;
    text-decoration: none
}

.myeventcont .myeventone:first-child .myeventhr {
    display: none
}

.myevents_result {
    font-size: 14px;
    color: black;
    margin-top: 20px;
    margin-left: 10px
}

.myevents_result i {
    float: left;
    width: 11px;
    height: 14px;
    background: url(/images/tpl/results.png) no-repeat top;
    margin-right: 7px;
    margin-top: 3px
}

.myevents_result.empty {
    color: #666666
}

.myevents_result.empty i {
    background-position: bottom
}

.myevents__info {
    margin: 10px 0
}

.myevents__info i {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(/images/tpl/info.png) no-repeat;
    margin-top: 2px
}

.myeventone .confirmblock .confirmgreen {
    margin-top: 15px;
    margin-bottom: 15px
}

.minusMargin .lcol, .minusMargin .maincol {
    margin-top: 15px
}

.eventcolR .ithappens {
    margin-top: 45px
}

.eventcolR .someblockR {
    margin-bottom: 0
}

.steps .eventcolR .someblockR {
    margin-bottom: 15px
}

.eventcolL .ordertext, .eventcolL .greensign, .eventcolL .downloadtask {
    margin-top: 20px
}

.eventcolL .greensign {
    width: 250px;
    min-height: 45px
}

.eventcolL .ordertext {
    padding-left: 40px;
    background: url(/images/tpl/sand_clock.png) no-repeat;
    width: 225px;
    min-height: 45px
}

.alt {
    margin-top: 80px;
    width: 600px
}

.alt__title {
    font-size: 24px;
    font-family: 'Cuprum', sans-serif;
    margin-bottom: 10px
}

.alt__text {
    font-size: 14px;
    color: #313131
}

.alt__btns {
    margin-top: 15px
}

.alt__desc {
    font-size: 12px;
    color: #505050;
    line-height: 20px;
    margin-top: 5px
}

.alt__left {
    float: left;
    width: 220px;
    margin-right: 50px
}

.alt__right {
    float: left;
    width: 310px
}

.alt__anchor {
    border-bottom: 1px dashed #ff6700;
    color: #ff6700 !important;
    cursor: pointer
}

.alt__anchor:hover {
    color: red !important;
    border-color: red
}

.alt__confirm {
    display: none;
    margin-top: 10px;
    color: #76AF41;
    font-weight: bold;
    font-size: 15px
}

.newbtn {
    display: inline-block;
    border: 1px solid #DCD9D9;
    cursor: pointer;
    font-size: 16px;
    color: #ff6700;
    padding: 9px 14px;
    border-radius: 2px;
    text-decoration: none !important;
    background-color: #F1F1F1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100% #F1F1F1));
    background-image: -webkit-linear-gradient(top, #fff 0%, #F1F1F1 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #F1F1F1 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #F1F1F1 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #F1F1F1 100%);
    background-image: linear-gradient(top, #fff 0%, #F1F1F1 100%)
}

.newbtn:hover {
    background: #FFFFFF;
    color: #ff6700
}

.newbtn i {
    float: left;
    width: 15px;
    height: 15px;
    background: url(/images/tpl/arr_down.png) no-repeat;
    margin-right: 5px;
    margin-top: 3px
}

.newbtn--orange {
    border-color: #cb5200;
    color: white;
    background-color: #ff6700;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6700), color-stop(100% #de5a00));
    background-image: -webkit-linear-gradient(top, #ff6700 0%, #de5a00 100%);
    background-image: -moz-linear-gradient(top, #ff6700 0%, #de5a00 100%);
    background-image: -ms-linear-gradient(top, #ff6700 0%, #de5a00 100%);
    background-image: -o-linear-gradient(top, #ff6700 0%, #de5a00 100%);
    background-image: linear-gradient(top, #ff6700 0%, #de5a00 100%)
}

.newbtn--orange:hover {
    background-color: #ff6700;
    color: white
}

.styled_ul ul li {
    list-style: disc inside;
    color: #ff6700;
    margin-bottom: 5px
}

.styled_ul li span {
    color: #444444
}

.awards__item {
    padding: 7px 5px
}

.awards__item:nth-child(2n) {
    background: #f0eff4
}

.awards__item_fio {
    width: 160px;
    display: inline-block
}

.admin_popup {
    display: none
}

.admin_popup__shade {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(/images/shader.png) repeat;
    z-index: 5000;
    top: 0;
    left: 0
}

.admin_popup__wr {
    width: 300px;
    position: fixed;
    background: white;
    padding: 20px;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin-left: 80px;
    margin-top: -55px;
    border: 4px solid #929AA1
}

.admin_popup__close {
    display: none;
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #929AA1;
    cursor: pointer;
    float: left
}

.admin_popup__close:hover {
    background: #929AA1
}

.admin_popup__info {
    margin-bottom: 10px
}

.admin_popup__status {
    margin-bottom: 10px
}

.popup {
    display: none;
    text-align: center
}

.popup__shade {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(/images/shader.png) repeat;
    z-index: 5000;
    top: 0;
    left: 0
}

.popup__wr {
    width: 380px;
    position: fixed;
    background: white;
    padding: 20px;
    z-index: 10000;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -55px;
    border: 4px solid #929AA1
}

.popup__btn {
    padding: 6px 10px;
    border-radius: 3px;
    border: 1px solid #929AA1;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    background: white;
    outline: none;
    font-size: 14px;
    line-height: 14px
}

.popup__btn:hover {
    background: #929AA1;
    color: white
}

.popup__body {
    margin-bottom: 20px
}

.popup__body_banners {
    height: 400px
}

.popup__info {
    margin-bottom: 20px;
    color: green;
    display: none
}

.popup__title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold
}

.popup input[type="email"], .popup input[type="text"], .popup input[type="password"], .popup textarea {
    padding: 5px;
    min-width: 300px
}

.may9 {
    width: 246px;
    height: 77px;
    background: url(/images/9may.png) no-repeat;
    float: left;
    margin-top: -25px;
    margin-left: 70px;
    display: none
}

.checker {
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    background: white;
    display: inline-block
}

.checker__item {
    float: left;
    padding: 10px 9px;
    background: white;
    text-align: center;
    font-size: 13px;
    color: #414141;
    cursor: pointer;
    line-height: 12px;
    min-width: 20px
}

.checker__item:hover {
    box-shadow: inset 0 2px 4px #DDDDDD
}

.checker__item.left:hover {
    box-shadow: inset 1px 2px 4px #DDDDDD
}

.checker__item.right:hover {
    box-shadow: inset -1px 2px 4px #DDDDDD
}

.checker__item.active {
    background: #75AF00;
    color: white;
    box-shadow: inset 0 2px 3px #276F0F
}

.checker__item.active.left {
    box-shadow: inset 1px 2px 3px #276F0F
}

.checker__item.active.right {
    box-shadow: inset -1px 2px 3px #276F0F
}

.checker__item.center {
    padding: 5px 9px;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7
}

.awards__item--kt .col1 {
    float: left;
    width: 184px;
    padding-right: 10px
}

.awards__item--kt .col2 {
    float: left;
    width: 250px;
    padding-right: 10px
}

.awards__item--kt .col3 {
    margin-left: auto;
    display: flex;
    justify-content: end;
    width: 160px;
    text-align: right
}

.awards__item--kt .awards__item_fio {
    font-size: 18px;
    margin-bottom: 10px
}

.awards__item--cols .col1 {
    float: left;
    width: 184px;
    padding-right: 10px
}

.awards__item--cols .col2 {
    float: left;
    width: 250px;
    padding-right: 10px
}

.awards__item--cols .col3 {
    margin-left: auto;
    display: flex;
    justify-content: end;
    width: 160px;
    text-align: right
}

.awards__item--cols .awards__item_fio {
    font-size: 18px;
    margin-bottom: 10px
}

.amenu {
    margin: 30px 0
}

.amenu a {
    text-decoration: none
}

.amenu__item {
    float: left;
    margin-right: 20px
}

.amenu__item--active a {
    font-weight: bold
}

.asubmenu {
    margin: -10px 0 10px 0
}

.asubmenu a {
    text-decoration: none
}

.asubmenu__item {
    float: left;
    margin-right: 20px
}

.asubmenu__item--active a {
    font-weight: bold
}

.admin_section h1 {
    margin: 20px 0 10px 0;
    float: none
}

.admin_section h2 {
    margin: 10px 0 10px 0;
    float: none
}

.gfilter {
    margin: 20px 0;
    margin-left: -10px;
    margin-top: -10px;
    font-size: 0
}

.gfilter input {
    padding: 5px
}

.gfilter__block select {
    padding: 5px;
    height: 28px
}

.gfilter__block {
    display: inline-block;
    margin-left: 10px;
    width: 232px;
    margin-top: 10px;
    font-size: 14px;
    vertical-align: top
}

.gfilter__block input, .gfilter__block select {
    width: 100%;
    box-sizing: border-box
}

.gfilter__block--date input {
    width: 109px
}

.gfilter__title {
    color: grey
}

.gfilter__block--disable {
    opacity: 0.5;
    cursor: default;
    pointer-events: none
}

.gfilter__block--disable input {
    cursor: default
}

#clever_open {
    text-decoration: none;
    border-bottom: 1px dashed #fef374
}

#clever_open:hover {
    border-color: #ed7d33
}

.monthcont {
    float: left;
    width: 700px
}

.ib {
    display: inline-block;
    vertical-align: top
}

.fr {
    float: right
}

.pos_rel {
    position: relative
}

a.new_link, .eventcontent a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #ed7d33
}

a.new_link:hover, .eventcontent a:hover, p a:hover {
    color: #ed7d33
}

.rcol__wide {
    width: 228px;
    padding-left: 30px;
    box-sizing: border-box
}

.rightcolumn .playme {
    margin-left: 45px
}

.rightcolumn .share {
    text-align: center;
    margin-bottom: 30px
}

.dload {
    position: relative;
    margin: 47px 0 0 -5px
}

.dload__title {
    padding-left: 25px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    background: url(/images/tpl/calendar.png) 0 3px no-repeat;
    width: 160px
}

.dload__title--opened {
    padding-left: 25px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin-bottom: 12px;
    background: url(/images/tpl/calendar_active.png) 0 3px no-repeat
}

.dload__title span {
    border-bottom: 1px dashed #ed7d33
}

.dload__title span:hover {
    color: #ed7d33
}

.dload__opened {
    display: none;
    position: absolute;
    z-index: 100;
    top: -11px;
    left: -23px;
    padding: 10px 22px;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 5px 5px #d6d6d6
}

.dload__opened ul {
    margin-left: 28px
}

.dload__opened li {
    margin-bottom: 10px
}

.dload__opened li a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #ed7d33;
    font-size: 13px
}

.dload__opened li a:hover {
    color: #ed7d33
}

.eventfilter {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin: 24px 0 5px;
    padding: 2px 0 33px;
    position: relative
}

.eventfilter h2 {
    font-size: 18px;
    font-family: 'Cuprum', sans-serif;
    float: none
}

.eventtype {
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 9px 0;
    text-align: center;
    cursor: pointer;
    width: 120px
}

.eventmembers .eventtype__name {
    margin-top: 0px;
}

.eventtype__name {
    padding: 4px 8px;
    margin-top: 5px;
}

.eventtype__name span {
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.eventtype__name span:hover, .eventtype:hover .eventtype__name span {
    color: #ed7d33
}

.eventtype__name.active {
    background: #5e8637;
    color: #fff
}

.eventtype__name.active span, .eventtype__name.active:hover span, .eventtype:hover .active span {
    border: none;
    color: #fff
}

.eventtype__e_contest {
    background: url(/images/tpl/sprites.png) 0 -222px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_olymp {
    background: url(/images/tpl/sprites.png) -227px -216px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_game {
    background: url(/images/tpl/sprites.png) -235px -60px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_week {
    background: url(/images/tpl/sprites.png) 0 -373px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_family {
    background: url(/images/tpl/sprites.png) 0 -298px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_special {
    background: url(/images/tpl/sprites.png) -310px -294px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_control {
    background: url(/images/tpl/sprites.png) -311px -58px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_summer {
    background: url(/images/tpl/sprites.png) -237px -137px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype__e_online {
    background: url(/images/tpl/sprites.png) -310px -377px no-repeat;
    width: 73px;
    height: 73px;
    display: inline-block
}

.eventtype .eventtype__name {
    padding: 2px 8px;
    min-width: 85px
}

.lesson {
    position: relative;
    display: inline-block;
    margin-right: 67px;
    vertical-align: top
}

.lesson__chosen {
    cursor: pointer;
    width: 140px;
    padding: 3px 25px 3px 15px;
    background: url(/images/tpl/trigger.png) 94% 11px no-repeat;
    border: 1px solid #ccc
}

.lesson__wrap {
    position: absolute;
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 3px 3px #d6d6d6;
    padding: 10px 15px 0 0;
    width: 555px;
    z-index: 1
}

.lesson__list {
    font-size: 0
}

.lesson__list li {
    cursor: pointer;
    padding-left: 15px;
    margin-bottom: 10px;
    width: 165px;
    display: inline-block;
    font-size: 14px
}

.lesson__list li:hover {
    color: #ed7d33
}

.lesson__list--act {
    background: url(/images/tpl/list_marker.png) 5px 7px no-repeat;
    font-weight: bold
}

.eventmembers {
    display: inline-block;
    margin-right: 53px
}

.eventmembers li {
    display: inline-block
}

.resetfilter {
    display: inline-block;
    color: #747474;
    text-decoration: none;
    border-bottom: 1px dashed #ed7d33;
    vertical-align: bottom;
    margin-bottom: 14px;
}

.eventone__image {
    float: left;
    width: 90px;
    min-height: 130px
}

.eventdate p {
    margin-bottom: 8px
}

.eventdate__ended i {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 10px 0;
    background: url(/images/tpl/sprites.png) -47px -449px no-repeat;
    width: 21px;
    height: 22px
}

.eventdate__started i {
    display: inline-block;
    vertical-align: top;
    margin: 2px 5px 12px 0;
    background: url(/images/tpl/sprites.png) -216px -450px no-repeat;
    width: 19px;
    height: 14px
}

.eventdate__registered i {
    display: inline-block;
    vertical-align: top;
    margin: -1px 5px 12px 0;
    background: url(/images/tpl/sprites.png) -73px -451px no-repeat;
    width: 19px;
    height: 19px
}

.eventdate__process i {
    display: inline-block;
    vertical-align: top;
    margin: 2px 5px 12px 0;
    background: url(/images/tpl/sprites.png) -96px -454px no-repeat;
    width: 12px;
    height: 16px
}

.readblog {
    padding-left: 45px;
    height: 35px;
    line-height: 34px;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 15px;
    background: url(/images/tpl/blog.png) 0 0 no-repeat
}

.readblog .new_link {
    font-weight: bold
}

.banner {
    margin-bottom: 23px;
    display: block
}

.pastresults {
    padding-left: 32px;
    display: inline-block;
    background: url(/images/tpl/itogi.png) 2px 4px no-repeat
}

.contestinfo {
    padding-right: 28px;
    position: absolute;
    right: 0;
    top: 8px;
    text-decoration: none;
    height: 16px;
    line-height: 16px;
    background: url(/images/tpl/i.png) right 0 no-repeat;
    color: #7c7a7a;
    font-style: italic;
    display: none
}

.contestinfo:hover {
    background: url(/images/tpl/i.png) right -16px no-repeat
}

.contestinfo_popup {
    display: none;
    z-index: 300;
    width: 960px;
    position: absolute;
    left: 0;
    top: 370px;
    background: #fff;
    padding: 50px 13px 30px;
    box-sizing: border-box
}

.contestinfo_popup__close {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    background: url(/images/tpl/sprites.png) -123px -450px no-repeat;
    width: 24px;
    height: 23px
}

.contestinfo_popup__close:hover {
    opacity: 0.5
}

.contestinfo_popup__tabs li {
    display: inline-block;
    cursor: pointer;
    margin: 0 0 30px 0
}

.contestinfo_popup__content, .tabs_content {
    display: none
}

.contestinfo_popup__content .fl {
    padding: 0
}

.contestinfo_popup__content .fr {
    width: 840px
}

.contestinfo_popup__content h6 {
    font-weight: bold;
    margin-bottom: 5px
}

.contestinfo_popup__content p {
    margin-bottom: 10px
}

.contestinfo_popup__content ul li {
    list-style-type: disc;
    margin-bottom: 3px;
    list-style-position: inside
}

.nomrg {
    margin-top: 25px
}

.no_top_margin {
    margin-top: 0 !important
}

.navibar {
    color: #ed7d33;
    margin-top: 18px
}

.eventbanner {
    margin-bottom: 20px
}

.eventinfo {
    padding-top: 55px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    max-width: 150px
}

.eventinfo_1813755 {
    background: url(/images/tpl/ico1.png) center 0 no-repeat
}

.eventinfo_1813754 {
    background: url(/images/new1/kind_of_part1.png) center 0 no-repeat
}

.eventinfo_1813753 {
    background: url(/images/new1/kind_of_part2.png) center 0 no-repeat
}

.infofamily {
    margin-left: 55px
}

.infotime {
    background: url(/images/tpl/ico2.png) center 4px no-repeat;
    margin-left: 50px
}

.inforesults {
    background: url(/images/tpl/ico3.png) center 9px no-repeat;
    margin-left: 85px
}

.eventmenu, .eventmenu_enlarge, .eventmenu_archive {
    table-layout: fixed;
    border-right: 1px solid #dbdbdb;
    width: 100%;
    display: table;
    box-sizing: border-box;
    margin-top: 20px
}

.eventmenu_archive {
    margin-top: 40px
}

.eventmenu__item {
    line-height: 16px;
    color: #3d3d3d;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-right: 0;
    text-align: center;
    width: 100%;
    height: 51px;
    background: url(/images/tpl/li_grad.png) 0 0 repeat-x
}

.eventmenu__item.active {
    color: #fff;
    text-shadow: 1px 2px #548100;
    border: 1px solid #639b00;
    border-right: 0;
    background: url(/images/tpl/li_act_bg.png) 0 0 repeat-x
}

.eventcontent {
    padding: 18px 15px;
    border: 1px solid #dbdbdb;
    border-top: none;
    margin-bottom: 30px
}

.eventcontent h5 {
    margin-bottom: 20px
}

.eventcontent h6 {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px
}

.eventcontent p, .eventcontent ul {
    margin-bottom: 20px
}

.eventcontent ul li {
    margin-bottom: 10px;
    line-height: 22px;
    padding-left: 15px;
    background: url(/images/tpl/li_marker.png) 0 6px no-repeat
}

.eventcontent table {
    width: 100%;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    margin-bottom: 20px
}

.eventcontent td, .eventcontent th {
    border-right: 1px solid #dbdbdb;
    padding: 10px 14px 12px
}

.eventcontent th {
    text-align: center
}

.eventcontent tr:nth-child(even) {
    background: #f2f8e4
}

.eventcontent .yearblock li {
    background: none;
    padding: 0;
    list-style-type: disc;
    margin-bottom: 3px;
    list-style-position: inside
}

.eventcontent__hold {
    margin-top: 20px;
    margin-bottom: -20px
}

.postblock span {
    float: left;
    margin: 4px 10px 20px 0;
    background: url(/images/tpl/sprites.png) -282px -2px no-repeat;
    width: 86px;
    height: 41px
}

.eventstep {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    line-height: 18px;
    position: relative;
    padding-top: 74px
}

.eventstep__img {
    margin: 0 auto 5px;
    height: 70px;
    width: 70px;
    border-radius: 69px;
    position: absolute;
    top: 0;
    left: 30%;
    z-index: 10
}

.eventstep--active .eventstep__img {
    border: 3px solid #9dab1a;
    margin-top: -6px
}

.step_1 {
    background: url(/images/tpl/sprites.png) -313px -140px no-repeat
}

.step_2 {
    background: url(/images/tpl/sprites.png) -154px -206px no-repeat
}

.step_3 {
    background: url(/images/tpl/sprites.png) -315px -220px no-repeat
}

.step_4 {
    background: url(/images/tpl/sprites.png) -158px -283px no-repeat
}

.some_line {
    position: absolute;
    background: #9dab1a;
    height: 3px;
    top: 32px;
    width: 140px
}

.line_1 {
    left: 114px
}

.line_2 {
    left: 265px;
    width: 98px
}

.line_3 {
    left: 428px
}

.line_4 {
    left: 135px;
    width: 158px
}

.line_5 {
    left: 362px;
    width: 158px
}

.line_6 {
    left: 589px;
    width: 158px
}

.eventage {
    font-style: italic;
    line-height: 25px
}

.eventage span {
    background: url(/images/tpl/sprites.png) -168px -453px no-repeat;
    width: 21px;
    height: 20px;
    float: left;
    margin-right: 4px
}

.graylink {
    text-decoration: none;
    color: #ff5d36;
    width: 170px;
    height: 80px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    border: 1px solid #e1e1e1;
    background: url(/images/tpl/gray_bg.jpg) 0 0 repeat-x;
    text-align: center;
    font-weight: bold
}

.graylink:hover {
    background: #ff5d36;
    color: #fff
}

.graylink__name {
    position: absolute;
    left: 0;
    bottom: 8px;
    display: block;
    width: 100%
}

.graylink__img {
    display: inline-block;
    vertical-align: top
}

.exampleslink, .ruleslink {
    width: 148px;
    color: #94d600
}

.exampleslink .graylink__img {
    margin-top: 10px;
    background: url(/images/tpl/sprites.png) -125px -358px no-repeat;
    width: 46px;
    height: 39px
}

.exampleslink:hover .graylink__img {
    background: url(/images/tpl/sprites.png) -179px -359px no-repeat
}

.ruleslink .graylink__img {
    margin-top: 12px;
    background: url(/images/tpl/sprites.png) -235px -359px no-repeat;
    width: 22px;
    height: 32px
}

.ruleslink:hover .graylink__img {
    background: url(/images/tpl/sprites.png) -261px -360px no-repeat
}

.anonslink .graylink__img {
    margin-top: 12px;
    background: url(/images/tpl/sprites.png) -133px -403px no-repeat;
    width: 26px;
    height: 34px
}

.anonslink:hover .graylink__img {
    background: url(/images/tpl/sprites.png) -170px -404px no-repeat
}

.giftslink {
    margin-right: 0
}

.giftslink .graylink__img {
    margin-top: 18px;
    background: url(/images/tpl/sprites.png) -206px -405px no-repeat;
    width: 32px;
    height: 28px
}

.giftslink:hover .graylink__img {
    background: url(/images/tpl/sprites.png) -241px -404px no-repeat
}

.leftcolumn {
    float: left;
    width: 676px;
    margin-right: 25px;
    padding-bottom: 20px
}

.rightcolumn {
    float: left;
    width: 255px
}

.calculate {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    background: #f4f4f5;
    margin: 30px 0 15px
}

.calculate h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Trebuchet MS', sans-serif;
    line-height: 22px
}

.calculate .quantcont {
    width: 90px
}

.calculate .letscalc {
    width: auto
}

.calculate .calcR {
    float: none;
    margin: 10px 0 0
}

.calculate .calcL {
    float: none
}

.totalmembers {
    font-weight: bold;
    font-size: 20px;
    padding-top: 8px;
    font-family: 'PT Sans', sans-serif
}

.totalmembers span {
    float: left;
    margin: 3px 5px 0 0;
    background: url(/images/tpl/sprites.png) -193px -451px;
    width: 17px;
    height: 16px
}

.share {
    margin-bottom: 30px
}

.share h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    display: inline-block;
    vertical-align: top
}

.share__vk {
    background: url(/images/tpl/sprites.png) -1px 0 no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.share__vk:hover {
    background: url(/images/tpl/sprites.png) -1px -35px no-repeat
}

.share__fb {
    background: url(/images/tpl/sprites.png) -114px 0 no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.share__fb:hover {
    background: url(/images/tpl/sprites.png) -114px -35px no-repeat
}

.share__tw {
    display: none;
    background: url(/images/tpl/sprites.png) -38px 0 no-repeat;
    width: 34px;
    height: 34px;
    vertical-align: top;
    margin-left: 5px
}

.share__tw:hover {
    background: url(/images/tpl/sprites.png) -38px -35px no-repeat
}

.share__odn {
    background: url(/images/tpl/sprites.png) -76px 0 no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px
}

.share__odn:hover {
    background: url(/images/tpl/sprites.png) -76px -35px no-repeat
}

.page {
    padding-top: 30px
}

.page h1 {
    margin-bottom: 20px
}

.document {
    color: #000;
    text-decoration: none;
    padding-left: 15px;
    background: url(/images/tpl/docs.png) 0 5px no-repeat;
    display: block;
    margin-bottom: 20px
}

.document:hover {
    color: #000
}

.document span {
    border-bottom: 1px solid #f58c3d
}

.document span:hover {
    color: #f58c3d
}

.check {
    margin-bottom: 15px;
    padding-left: 20px;
    height: 14px;
    line-height: 13px;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    box-sizing: border-box;
    padding-right: 15px
}

.nonchecked {
    background: url(/images/tpl/newcheck.png) 0 0 no-repeat
}

.checked {
    background: url(/images/tpl/newcheck.png) 0 -14px no-repeat
}

#event_desc_who_part_checkbox .check {
    width: 50%
}

.years {
    margin-top: 15px
}

.yearblock {
    padding: 35px 0 0 10px;
    position: relative;
    border-left: 2px solid #598527
}

.yearblock:last-child {
    border-left: 2px solid #fff
}

.yearblock__img {
    position: absolute;
    top: -5px;
    left: -8px;
    background: url(/images/tpl/year_bg.jpg) 0 0 no-repeat;
    width: 18px;
    height: 13px
}

.yearblock__name {
    cursor: pointer;
    position: absolute;
    top: -10px;
    width: 98px;
    border: 2px solid #598527;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: bold
}

.yearblock__name--active {
    background: #598527;
    color: #fff
}

.yearblock__wrap {
    padding-bottom: 10px;
    margin-top: -15px;
    display: none
}

.feedback {
    margin-bottom: 25px;
    position: relative
}

.feedback__photo {
    float: left;
    border-radius: 67px;
    margin-right: 10px;
    border: 2px solid #d7d7d7;
    height: 67px;
    width: 67px
}

.feedback__photo img {
    border-radius: 67px
}

.feedback__content {
    float: left;
    width: 555px;
    line-height: 22px
}

.feedback__content p {
    margin-bottom: 10px
}

.feedback__content strong {
    display: block
}

.feedback__info {
    font-style: italic;
    color: #7b7b7b
}

.feedback__more {
    font-weight: bold;
    font-style: italic
}

.feedback_popup {
    display: none;
    z-index: 300;
    width: 678px;
    position: absolute;
    left: -15px;
    top: 0;
    background: #fff;
    padding: 35px 15px 25px;
    box-sizing: border-box
}

.feedback_popup__prev {
    float: left;
    margin-top: 10px
}

.feedback_popup__next {
    float: right;
    margin-top: 10px
}

.pagenav__elem, .eventcontent .pagenav__elem {
    text-decoration: none;
    border: none;
    color: #000;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    margin-right: 3px
}

.pagenav__elem--active, .eventcontent .pagenav__elem--active {
    color: #fff;
    background: #ed7d36
}

.basic {
    margin-bottom: 25px
}

.basic__li {
    padding: 2px 8px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: top
}

.basic__li span {
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer
}

.basic__li span:hover {
    color: #ed7d33
}

.basic__li.active {
    background: #5e8637;
    color: #fff
}

.basic__li.active span, .basic__li.active:hover span {
    border: none;
    color: #fff
}

.basic__li a {
    border-bottom: 1px dashed #ed7d33;
    cursor: pointer;
    color: black;
    text-decoration: none
}

.basic__li a:hover {
    color: #ed7d33
}

.basic__li.active {
    background: #5e8637;
    color: #fff
}

.basic__li.active a, .basic__li.active:hover a {
    border: none;
    color: #fff
}

.subscr {
    line-height: 16px;
    margin-top: 15px
}

.subscr span {
    float: left;
    margin: 2px 5px 0 0;
    background: url(/images/tpl/sprites.png) -188px -48px no-repeat;
    width: 14px;
    height: 12px
}

.h1_withimage img {
    float: left;
    margin-right: 25px;
    height: 95px
}

.archivedocs {
    height: 51px;
    line-height: 51px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    margin: 15px 15px 0 0;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    border: 1px solid #639b00;
    background: url(/images/tpl/li_act_bg.png) 0 0 repeat-x
}

.archivedocs:hover {
    color: #fff
}

.questmenu {
    margin-bottom: 25px
}

.questmenu .basic__li {
    margin-bottom: 5px
}

.askquestion {
    background: url(/images/tpl/sprites.png) 0 -83px no-repeat;
    width: 231px;
    height: 126px;
    text-align: center;
    line-height: 22px;
    padding: 20px 10px;
    box-sizing: border-box;
    color: #fff
}

.askquestion a {
    color: #fff
}

.question {
    margin-bottom: 50px;
    position: relative
}

.question__answer {
    color: #fff;
    padding: 8px 0 0 38px;
    box-sizing: border-box;
    bottom: -27px;
    right: -99px;
    position: absolute;
    width: 124px;
    height: 54px;
    background: url(/images/tpl/answer.png) 0 0 no-repeat
}

.question__fullanswer {
    display: none;
    width: 480px;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    line-height: 20px;
    background: #5e8637
}

.question__fullanswer p {
    margin-bottom: 5px
}

.question__fullanswer ol, .question__fullanswer ul {
    padding-left: 25px
}

.question__fullanswer a {
    color: white;
    border-color: white
}

.question__fullanswer a:hover {
    color: #ed7d33;
    border-color: #ed7d33
}

.question__text {
    margin-bottom: 10px;
    position: relative;
    font-weight: bold;
    box-shadow: 0 2px 2px #d6d6d6;
    padding: 10px 15px 12px;
    box-sizing: border-box;
    width: 512px;
    border: 1px solid #eee;
    border-top: 3px solid #b8caa7;
    border-radius: 5px
}

.question__corner {
    background: url(/images/tpl/sprites.png) -149px -461px no-repeat;
    width: 15px;
    height: 17px;
    top: -16px;
    left: 27px;
    position: absolute
}

.question__anscorner {
    background: url(/images/tpl/sprites.png) -151px -443px no-repeat;
    width: 12px;
    height: 14px;
    bottom: -14px;
    left: 95px;
    position: absolute
}

.questmenu__li {
    margin-bottom: 5px
}

.questmenu__li .wr {
    padding: 2px 8px;
    margin-right: 3px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.questmenu__li a {
    border-bottom: 1px dashed #ed7d33;
    text-decoration: none;
    color: #000000
}

.questmenu__li a:hover {
    color: #ed7d33
}

.questmenu__li.active .wr {
    background: #5e8637;
    color: #fff
}

.questmenu__li.active a, .questmenu__li.active:hover a {
    border: none;
    color: #fff
}

.answer_down, .answer_up {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #fff
}

.answer_down:hover, .answer_up:hover {
    color: #ed7d33;
    border-bottom: 1px dashed #ed7d33
}

.deleteAltDownload_1779849 .alt {
    display: none
}

.deleteAltDownload_1779849 .styled_ul li:nth-child(3) {
    display: none
}

.mlegend {
    margin: 15px 0;
    font-size: 14px
}

.mlegend b {
    font-size: 16px
}

.aform {
    margin: 20px 0
}

.aform__line {
    margin-top: 12px;
    float: left;
    clear: both;
    width: 100%
}

.aform__line--wide {
    width: 100%
}

.aform__line:first-child {
    margin-top: 0
}

.aform__title {
    margin-bottom: 5px;
    font-weight: bold
}

.aform input[type="text"], .aform input[type="password"], .aform textarea {
    padding: 7px 5px;
    box-sizing: border-box;
    font-size: 16px
}

.aform input[type="text"], .aform input[type="password"] {
    width: 695px
}

.aform__red {
    color: red
}

.aform__green {
    color: green
}

.aform .biggreenlink {
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px;
    box-sizing: border-box
}

.aform .biggreenlink + .biggreenlink {
    margin-left: 20px
}

.efilter__select {
    display: inline-block;
    margin-right: 35px;
    vertical-align: top;
    min-width: 150px
}

.efilter__select--mod1 input {
    width: 115px
}

.efilter__select--mod1 input:last-child {
    width: 135px
}

.efilter__limiter {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom
}

.mails__item {
    margin-bottom: 15px;
    font-size: 16px
}

.mails__desc {
    font-size: 14px;
    font-style: italic
}

.winners {
    margin-top: 30px
}

.winners .col1 {
    float: left;
    width: 240px;
    margin-right: 10px;
    min-height: 1px
}

.winners .col2 {
    float: left;
    width: 120px;
    margin-right: 10px;
    min-height: 1px
}

.winners .col3 {
    float: left;
    width: 250px;
    min-height: 1px
}

.winners__item {
    margin-bottom: 15px;
    font-size: 16px
}

.winners__header {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold
}

.admin_winners_add_pop, .admin_grants_add_pop, .admin_meta_add_pop {
    display: none
}

.admin_winners_add_pop .popone, .admin_grants_add_pop .popone, .admin_meta_add_pop .popone {
    width: 480px
}

#admin_winners_memsearch, #admin_grants_memsearch, #admin_meta_memsearch {
    width: 160px;
    margin-left: 170px
}

#admin_winners_search_results {
    display: none
}

#admin_winners_search_results_fail {
    display: none
}

.mstat {
    margin: 30px 0
}

.mstat__table {
    width: 100%;
    border-collapse: collapse
}

.mstat__table td, .mstat__table th {
    border: 1px solid black;
    padding: 5px 10px;
    text-align: center
}

.rbanner a {
    text-decoration: none;
    border-bottom: 0
}

.mainheader .adminmenu {
    float: left;
    margin-right: 20px
}

.main__list {
    margin-left: -125px
}

.mlist__item {
    display: table;
    float: left;
    width: 235px;
    margin-left: 125px;
    text-align: center
}

.mlist__item p {
    line-height: 20px;
    font-size: 16px
}

.mlist__img {
    display: table-row;
    height: 65px;
    text-align: center
}

.mlist__vertical {
    display: table-cell;
    vertical-align: middle
}

.main__competition {
    margin-top: 55px
}

.main__competition h3 {
    font-family: 'TrebuchetMSBold';
    margin-bottom: 10px;
    float: none;
    width: auto;
    text-align: center;
    color: #2B2B2B;
    font-size: 24px;
    margin-bottom: 30px
}

.mcompetition__title {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    width: 148px;
    height: 40px;
    font-family: Myriad Pro;
    color: #000;
    line-height: 15px
}

.mcompetition__list {
    position: relative
}

.mcompetition__class__block {
    display: inline-block;
    position: relative
}

.mcompetition__class {
    background-color: #FFF2D7;
    border: 1px solid #F9B000;
    border-radius: 60px
}

.mcompetition__class:hover {
    background-color: #FFDC95
}

.mcompetition__class:active {
    background-color: #FBC75D
}

.mcompetition__title__class {
    font-size: 16px;
    font-family: 'TrebuchetMSBold';
    color: #2b2b2b;
    line-height: 45px;
    text-align: center
}

.mcompetition__title__class:hover {
    color: #000
}

.mcompetition__link {
    display: inline-block;
    height: 2px;
    padding: 0 5px;
    margin-top: 5px;
    line-height: 23px;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    overflow: hidden
}

.main__competition .biggreenlink {
    display: inline-block;
    float: none;
    margin: 25px auto 0
}

.main__news {
    width: 100%;
    height: 447px;
    margin-top: 50px;
    line-height: 20px;
    background: url(/images/tpl/mnews_bg.jpg) repeat-x;
    overflow: hidden
}

.main__news .wrap {
    margin-top: 35px
}

.main__news h3 {
    margin-top: -5px;
    margin-bottom: 5px;
    font-family: Myriad Pro
}

.main__news a:hover {
    color: inherit;
    text-decoration: none
}

.mnews__slider {
    position: relative;
    float: left;
    width: 635px;
    margin-left: 50px
}

.mslider__inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.mslider__container {
    width: 400%
}

.mslider__item {
    float: left;
    width: 25%;
    height: 324px
}

.mslider__text {
    position: relative;
    float: left;
    width: 270px;
    height: 100%;
    margin-left: 1px;
    color: #ffffff
}

.mslider__text h3 {
    margin-top: -5px;
    margin-bottom: 5px;
    float: none
}

.mslider__text a {
    line-height: 22px;
    font-size: 18px;
    color: #fff
}

.mslider__text a:hover {
    text-decoration: none
}

.mslider__text p {
    font-size: 16px;
    line-height: 20px
}

.mslider__text .maingold {
    position: absolute;
    bottom: 0;
    left: 1px
}

.mslider__img {
    float: left;
    height: 100%;
    margin-left: 19px;
    padding-right: 20px
}

.mslider__button {
    position: absolute;
    width: 710px;
    top: 50%;
    left: -50px;
    margin-top: -28px
}

.mbutton__left {
    float: left;
    width: 31px;
    height: 57px;
    background: url(/images/tpl/sprites1.png) -51px 108px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.mbutton__right {
    float: right;
    width: 31px;
    height: 57px;
    background: url(/images/tpl/sprites1.png) -92px -59px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.mslider__control {
    position: absolute;
    bottom: -55px;
    width: 100%;
    text-align: center
}

.mcontrol__item {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(/images/tpl/sprites1.png) 67px -30px;
    cursor: pointer
}

.mcontrol__item:last-child {
    margin: 0
}

.mcontrol__item.active {
    width: 19px;
    background: url(/images/tpl/sprites1.png) 67px -58px
}

.mnews__content {
    float: right;
    width: 220px;
    color: #ffffff
}

.mnews__item {
    margin-bottom: 25px;
    font-size: 16px
}

.mnews__date {
    font-style: italic
}

.mnews__title {
    font-size: 16px;
    color: #ffffff
}

.mnews__title:hover {
    text-decoration: none
}

.main__agitation {
    margin-left: -25px;
    padding-top: 50px;
    text-align: center
}

.main__agitation h3 {
    font-family: Myriad Pro;
    margin-bottom: 10px
}

.main__agitation .mlist__item {
    width: 220px;
    margin-left: 25px;
    font-family: Myriad Pro
}

.main__agitation .mlist__img {
    height: 95px
}

.main__calendar {
    width: 100%;
    height: 479px;
    margin-top: 50px;
    background: url(/images/tpl/mcalendar-bg.jpg) center center no-repeat;
    overflow: hidden
}

.mcalendar__content {
    position: absolute;
    left: 50%;
    width: 760px;
    height: 416px;
    margin-top: 30px;
    margin-left: -530px;
    padding: 35px 45px;
    background: url(/images/tpl/mcalendar-content.png);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.mcalendar__content h3 {
    margin-bottom: 15px;
    font-family: Myriad Pro
}

.mcalendar__link {
    position: absolute;
    top: 42px;
    right: 50px;
    display: inline-block;
    color: #000000;
    text-decoration: none;
    font-weight: bold
}

.mcalendar__link span {
    border-bottom: 1px solid #ed7d33
}

.mcalendar__link:before {
    content: '';
    display: block;
    float: left;
    width: 27px;
    height: 23px;
    margin-right: 5px;
    background: url(/images/tpl/sprites1.png) 200px 41px
}

.mcalendar__container {
    margin-left: -35px
}

.mcalendar__item {
    float: left;
    width: 200px;
    margin-left: 35px;
    margin-bottom: 25px;
    font-family: Myriad Pro
}

.mcalendar__item:nth-child(4) {
    clear: both
}

.mcalendar__item p {
    margin-bottom: 2px
}

.mcalendar__item p:first-child {
    margin-bottom: 5px
}

.mcalendar__item p a {
    font-weight: bold;
    font-size: 16px;
    color: #ed7d33;
    text-decoration: underline;
    border: none
}

.mcalendar__item p a span {
    color: #000
}

.mcalendar__item p a span:hover {
    color: #ed7d33
}

.main__block {
    float: left;
    padding: 4px 6px;
    border: 1px dashed #ffffff;
    font-size: 16px
}

.main__block p {
    line-height: 20px
}

.mblock__table {
    width: 210px;
    padding: 15px 15px;
    border: 1px dashed #ffffff
}

.mblock__table a {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #ed7d33
}

.main__block img {
    margin-bottom: 10px
}

.main__calendar .main__block {
    position: absolute;
    left: 50%;
    margin-left: 240px;
    margin-top: 40px;
    color: #ffffff
}

.main__calendar .main__block a {
    color: #ffffff;
    border: none;
    text-decoration: underline
}

.main__calendar .main__block a:hover {
    text-decoration: none
}

.main__games {
    margin-top: 45px;
    padding-bottom: 70px;
    text-align: center
}

.main__games p {
    line-height: 20px
}

.mgames__top {
    width: 700px;
    margin: 0 auto 35px;
    font-size: 16px
}

.main__games .main__block {
    margin-left: -25px;
    border-color: #000000;
    text-align: left
}

.main__games .mblock__table {
    border-color: #000000
}

.mgames__content {
    float: left;
    width: 725px;
    margin-top: -40px
}

.mgames__item {
    float: left;
    width: 325px;
    margin-left: 35px;
    margin-top: 40px
}

.mgames__item img {
    float: left
}

.mgames__item:nth-child(odd) {
    clear: both
}

.mgames__text {
    float: left;
    width: 225px;
    margin-left: 10px;
    text-align: left
}

.mgames__text p:first-child {
    margin-bottom: 3px
}

.mgames__text a {
    font-family: Myriad ProBold;
    font-size: 16px;
    color: #ed7d33;
    line-height: 20px;
    text-decoration: underline;
    border: 0
}

.mgames__text a span {
    color: #000
}

.mgames__text a span:hover {
    color: #ed7d33
}

.mgames__content .biggreenlink {
    display: inline-block;
    margin: 15px auto 0;
    float: none
}

.main__about {
    width: 100%;
    height: 499px;
    padding-top: 40px;
    background: url(/images/tpl/mabout-bg.jpg) repeat-x;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.mabout__text {
    float: left;
    width: 485px;
    color: #ffffff;
    font-size: 16px
}

.mabout__text h3 {
    font-family: Myriad Pro
}

.mabout__text p {
    margin-bottom: 10px;
    line-height: 20px
}

.mabout__text a {
    color: #fff
}

.mabout__text .maingold {
    margin-top: 15px
}

.mabout__right {
    float: right
}

.mabout__video {
    position: relative;
    float: right;
    width: 497px;
    height: 290px;
    margin-top: 35px;
    margin-right: -45px;
    background: url(/images/tpl/main-notebook.png)
}

.mabout__block {
    position: relative;
    width: 373px;
    height: 236px;
    margin-left: 60px;
    margin-top: 15px;
    cursor: pointer
}

.mabout__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78px;
    height: 78px;
    margin-left: -39px;
    margin-top: -39px;
    background: url(/images/tpl/main-play.png);
    cursor: pointer
}

.mabout__video span {
    position: absolute;
    bottom: -57px;
    display: block;
    width: 100%;
    text-align: center;
    font-family: Myriad Pro;
    font-style: italic;
    color: #ffffff
}

.footer__reg {
    width: 205px
}

.footer__reg .headregme a, .footer__reg .cabcont span {
    font-size: 16px;
    text-shadow: none;
    font-weight: bold;
    color: #000000
}

.footer__reg .headregme {
    position: relative;
    padding-left: 30px;
    background: none
}

.footer__reg .headregme:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 2px;
    width: 19px;
    height: 15px;
    background: url(/images/tpl/sprites1.png) 67px -5px
}

.footer__reg .key {
    position: relative;
    padding-left: 20px;
    background: none;
    margin-top: -2px
}

.footer__reg .key:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(/images/tpl/sprites1.png) 119px -30px
}

.footer__reg .adminmenu {
    display: none
}

.footer__reg .usermenu a {
    color: #000;
    font-family: trebuchet MS;
    font-size: 15px;
    border-bottom: 1px solid #ed7d33;
    font-weight: bold
}

.footer__reg .usermenu a:hover {
    color: #ff3300
}

.freg__item {
    float: left;
    margin-left: 10px
}

.freg__item img {
    float: left;
    margin-right: 5px
}

.freg__item b {
    float: left;
    margin-top: -2px;
    font-size: 16px
}

.footer__list {
    float: none !important;
    margin-top: 25px
}

.footer__list li {
    margin-bottom: 5px
}

.footer__list li a {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #ed7d33
}

.footer__list li a:hover {
    color: #ed7d33
}

.footer__right {
    float: right;
    width: 190px
}

.footer__right div {
    margin-bottom: 10px
}

.footer__right a {
    color: #000000;
    text-decoration: none
}

.footer__right img {
    float: left;
    margin-left: 5px;
    margin-top: 35px
}

.fright__phone a:before {
    content: '';
    float: left;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    margin-top: 5px;
    background: url(/images/tpl/sprites1.png) 91px -5px
}

.fright__email a:before {
    content: '';
    float: left;
    width: 18px;
    height: 12px;
    margin-right: 7px;
    margin-top: 5px;
    background: url(/images/tpl/sprites1.png) -86px -5px
}

.fright__skype a:before {
    content: '';
    float: left;
    width: 18px;
    height: 19px;
    margin-right: 7px;
    margin-top: 3px;
    background: url(/images/tpl/sprites1.png) 95px -30px
}

.footer__right .mahog a:after {
    content: '';
    position: absolute;
    display: block;
    top: -1px;
    right: -80px;
    width: 79px;
    height: 20px;
    background: url(/images/tpl/mahog.jpg)
}

.topmenu li.acted {
    border-bottom: 3px solid #fef374;
    color: #fef374;
    text-shadow: 0 1px 1px #66903d
}

.orangebutton {
    display: inline-block;
    padding: 0 15px;
    line-height: 43px;
    text-decoration: none;
    color: #014732;
    font-size: 18px;
    font-family: Myriad ProBold;
    border: 1px solid #f4a72c;
    background: url(/images/tpl/orangebut.jpg)
}

.headlogin {
    padding: 5px 14px;
    background: #457820;
    border-radius: 5px;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
    font: 16px/22px Myriad Pro;
    margin-right: 15px
}

.headlogin:hover {
    border: 3px solid #fef374;
    color: #fef374
}

.headuser {
    padding: 5px 14px;
    background: #457820;
    border-radius: 5px;
    border: 3px solid #fff;
    font: 16px/22px Myriad Pro;
    margin-right: 15px;
    text-decoration: none
}

.headuser:hover {
    border: 3px solid #fef374
}

.headcab {
    float: right;
    margin: 39px 22px 18px 0
}

.header--mod .headcab {
    margin-bottom: 20px
}

.sysdiv table {
    width: 100%;
    border: 1px solid #dbdbdb;
    font-size: 14px
}

.sysdiv td, .sysdiv th {
    border: 1px solid #dbdbdb;
    padding: 10px 14px 12px
}

.sysdiv th {
    text-align: center
}

.sysdiv tr:nth-child(even) {
    background: #f2f8e4
}

.wrap--rating {
    position: relative
}

.wrap--rating .aboutcol {
    float: none;
    width: 100%
}

.wrap--rating .aboutcol p {
    margin-bottom: 5px
}

.wrap--rating .aboutcol__right {
    text-align: right
}

.wrap--rating .aboutcol__right span {
    color: #000000
}

.wrap--rating .aboutcol__right span:hover {
    color: #ff3300
}

.wrap--rating .eventfilter {
    text-align: center;
    margin-top: 10px;
    padding: 30px 0 15px;
    border-bottom: none
}

.wrap--rating .eventtype {
    margin-right: 45px
}

.wrap--rating .eventtype:last-child {
    margin-right: 0
}

.wrap--rating .eventtype .eventtype__name {
    padding: 2px 8px;
    max-width: 120px;
    min-width: auto
}

.wrap--rating .eventtype .eventtype__name.active a {
    text-decoration: none
}

.wrap--rating .eventtype .eventtype__name.active b {
    color: #ffffff
}

.wrap--rating .eventtype:hover .eventtype__name.active b {
    color: #ffffff
}

.wrap--rating .eventtype__name b {
    color: #000000
}

.wrap--rating .eventtype:hover .eventtype__name b {
    color: #ff3300
}

.wrap--rating .eventtype__elem {
    display: inline-block;
    width: 73px;
    height: 73px
}

.wrap--rating .eventtype__elem a {
    display: block;
    height: 100%;
    width: 100%
}

.eventtype__elem--img1 {
    background: url(/images/tpl/eventtype__elem--img1.png)
}

.eventtype__elem--img2 {
    background: url(/images/tpl/eventtype__elem--img2.png)
}

.eventtype__elem--img3 {
    background: url(/images/tpl/eventtype__elem--img3.png)
}

.eventtype__elem--img4 {
    background: url(/images/tpl/eventtype__elem--img4.png)
}

.eventtype__elem--img5 {
    background: url(/images/tpl/eventtype__elem--img5.png)
}

.wrap--rating h4 {
    font-family: Cuprum
}

.filter {
    width: 100%;
    border-bottom: 1px solid #e1e1e1
}

.filter h4 {
    border-bottom: 1px solid #e1e1e1
}

.filter--mod .fleft__bottom {
    padding-right: 190px
}

.filter__left {
    max-width: 675px;
    float: left;
    margin-left: -10px;
    margin-top: -15px
}

.filter__left .efilter__select {
    min-width: 80px;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 0
}

.filter__left .efilter__select h2 {
    float: none;
    font-family: Cuprum;
    font-weight: bold
}

.filter__left .mselect__text {
    padding-left: 7px;
    padding-right: 20px
}

.filter__left .mselect__option {
    padding-left: 7px;
    padding-right: 20px
}

.filter__left .efilter__select--mod {
    width: 120px
}

.filter__left .efilter__select--mod .mselect__option {
    padding-right: 3px
}

.filter__left .efilter__select--mod .mselect__text {
    padding-right: 15px
}

.filter__left .efilter__select input {
    width: 190px;
    padding: 5px 10px;
    margin-left: 7px;
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #252525
}

.filter__left .efilter__select input:first-of-type {
    margin-left: 0
}

.filter__left .efilter__select input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #252525
}

.filter__left .efilter__select input::-moz-placeholder {
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #252525
}

.filter__left .efilter__select input:-moz-placeholder {
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #252525
}

.filter__left .efilter__select input:-ms-input-placeholder {
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #252525
}

.filter__left .efilter__select input.input--mod {
    width: 433px
}

.filter__left .efilter__select--wide {
    min-width: 212px
}

.filter__left .efilter__select--mod1 input {
    width: 117px
}

.filter__left .efilter__select--mod1 input:last-child {
    width: 135px
}

.filter__left .efilter__select--mod2 input {
    width: 173px
}

.filter__left .efilter__select--mod3 input {
    width: 225px
}

.fleft__bottom {
    margin-top: 10px;
    text-align: right;
    padding-bottom: 15px
}

.fleft__bottom .biggreenlink {
    display: inline-block;
    height: 33px;
    margin-left: 10px;
    padding: 0 22px;
    line-height: 29px;
    float: none;
    border: none
}

.fleft__bottom .resetfilter {
    vertical-align: middle
}

.filter__right {
    width: 220px;
    float: right;
    margin-top: 10px;
    text-align: center
}

.filter__right p {
    text-align: left
}

.filter__right b {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 20px
}

.filter__right img {
    height: 85px;
    margin: 5px 0 15px
}

.rating {
    margin-top: 25px
}

.rating__top {
    margin-bottom: 10px
}

.rating__top .fl {
    position: relative;
    padding-left: 20px;
    padding-top: 0;
    font-size: 12px;
    color: #959494;
    clear: both;
    line-height: 25px
}

.rating__top .reward-orange:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 20px;
    background: url(/images/tpl/reward.png)
}

.rating__top .reward-green:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 20px;
    background: url(/images/tpl/reward_green.png)
}

.rating__top .fr a {
    position: relative;
    padding-left: 18px
}

.rating__top .fr a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 15px;
    background: url(/images/tpl/arrow.png)
}

@-moz-document url-prefix() {
    .rating__top .fr a:before {
    top: 2px !important
    }
}

.rating__top .fr span {
    color: #000000
}

.rating__top .fr a:hover span {
    color: #ff3300
}

.rating__date {
    margin-top: 18px;
    margin-left: -10px
}

.rating__date .fl {
    margin-left: 10px;
    padding: 0
}

.rating__date p {
    display: inline-block;
    font-size: 20px;
    font-family: trebuchet MS;
    font-weight: bold
}

.rating__date span {
    font-size: 20px
}

.rating table {
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.rating table b {
    font-family: TrebuchetMSBold
}

.rating table td {
    padding: 15px 0 15px 7px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    vertical-align: top
}

.rating table td:nth-child(1) {
    width: 65px;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(2) {
    width: 160px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(3) {
    width: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(4) {
    width: 225px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(5) {
    width: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(6) {
    width: 140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table td:nth-child(7) {
    width: 135px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.rating table tr {
    cursor: pointer
}

.rating table tr td:last-child {
    padding-right: 5px
}

.rating table tr:first-child {
    cursor: inherit
}

.rating table tr:first-child td {
    vertical-align: middle
}

.rating table tr:nth-child(even) {
    background: #f2f8e4
}

.rating table tr:hover {
    background: #ffd975
}

.rating table tr:first-child:hover {
    background: #ffffff
}

.rating__higher, .rating__below, .rating__equally {
    position: relative
}

.rating__higher:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -15px;
    width: 9px;
    height: 8px;
    background: url(/images/tpl/heigher.png)
}

.rating__below:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -15px;
    width: 9px;
    height: 8px;
    background: url(/images/tpl/below.png)
}

.rating__equally:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -15px;
    width: 8px;
    height: 8px;
    background: url(/images/tpl/equally.png)
}

.rating__bottom {
    margin-top: 20px;
    text-align: right
}

.rating__bottom b {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    font-family: CuprumBold
}

.rating__win td:last-child span {
    position: relative
}

.reward_period {
    float: right;
    margin-right: 6px
}

.rbottom__item {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 10px;
    cursor: pointer
}

.rbottom__item:hover span {
    color: #ff3300;
    border-bottom-color: #ff3300
}

.rbottom__item.active {
    background: #5e8637;
    text-decoration: none
}

.rbottom__item.active span {
    color: #ffffff;
    border-bottom: none
}

.rbottom__item.active:hover span {
    color: #ffffff
}

.rating__nav {
    margin-top: 35px;
    text-align: center
}

.rnav__left {
    display: inline-block;
    width: 10px;
    height: 17px;
    background: url(/images/tpl/rnav-left.png)
}

.rnav__left:hover {
    background: url(/images/tpl/rnav-left-hov.png)
}

.rnav__right {
    display: inline-block;
    margin-left: 15px;
    width: 10px;
    height: 17px;
    background: url(/images/tpl/rnav-right.png)
}

.rnav__right:hover {
    background: url(/images/tpl/rnav-right-hov.png)
}

.rnav__item {
    position: relative;
    display: inline-block;
    top: -2px;
    margin-left: 15px;
    font-size: 18px;
    font-family: TrebuchetMSBold;
    text-decoration: none;
    color: #000000
}

.rnav__item.active {
    color: #ed7d32
}

.rnav__item.active:hover {
    color: #ed7d32
}

.pupil {
    width: 100%
}

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

.pupil__top {
    margin-top: 20px
}

.pupil__top td {
    text-align: center
}

.pupil__top td:first-child {
    width: 200px
}

.pupil__top td:last-child {
    width: 155px
}

.pupil__top p {
    font-size: 18px
}

.pupil__top span {
    margin: 0 0 7px;
    line-height: 40px;
    font-size: 36px;
    font-weight: bold;
    font-family: 'Cuprum', sans-serif;
    color: #ff6c10
}

.pupil__center {
    margin-top: 10px;
    font-size: 18px;
    font-family: TrebuchetMSBold;
    border-top: 1px solid #dbdbdb
}

.pupil__center td {
    padding-top: 15px
}

.pupil__center img {
    position: relative;
    top: 3px;
    margin-right: 10px
}

.pupil__bottom {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.pupil__bottom td {
    padding: 15px 20px;
    vertical-align: top;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb
}

.pupil__bottom tr:nth-child(even) {
    background: #f2f8e4
}

.pupil__bottom span {
    color: #000000
}

.pupil__bottom a:hover span {
    color: #ff3300
}

.rewards .fl {
    width: 400px
}

.rewards .fr {
    margin-bottom: 25px
}

.rewards__feedback input {
    width: 67px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 18px;
    font-family: trebuchet MS;
    border: 2px solid #79b600;
    border-radius: 5px;
    outline: 0;
    height: 30px
}

.rewards__feedback input:first-of-type {
    width: 30px
}

.rewards__feedback input:focus {
    border: 2px solid #518ffc
}

.rewards__feedback span {
    font-size: 17px;
    color: #79b600
}

.rewards__feedback h5 {
    margin-bottom: 15px;
    font-family: CuprumBold
}

.rewards__button {
    padding: 0 10px;
    line-height: 30px;
    font-size: 16px;
    font-family: Myriad Pro;
    color: #ffffff;
    text-shadow: -1px 1px 5px rgba(79, 80, 80, 0.75);
    background: #7eb900;
    border: none;
    outline: none;
    border-radius: 5px;
    display: none;
    background: #80bb00;
    background: -moz-linear-gradient(top, #80bb00 0%, #659e00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #80bb00), color-stop(100%, #659e00));
    background: -webkit-linear-gradient(top, #80bb00 0%, #659e00 100%);
    background: -o-linear-gradient(top, #80bb00 0%, #659e00 100%);
    background: -ms-linear-gradient(top, #80bb00 0%, #659e00 100%);
    background: linear-gradient(to bottom, #80bb00 0%, #659e00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bb00', endColorstr='#659e00', GradientType=0)
}

.rewards__button:hover {
    background: #ffad10;
    background: -moz-linear-gradient(top, #ffad10 0%, #ff6c10 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffad10), color-stop(100%, #ff6c10));
    background: -webkit-linear-gradient(top, #ffad10 0%, #ff6c10 100%);
    background: -o-linear-gradient(top, #ffad10 0%, #ff6c10 100%);
    background: -ms-linear-gradient(top, #ffad10 0%, #ff6c10 100%);
    background: linear-gradient(to bottom, #ffad10 0%, #ff6c10 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad10', endColorstr='#ff6c10', GradientType=0)
}

.rewards__feedback button {
    position: relative;
    top: -1px;
    margin-left: 10px
}

.rewards__image {
    margin-top: 40px
}

.rewards__luck, .rewards__bad {
    margin-top: 40px;
    display: none
}

.rluck__header, .rbad__header {
    position: relative;
    padding-left: 40px;
    font-size: 20px
}

.rluck__header:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 27px;
    height: 27px;
    background: url(/images/tpl/reward-luck.png)
}

.rbad__header:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 27px;
    height: 27px;
    background: url(/images/tpl/reward-bad.png)
}

.rewards__string {
    margin-top: 20px
}

.rewards__string .boldspan, .rewards__string a {
    margin-left: 10px;
    font-size: 18px;
    line-height: 28px
}

.checkblock {
    margin-top: 20px
}

.checkblock a {
    color: #000;
    border-bottom: 1px solid #ed7d33;
    text-decoration: none;
    font: 14px/18px Myriad Pro
}

.checkblock a:hover {
    color: #ed7d33
}

.checkblock i {
    background: url(/images/tpl/award_check.png) no-repeat;
    margin-right: 10px;
    padding-left: 10px;
    width: 24px;
    height: 41px;
    float: left
}

.hidden-link {
    cursor: pointer
}

.certshare {
    display: inline-block;
    vertical-align: middle
}

.certshare .title {
    font-size: 13px;
    color: #a5a5a5;
    margin-right: 5px
}

.certshare .item {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer
}

.certshare .vk {
    background: url(/images/kt/share.png) no-repeat
}

.certshare .vk:hover {
    background: url(/images/kt/share.png) no-repeat 0 -22px
}

.certshare .fb {
    background: url(/images/kt/share.png) no-repeat -22px 0
}

.certshare .fb:hover {
    background: url(/images/kt/share.png) no-repeat -22px -22px
}

.certshare .tw {
    display: none;
    background: url(/images/kt/share.png) no-repeat -44px 0
}

.certshare .tw:hover {
    background: url(/images/kt/share.png) no-repeat -44px -22px
}

.awitem {
    position: relative;
    display: inline-block
}

.awitem .link, .awitem .link_nshr {
    margin-left: 15px;
    margin-right: 15px
}

.awitem .awshare {
    border: 1px solid #ed7d33;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: none;
    z-index: 100;
    text-align: center
}

.awitem .title {
    margin-bottom: 3px
}

.awitem .down {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 1px 20px 1px 5px;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    background: #76AF41
}

.awitem .down:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 7px;
    width: 9px;
    height: 9px;
    background: url(/images/tpl/arrow-download.png)
}

.awitem .down:hover {
    background: #ED7D33
}

.awitem .caption {
    font-size: 11px;
    color: #a5a5a5
}

.awitem .item {
    width: 21px;
    height: 21px;
    display: inline-block;
    cursor: pointer
}

.awitem .items {
    padding: 0 5px 5px 5px
}

.awitem .vk {
    background: url(/images/tpl/awshare.png) 0 0 no-repeat
}

.awitem .vk:hover {
    background: url(/images/tpl/awshare.png) -52px 0 no-repeat
}

.awitem .fb {
    background: url(/images/tpl/awshare.png) -26px 0 no-repeat
}

.awitem .fb:hover {
    background: url(/images/tpl/awshare.png) -78px 0 no-repeat
}

.awitem .tw {
    display: none;
    background: url(/images/tpl/awshare.png) 0 -26px no-repeat
}

.awitem .tw:hover {
    background: url(/images/tpl/awshare.png) -52px -26px no-repeat
}

.eventtype[data-id="1811644"], .eventtype[data-id="letnij_lager"] {
    display: none
}

.eventfilter .eventtype:first-of-type {
    margin-left: 0
}

.last_year_btn {
    cursor: pointer;
    line-height: 16px
}

.last_year_btn:hover {
    text-decoration: underline
}

.subscr[data-id="1683427"] {
    display: none
}

.rating.inst table td:nth-child(2) {
    width: 250px
}

.rating.inst table td:nth-child(4) {
    width: 170px
}

.rating.inst table td:nth-child(5) {
    width: 150px
}

.rating.subj table td:nth-child(1) {
    width: 50px
}

.rating.subj table td:nth-child(2) {
    width: 300px
}

.rating.subj table td:nth-child(4) {
    width: 50px
}

.chain {
    margin-bottom: 2.5rem;
}

.chain__limiter {
    display: inline-block
}

.onotice {
    font-size: 12px;
    line-height: 14px;
    margin: 7px 0 0 45px
}

.oinfo {
    font-size: 13px;
    margin: 7px 0 0 41px;
    line-height: 16px
}

.oinfo img {
    float: left;
    margin-right: 5px
}

.sub {
    margin-top: 30px
}

.sub a {
    padding: 7px 0 0 13px
}

.butsub {
    margin-left: 250px
}

label.sub {
    width: 200px;
    margin-left: 50px !important
}

.lcol.ot {
    margin-right: 50px
}

.maincol.ot {
    width: 477px
}

.maincol.ot .greensign {
    margin: 0 0 20px 0;
    width: 330px
}

.maincol.ot .greensign p {
    margin: 0
}

.member_form.ot {
    width: 690px
}

.otdown {
    margin-left: 57px;
    margin-bottom: 20px;
    margin-top: 32px
}

.otbutton {
    line-height: 16px
}

.hfblock {
    margin-top: 10px
}

.hflink {
    color: #000 !important;
    border-bottom: 1px dashed #000;
    cursor: pointer
}

.howfill {
    -webkit-box-shadow: 4px 4px 0 0 rgba(153, 153, 153, 0.7);
    -moz-box-shadow: 4px 4px 0 0 rgba(153, 153, 153, 0.7);
    box-shadow: 4px 4px 0 0 rgba(153, 153, 153, 0.7);
    display: none;
    margin-top: 15px;
    border: 1px solid #000;
    border-radius: 7px;
    padding: 7px;
    text-align: left
}

.members_ot {
    width: 220px;
    float: left;
    margin-right: 10px
}

.member_counter.ot {
    float: left;
    width: 220px;
    margin-top: 11px;
    margin-right: 0
}

.ico-acc {
    width: 16px;
    height: 11px;
    background: url("/images/tpl/icons.png") 0 -54px no-repeat;
    top: 2px
}

.active .ico-acc, a:hover .ico-acc {
    background: url("/images/tpl/icons.png") 0 -65px no-repeat
}

.ico-sub {
    width: 17px;
    height: 11px;
    background: url("/images/tpl/icons.png") 0 -494px no-repeat;
    top: 2px
}

.active .ico-sub, a:hover .ico-sub {
    background: url("/images/tpl/icons.png") -17px -494px no-repeat
}

.ico-call {
    width: 14px;
    height: 16px;
    background: url("/images/tpl/icons.png") 0 -128px no-repeat
}

.active .ico-call, a:hover .ico-call {
    background: url("/images/tpl/icons.png") 0 -144px no-repeat
}

.ico-docs {
    width: 14px;
    height: 12px;
    background: url("/images/tpl/icons.png") 0 -198px no-repeat;
    top: 2px
}

.active .ico-docs, a:hover .ico-docs {
    background: url("/images/tpl/icons.png") 0 -210px no-repeat
}

.ico-event {
    width: 16px;
    height: 16px;
    background: url("/images/tpl/icons.png") 0 -274px no-repeat
}

.active .ico-event, a:hover .ico-event {
    background: url("/images/tpl/icons.png") 0 -290px no-repeat
}

.ico-help {
    width: 14px;
    height: 14px;
    background: url("/images/tpl/icons.png") 0 -338px no-repeat;
    top: 1px
}

.active .ico-help, a:hover .ico-help {
    background: url("/images/tpl/icons.png") 0 -352px no-repeat
}

.ico-personal {
    width: 14px;
    height: 14px;
    background: url("/images/tpl/icons.png") 0 -396px no-repeat;
    top: 1px
}

.active .ico-personal, a:hover .ico-personal {
    background: url("/images/tpl/icons.png") 0 -410px no-repeat
}

.hidden {
    display: none
}

.ib {
    display: inline-block;
    vertical-align: top
}

.tb-cell {
    display: table-cell;
    vertical-align: middle
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.text-center {
    text-align: center
}

.with-brd {
    border-bottom: 1px solid #eee
}

.header__soc {
    margin: 22px 0 0 10px
}

.headcab {
    margin: 25px 22px 18px 0
}

.header .fl {
    padding-top: 42px
}

.header .acc {
    display: inline-block;
    text-shadow: 0 1px 1px #376812;
    color: #fff;
    position: relative
}

.acc {
    display: inline-block;
    margin-left: 13px;
    color: #000;
    position: relative;

    font-family: 'TrebuchetMSBold';
    line-height: 65px;

}

.acc:hover {
    color: #047857;
}

.acc:focus {
    color: #000;
}

.superH > small {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-style: normal;
    color: inherit
}

acc-grouppart:before {
    margin-right: 10px;
    margin-bottom: 0;
    height: 15px;
    width: 16px;
    background: url("/images/img/group-part.png") no-repeat
}

.acc-grouppart {
    margin-right: 14px
}

.acc-grouppart-orng:before {
    top: 2px;
    height: 14px;
    width: 13px;
    background: url("/images/img/group-part-orng.png") no-repeat
}

.acc-grouppart-orng {
    margin-right: 14px
}

.acc-call {
    margin-right: 15px;
    padding-right: 17px;
    border-right: 1px solid #96b86c;
    position: relative;
    text-decoration: none;
    height: 16px;
    width: 17px;
    background: url("/images/tpl/icons.png") 0 -128px no-repeat;
    margin-top: 3px
}

.acc-call:hover {
    background: url("/images/tpl/icons.png") 0 -144px no-repeat
}

.acc-call span {
    display: block;
    text-shadow: none;
    position: absolute;
    top: -10px;
    right: 11px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    font-size: 10px
}

.acc-bonus, .acc-card {
    margin-right: 14px
}

.acc-bonus:before {
    height: 12px;
    width: 10px;
    margin-right: 6px;
    background: url("/images/img/login-rating-icon.png") no-repeat
}

.acc-card:before {
    height: 12px;
    width: 12px;
    margin-right: 10px;
    background: url("/images/img/login-balance-icon.png") no-repeat
}

.acc-name {
    margin: 0;
    padding: 0
}

.acc-name:before, .acc-name:after {
    display: inline-block;
    vertical-align: middle;
    content:: ''
}

.acc-with-box:hover .acc-name {
    color: #fef374
}

.acc-name:before {
    height: 16px;
    width: 16px;
    margin-right: 10px;
    background: url("/images/img/lk-icon.png")
}

.acc-name:after {
    height: 6px;
    width: 9px;
    margin-left: 4px;
    background: url("/images/tpl/icons.png") 0 0 no-repeat
}

.acc-name:hover:after, .acc-with-box:hover .acc-name:after {
    background: url("/images/tpl/icons.png") -17px 0 no-repeat
}

.js_headlogin.acc-name:after {
    display: none
}

.js_headlogin.acc-name {
    border-left: 0
}

.acc-exit {
    text-decoration: none
}

.acc-exit:before {
    height: 18px;
    width: 17px;
    margin-right: 10px;
    margin-bottom: 2px;
    background: url("/images/img/register-icon.png")
}

.btn-wrap {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.2;
    color: #c4c4c4;
    text-align: center
}

.btn-disabled {
    display: block;
    margin-bottom: 7px;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    font-family: 'Cuprum', sans-serif;
    text-decoration: none;
    width: 189px;
    height: 50px;
    background: url("/images/tpl/icons.png") 0 -76px no-repeat
}

.btn-active {
    display: block;
    margin-bottom: 7px;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    font-family: 'Cuprum', sans-serif;
    text-decoration: none;
    width: 189px;
    height: 50px;
    background: url("/images/tpl/bigbuttonpack.png") no-repeat scroll 0 -150px transparent;
    cursor: pointer;
    padding: 0;
    border: 1px solid #769A0D;
    box-sizing: border-box
}

.btn-green {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 4px;
    margin-right: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-family: 'Cuprum', sans-serif;
    text-decoration: none;
    width: 189px
}

.choose-event {
    display: block;
    margin: 40px auto 15px;
    color: #fff;
    text-shadow: 0 1px 1px #172b05;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    font-family: 'Cuprum', sans-serif;
    text-decoration: none;
    width: 220px;
    white-space: nowrap
}

.acc-wrap {
    padding-bottom: 15px;
    margin-bottom: 58px;
    border-bottom: 1px solid #aaaaab
}

.acc-wrap:after {
    content: '';
    display: block;
    clear: both
}

.gray-box {
    position: relative;
    margin: 14px 0 50px;
    border: 1px solid #eef0f0;
    background: #fafafa;
    padding: 20px 25px 18px 55px
}

.gray-txt {
    font-size: 14px;
    line-height: 20px;
    color: #c4c4c4;
    text-align: center
}

.warn-ico {
    position: absolute;
    top: 22px;
    left: 22px;
    background: url("/images/tpl/icons.png") 0 -475px no-repeat;
    width: 18px;
    height: 18px
}

.close-ico {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 12px
}

.acc-table-box h2 {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: trebuchet ms;
    line-height: 1
}

.acc-table-box h2 small {
    display: block;
    font-size: 14px;
    margin-top: 12px;
    color: #c3c3c3;
    font-style: normal
}

.acc-table-box table {
    width: 100%;
    margin-bottom: 50px
}

.acc-table-box table:last-child {
    margin-bottom: 25px
}

.acc-table-box th {
    padding: 15px 24px;
    color: #777575;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    font-weight: normal
}

.acc-table-box tr:nth-child(even) {
    background: #f4f4f4
}

.acc-table-box td {
    padding: 15px 24px
}

.acc-table-box td span {
    color: #adabab;
    display: block
}

.acc-table-box td:first-child {
    width: 62px
}

.acc-table-box td:last-child, .acc-table-box th:last-child, .acc-table-box td:nth-child(3), .acc-table-box th:nth-child(3) {
    text-align: right
}

.acc-summ {
    font: bold 36px/44px trebuchet ms;
    display: inline-block;
    margin: 0 50px 15px 0
}

.status-green {
    color: #159846;
    font-weight: bold
}

.status-gray {
    color: #777575;
    font-weight: bold
}

.status-red {
    color: #c14040;
    font-weight: bold
}

.acc-nav {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.7);
    margin: 0 19px 6px 6px;
    padding-top: 10px;
    position: relative;
    z-index: 1
}

.acc-nav:last-child {
    border: 0;
    margin-bottom: 0
}

.acc-nav li {
    margin-bottom: 18px
}

.acc-nav li a {
    padding: 0 0 0 22px;
    display: inline-block;
    font: bold 15px/1 trebuchet ms;
    position: relative
}

.acc-nav li span {
    position: absolute;
    left: 0;
    display: block
}

.acc-nav .active {
    color: #fef374;
    text-decoration: none
}

.acc-nav a:hover {
    color: #fef374
}

.arrow-box, .tooltip {
    position: absolute;
    box-sizing: border-box;
    left: 6px;
    top: 32px;
    z-index: -10;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.acc-submenu:after, .tooltip:after {
    bottom: 100%;
    left: 24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px
}

.acc-with-box:hover .arrow-box, .has-tooltip:hover .tooltip {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.tooltip {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 8px 0 #dcdbdb;
    font-size: 14px;
    line-height: 22px;
    min-width: 280px;
    left: -15px
}

.arrow-box {
    width: 100%;
    padding-top: 20px;
    top: 16px
}

.acc-submenu {
    background: #fff;
    padding: 15px;
    width: 185px;
    box-shadow: 0 0 5px 1px #43721a;
    position: relative
}

.acc-submenu li {
    margin-bottom: 12px
}

.acc-submenu li:last-child {
    margin-bottom: 0
}

.acc-submenu li a {
    color: #f89406;
    text-shadow: none;
    position: relative;
    padding-left: 25px
}

.acc-submenu li a:hover {
    color: #ff0033
}

.acc-submenu li a:before {
    position: absolute;
    display: block;
    content: ''
}

.acc-event:before {
    left: 0;
    top: 3px;
    background: url("/images/tpl/icons.png") 0 -443px no-repeat;
    width: 16px;
    height: 16px
}

.acc-personal:before {
    left: 0;
    top: 3px;
    background: url("/images/tpl/icons.png") 0 -382px no-repeat;
    width: 14px;
    height: 14px
}

.tabs-nav {
    font-size: 0;
    margin-bottom: 40px
}

.tabs-nav-sm {
    margin: 15px 0 25px;
    display: inline-block
}

.tabs-link {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-decoration: none;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #eef0f0;
    background: #f7f4f4;
    padding: 0 24px;
    color: #ed7d33;
    font: bold 20px/38px "Cuprum", sans-serif
}

.tabs-link-sm {
    height: 40px;
    line-height: 40px;
    border: 0
}

.tabs-link.active {
    cursor: default;
    position: relative;
    background: #ed7d33;
    color: #fff;
    border-color: #ed7d33
}

.tabs-link.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(237, 125, 51, 0);
    border-top-color: #ed7d33;
    border-width: 6px;
    margin-left: -6px
}

.tab {
    display: none
}

.tab:first-child {
    display: block
}

.tab table:first-child {
    margin-bottom: 35px
}

.appl-steps {
    margin: 45px 0;
    font-size: 0
}

.appl-step {
    position: relative;
    min-width: 240px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 22px;
    color: #b0afaf
}

.appl-step-active, .appl-step-success {
    color: #000
}

.appl-step-active .appl-step-nmb {
    color: #fff;
    background: #ed7d33
}

.appl-step-success .appl-step-nmb {
    font-size: 0;
    background: url("/images/tpl/icons.png") 0 -14px no-repeat
}

.appl-step-nmb {
    margin-bottom: 14px;
    font: bold 23px/40px "Cuprum", sans-serif;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #e6e6e6;
    text-align: center;
    color: #000
}

.appl-line {
    width: 200px;
    height: 1px;
    background: #c6c4c4;
    position: absolute;
    top: 20px;
    left: 40px
}

.appl-line-start {
    background-image: linear-gradient(to right, #ed7d33 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%, #ed7d33 100%)
}

.appl-line-middle {
    background-image: linear-gradient(to right, #88ae17 50%, #ed7d33 50%, #ed7d33 100%, #88ae17 100%)
}

.appl-line-end {
    background: #88ae17
}

.calculate-txt {
    font-size: 16px;
    line-height: 42px;
    margin: 0 5px
}

.label-check {
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px
}

.label-check:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: none;
    border: 1px solid #d7d7d7
}

.label-check-sm {
    font-size: 14px
}

.pay-bonus input[type="checkbox"] {
    display: none
}

.pay-bonus input[type="checkbox"]:checked + .label-check:before {
    content: "";
    display: block;
    background: url("/images/tpl/check_green.png") center 2px no-repeat
}

.pay-bonus {
    font-size: 0;
    margin: 30px 0
}

.pay-bonus-disabled .label-check {
    color: #b0afaf;
    cursor: default
}

.pay-bonus__memo {
    color: #777777;
    position: relative;
    display: block;
    font-size: 16px;
    padding-left: 27px
}

.pay-bonus-disabled .pay-bonus__memo {
    color: #b0afaf;
    cursor: default
}

.quest-bonus {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 18px;
    height: 18px;
    background: url("/images/tpl/icons.png") 0 -320px no-repeat
}

.total-info {
    margin-bottom: 40px;
    font-size: 18px
}

.total-price {
    font-size: 24px
}

.total-info .money {
    display: none
}

.money {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    font-size: 16px;
    color: #88ae17
}

.money:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-right: 7px
}

.money-ok:before {
    width: 19px;
    height: 19px;
    background: url("/images/tpl/icons.png") 0 -424px no-repeat
}

.money-bad {
    color: #f89406
}

.money-bad:before {
    width: 18px;
    height: 18px;
    background: url("/images/tpl/icons.png") 0 -475px no-repeat
}

.continue-wrap {
    border-top: 1px solid #e0e0e1;
    padding-top: 30px
}

.add-funds {
    margin: 30px 0 15px;
    font: bold 20px/35px trebuchet ms
}

.add-funds input {
    margin: 0 0 0 10px;
    border: 1px solid #ccc;
    height: 25px;
    padding: 10px;
    width: 90px;
    font: bold 20px/35px trebuchet ms
}

.pay-instruction {
    margin: 10px 0 35px
}

.pay-instruction li {
    margin-bottom: 14px;
    line-height: 24px;
    font-size: 16px
}

.pay-instruction li span {
    margin-right: 6px;
    height: 24px;
    width: 24px;
    float: left;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #91b624
}

.dload-link:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url("/images/tpl/icons.png") 0 -182px no-repeat;
    width: 17px;
    height: 16px
}

.pay-way-wrap {
    width: 100%;
    overflow-x: hidden;
    font-size: 0;
    margin: 10px 0 42px
}

.pay-way {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    position: relative;
    margin: 0 8px 8px 0;
    height: 106px;
    width: 166px;
    border: 1px solid #e3e3e3;
    box-sizing: border-box
}

.pay-way--active, .pay-way:hover {
    border-color: #f89406
}

.pay-way .tb-cell {
    height: 64px;
    width: 166px
}

.pay-way img {
    vertical-align: middle
}

.pay-way span {
    font-weight: bold;
    font-size: 13px;
    font-family: trebuchet ms;
    color: #000
}

.pay-way--sublabel {
    opacity: 0
}

.complete-wrap {
    line-height: 50px
}

.complete-wrap a {
    margin-right: 18px
}

.call-count {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 #628430;
    background: #fef374;
    color: #76af41;
    font: bold 12px/18px trebuchet ms;
    text-align: center
}

.btn-edit {
    text-decoration: none;
    width: 187px;
    height: 52px;
    background: url("/images/tpl/icons.png") 0 -222px no-repeat;
    padding-left: 32px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #ed7d33;
    font: 17px/52px trebuchet ms
}

.acc-complete h2 {
    font-size: 22px;
    margin-bottom: 25px;
    font-family: trebuchet ms;
    line-height: 1
}

.acc-complete table {
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    font-size: 15px
}

.acc-complete tr:nth-child(odd) {
    background: #f4f4f4
}

.acc-complete td {
    padding: 15px
}

.acc-complete td:first-child {
    width: 200px;
    text-align: right;
    font-size: 14px
}

.to-pay {
    font: 700 36px/1 "Cuprum", sans-serif
}

.headcab a:hover {
    color: #FEF374
}

.myevents__item {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dcdcdc
}

.myevents__container {
    border: 1px solid #f3f3f3;
    background: #fbfbfb
}

.myevents__name {
    font-size: 20px;
    font-weight: bold;
    margin: 0.5em 0 1em;
}

.myevents__name > a {
    text-decoration: underline
}

.myevents__string {
    margin-top: 8px;
}

.myevents__string:first-child {
    margin-top: 0
}

.myevents__top {
    display: block
}

.myevents__left, .myevents__right {
    position: relative;
    display: table-cell;
    padding: 20px;
    vertical-align: top
}

.myevents__left {
    width: 100%
}

.myevents__middle {
    border-left: 3px solid #ed7d33;
    border-bottom: 1px dotted #b0b0b0;
    padding: 20px
}

.myevents__bottom .myevents__left, .myevents__bottom .myevents__right {
    border-bottom: none
}

.myevents__container .myevents__left {
    border-left: 3px solid #ed7d33
}

.myevents__warning {
    position: relative;
    margin-bottom: 20px;
}

.myevents__add:before {
    content: '';
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 6px;
    background: url(/images/tpl/myevents-add.png)
}

.myevents__app_link {
    margin-top: 20px;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold
}

.myevents__app_link span {
    padding-left: 10px;
    text-decoration: underline;
    color: #ed7d33;
    cursor: pointer
}

.myevents__app_link span:hover {
    color: #ff3300
}

.myevents__app_link span:before {
    content: '';
    transform: rotate(-90deg);
    float: left;
    width: 13px;
    height: 8px;
    margin-top: 5px;
    background: url(/images/tpl/myevents-arrow.png) no-repeat;
    transition: 0.4s
}

.myevents__app_link span.active:before {
    transform: rotate(0)
}

.myevents__table {
    display: table;
    width: 100%;
    margin-top: 10px;
    padding-left: 25px;
    border-collapse: collapse;
    box-sizing: border-box
}

.myevents__table_outer.active {
    display: block
}

.myevents__row {
    display: table-row;
    background: #f4f4f4
}

.myevents__row--important {
    border: 1px solid #c2d784
}

.myevents__row:nth-child(even) {
    background: #fcfcfc
}

.myevents__app_left {
    width: 140px;
    margin-right: 60px
}

.myevents__app_left, .myevents__app_right {
    float: left
}

.myevents__close {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(/images/tpl/myevents-close.png);
    cursor: pointer
}

.myevents__table .myevents__left {
    width: 355px
}

.myevents__table .myevents__left, .myevents__table .myevents__right {
    border-bottom: none
}

.button {
    display: inline-block;
    height: 40px;
    padding: 0 9px;
    line-height: 40px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.button:hover {
    color: #fff
}

.myevents__app_old {
    display: inline-block;
    width: 205px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: #ed7d33;
    border: 1px solid #c2c2c2;
    background: #f1eff0
}

.myevents__app_old_disabled {
    color: #c2c2c2
}

.myevents__app_date {
    color: #7fa412;
    margin-bottom: 16px;
    display: block
}

.myevents__sub_old {
    color: #ff0000;
    margin-bottom: 16px;
    display: block
}

.myabonements {
    margin-bottom: 20px
}

.myabonements .myevents__name {
    font-size: 20px;
    margin: 0.5em 0 1em;
}

.myabonements .myevents__string:first-child {
    margin-top: 0px
}

.myabonements .myevents__string {
    margin-top: 8px
}

.myabonements .myevents__warning {
    margin-bottom: 16px
}

.mselect.disabled {
    background: #ebebe4
}

.mselect.disabled .mselect__text {
    cursor: default
}

.headcab {
    position: relative
}

.headlogin-social {
    top: 30px;
    right: -4px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    font-style: normal
}

.headlogin-social-btns {
    display: inline-block;
    vertical-align: middle
}

.regpage .authblock .shift {
    margin: 10px 10px 0 100px;
    width: 150px;
    float: left;
    text-align: right
}

.regpage .authblock .roleselect {
    float: left;
    margin-top: 10px
}

.regpage .authblock .roleselect .help {
    color: #c3c3c3;
    font-style: italic;
    margin: 5px 0 5px 17px
}

.regpage .authblock .recaptcha {
    float: left
}

.authlogin-social {
    text-align: center
}

.authlogin-social-dividor {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-align: center;
    line-height: 1.5em
}

.wrap_line {
    border-top: 2px solid #C8C8C8;
    margin: 30px 0 0 0;
    height: 30px
}

.wrap_line div {
    background: #fff;
    font: italic 13px/20px Arial;
    width: 100px;
    margin: -12px auto 0 auto;
    color: #555
}

.border_line {
    border-top: 1px solid #C8C8C8;
    width: 100%
}

.pass-eye {
    background: url("/images/tpl/pass-eye-sprite.png") no-repeat;
    float: left;
    height: 12px;
    width: 23px;
    margin: 15px
}

.pass-eye.pass-eye-opened {
    background-position: 0 -12px
}

.hide-checkbox {
    display: none
}

.hide-checkbox + label {
    cursor: pointer;
    float: none !important;
    margin-right: 35px !important;
    margin-left: -15px !important;
    padding: 3px 15px 2px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out
}

.hide-checkbox + label:hover {
    color: #ed7d33
}

.hide-checkbox + label:hover .checkbox-button-title {
    border-bottom-color: #ed7d33
}

.hide-checkbox:checked + label {
    display: inline-block;
    background-color: #e9e9e7;
    color: #ed7d33
}

.checkbox-button-title {
    border-bottom: 1px dashed #000
}

.hide-checkbox:checked + label .checkbox-button-title {
    border-bottom: 0
}

.subjects-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%
}

.checkbox-button-checkall {
    display: block;
    margin: 12px 18px 0 0
}

.mselect.disabled .mselect__text {
    cursor: default
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.united--wrap-row {
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    padding: 4px
}

.united--wrap-row:not(.united--wrap-header) {
    margin-bottom: 30px;
    border-radius: 8px
}

.united--wrap-row:not(.united--wrap-header):nth-child(2n+1) {
    margin-bottom: 30px;
    background-color: #f3f3f3
}

.united--wrap-header {
    font-weight: bold;
    font-size: 9pt
}

.meta--overlay-wrapper {
    position: relative
}

.meta--overlay-ok {
    display: none;
    font-family: 'Cuprum', sans-serif;
    font-size: 20pt;
    text-align: center;
    line-height: 92px;
    vertical-align: middle;
    border-radius: 8px;
    background-color: #639B00;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.meta--overlay-ok:before {
    content: '\2714';
    margin-right: .5em
}

#meta-summary {
    margin-bottom: 20px
}

.united--wrap-row .meta_id {
    flex: 0 0 68px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.united--wrap-row .content {
    flex: 10
}

.united--member-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 32px;
    height: 32px
}

.united--member-row > .col1 {
    flex: 0 0 80px
}

.united--member-row > .col2 {
    flex: 0 0 150px
}

.united--member-row > .col3 {
    flex: 0 0 120px
}

.united--member-row > .col4, .united--member-row > .col5, .united--member-row > .col6, .united--member-row > .col7 {
    flex: 1 1
}

.united--member-row > .col8, .united--member-row > .col9 {
    flex: 0.5 0.5
}

.united--member-row > .col9 {
    text-align: right;
    margin-right: 5px
}

.united--member-row > .col_last {
    flex: 0 0 50px;
    margin-left: auto
}

.united--member-row .col_last .mem_del_button {
    height: 32px;
    width: 22px;
    margin: 5px 0;
    background: url("/images/tpl/del_btn.png") 0 0 no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    cursor: pointer
}

.united--member-row input[type="checkbox"] {
    height: 18px;
    vertical-align: middle
}

.grant_notify {
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px
}

.pw_wrapper {
    margin-bottom: 20px;
    overflow-x: hidden
}

.pwinners_row {
    display: flex;
    flex-wrap: wrap
}

.pwinners_column {
    margin: 10px;
    flex-basis: calc(33% - 20px)
}

.pwinners__item {
    margin-bottom: 3px;
    font-size: 14px
}

.period_container {
    margin-top: 16px;
    margin-bottom: 28px
}

.disable_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.del_mark {
    width: 16px;
    height: 16px;
    line-height: 20px;
    background: url("/images/tpl/delete.png") no-repeat 0 0;
    margin-bottom: -3px;
    user-select: none;
    display: inline-block
}

.del_mark:hover {
    color: #ed7d33;
    cursor: pointer;
    background-position-x: -16px
}

.listcol-filter {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: none;
    color: #c4c4c4;
    border: 1px solid #c4c4c4;
    padding: 5px 15px;
    text-decoration: none;
    background-color: transparent
}

.listcol-filter:hover, .listcol-filter_active {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    color: #000;
    padding: 5px 15px;
    background-color: #ebebeb;
    text-decoration: none
}

.listcol-filter_active:hover {
    color: #c4c4c4;
    border: 1px solid #c4c4c4;
    background-color: transparent
}

.item_remove_btn {
    background: url(/images/tpl/item_remove_btn.png) 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.item_remove_btn:hover {
    background: url(/images/tpl/item_remove_btn-h.png) 50% 50% no-repeat
}

.item_edit_btn {
    background: url(/images/tpl/item_edit_btn.png) 50% 50% no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.item_edit_btn:hover {
    background: url(/images/tpl/item_edit_btn-h.png) 50% 50% no-repeat
}

.list__filter_wrap {
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline
}

.list__filter_inp {
    background: url(/images/tpl/filter_inp_bg.png) 99% 50% no-repeat;
    padding: 3px 25px 3px 5px;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    height: 31px;
    width: 490px
}

.mlistcolumn__title {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
    color: #ed7d33;
    font-size: 16px;
    margin-top: 15px;
    position: relative
}

.mlistcolumn_items .memb:nth-child(2n+1) {
    background-color: #f8f8f8
}

.mlistcolumn_items .memb:nth-child(2n) {
    background-color: #fff
}

.mlistcolumn_items .memb {
    margin-bottom: 0;
    position: relative
}

.mlistcolumn_items .memb .memb_name {
    display: inline-block;
    vertical-align: middle
}

.mlistcolumn_items .memb .item_remove_btn {
    position: absolute;
    display: none;
    left: 7px;
    top: 14px
}

.mlistcolumn_items .memb:hover .item_remove_btn {
    display: inline-block
}

.mlistcolumn_items .memb .item_edit_btn {
    display: none
}

.mlistcolumn_items .memb:hover .item_edit_btn {
    display: inline-block
}

.mlistcolumn_items .memb_class {
    color: #999;
    display: inline;
    font-size: 14px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mtb20 {
    margin: 20px 0
}

.abon_adv_text {
    border-left: 3px solid #ed7d33;
    padding: 15px
}

.abon_image_link {
    margin-top: 10px;
    display: block
}

.abon_price_info {
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 15px
}

.abon_price_info.inner {
    margin-top: 16px !important
}

.abon_info_block {
    padding: 15px;
    width: 100%;
    display: block
}

.abon_pay_block {
    width: 100%;
    padding: 15px
}

.container.abon_item .abon_pay_block {
    width: inherit
}

.abon_pay_button {
    margin-top: 20px;
    width: 115px;
    text-align: center;
}

.abon_more_button {
    margin-right: 15px
}

.abon_item {
    width: 700px
}

.referral-data {
    display: none
}

.referral-export-button_wrap {
    margin-bottom: 5px;
    text-align: right
}

.referral-export-button {
    position: relative;
    padding-left: 18px
}

.referral-export-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 15px;
    background: url(/images/tpl/arrow.png)
}

.referral-export-button span {
    color: #000000
}

.referral-export-button:hover span {
    color: #ff3300
}

.ref_myevents_full-row {
    position: relative;
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    border-bottom: 1px dotted #b0b0b0;
    border-left: 3px solid #ed7d33;
    width: 660px
}

.referral-programm-desc {
    margin-bottom: 20px
}

.ref-tabs-wrap {
    margin-bottom: 40px
}

.ico-ref {
    width: 16px;
    height: 16px;
    background: url("/images/tpl/icon-ref.png") 0 0 no-repeat;
    top: 0px
}

.active .ico-ref, a:hover .ico-ref {
    background: url("/images/tpl/icon-ref.png") -16px 0 no-repeat
}

.ico-levels {
    width: 16px;
    height: 16px;
    background: url("/images/tpl/icon-levels.png") 0 0 no-repeat;
    top: 0px
}

.active .ico-levels, a:hover .ico-levels {
    background: url("/images/tpl/icon-levels.png") -16px 0 no-repeat
}

.ico-myawards {
    width: 16px;
    height: 16px;
    background: url("/images/tpl/icon-myawards.png") 0 0 no-repeat;
    top: 0px
}

.active .ico-myawards, a:hover .ico-myawards {
    background: url("/images/tpl/icon-myawards.png") -16px 0 no-repeat
}

.ref-link {
    border: none;
    background: none;
    color: #ed7d33;
    outline: none;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
    padding-left: 20px
}

.ref-link_no-icon {
    border: none;
    background: none;
    color: #ed7d33;
    outline: none;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    position: relative
}

.ref-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 18px;
    height: 18px;
    background: url(/images/tpl/ref-link-18x18.png)
}

.ref-link:hover, .ref-link:active, .ref-link_no-icon:hover, .ref-link_no-icon:active {
    color: #ff3300
}

.refund-money-guarantee {
    position: relative;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    background: #f4f4f5;
    margin: 30px 0 15px
}

.refund-money-guarantee__text {
    font-family: 'PT Sans';
    font-size: 17px;
    color: #696969;
    text-align: center;
    margin-left: 45px
}

.jstooltip {
    width: 90%;
    min-width: inherit;
    display: none;
    position: absolute;
    box-sizing: border-box;
    left: 15px;
    top: 55px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 8px 0 #dcdbdb;
    font-size: 14px;
    line-height: 22px;
    opacity: 0
}

.jstooltip:after {
    bottom: 100%;
    left: 24px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px
}

.refund-money-guarantee__ico {
    width: 39px;
    height: 39px;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

#sub_block {
    margin-top: 15px;
    width: 300px;
    font-size: 15px;
    display: none
}

#sub_block .select2-selection__rendered {
    font-size: 20px
}

#sub_info {
    margin: 10px 0 20px
}

#sub_list {
    margin: -10px 0 30px
}

.submember_list_link span {
    margin-left: 5px;
    border-bottom: 1px dashed;
    color: #ed7d33;
    cursor: pointer
}

.submember_list_link span:hover {
    color: #ff3300
}

.submember_list_link span:before {
    content: '';
    transform: rotate(-90deg);
    float: left;
    width: 13px;
    height: 8px;
    margin-top: 5px;
    background: url(/images/tpl/myevents-arrow.png) no-repeat;
    transition: 0.4s
}

.submember_list_link span.active:before {
    transform: rotate(0)
}

.submember_list {
    display: none;
    margin-top: 10px
}

.submember_list span {
    display: block
}

.cookie-notice {
    display: none;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 3px 0;
    position: fixed;
    right: 0;
    text-align: center;
    -moz-box-shadow: 0px 3px 10px 0px #000;
    -ms-box-shadow: 0px 3px 10px 0px #000;
    -o-box-shadow: 0px 3px 10px 0px #000;
    -webkit-box-shadow: 0px 3px 10px 0px #000;
    box-shadow: 0px 3px 10px 0px #000;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000
}

.cookie-notice__text {
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    width: 95%;
    color: #669933;
    position: relative;
    max-width: 1130px
}

.cookie-notice__close {
    background: url("/images/tpl/close-cross-small.png");
    height: 10px;
    width: 10px;
    background-position: 0 0;
    position: absolute;
    top: 5px;
    right: 5px
}

.cookie-notice__close:hover {
    background-position: 0 -10px
}

@media (max-width: 960px) {
    .cookie-notice__close {
    right: -10px
    }
}

.mylevel__month-stat {
    display: inline-block;
    vertical-align: middle
}

.mylevel__month-title {
    width: 265px
}

.mylevel__month-stat_date {
    width: 140px;
    text-align: center
}

.mylevel__month-stat_members {
    width: 90px;
    margin-left: 40px
}

.mylevel__month-stat_points {
    width: 55px;
    margin-left: 40px;
    text-align: center
}

.mylevel__month-stat_points_appointed {
    color: #76af41
}

.mylevel__events td {
    font-size: 16px
}

.popup__intro {
    margin-bottom: 10px
}

.banner__row {
    margin-bottom: 25px;
    width: 100%;
    float: left
}

.banner-code-copy-link {
    margin-top: 5px
}

.banner__row:last-child {
    margin-bottom: 0
}

textarea.banner_code {
    width: 0;
    height: 0;
    border: 0;
    font-size: 12px;
    min-width: 0;
    resize: none;
    outline: 0;
    padding: 2px
}

.banner__preview {
    float: left;
    width: 50%;
    text-align: center
}

.banner__name {
    margin-bottom: 5px;
    line-height: 1.3em;
    height: 2.6em;
    overflow-y: hidden
}

.banner__controls {
    float: right;
    width: 50%
}

.banner__preview img {
    max-width: 90%
}

.getbonuses__introtext-wrap {
    margin-top: 10px;
    margin-bottom: 10px
}

.getbonuses__banners {
    margin-top: 20px
}

.banner-share {
    background-color: #f0eff4;
    width: 175px;
    padding-top: 5px;
    margin: 10px auto 0;
    padding-bottom: 5px;
    text-align: center
}

.banner-share__title {
    display: inline-block;
    vertical-align: middle;
    color: #908f8f;
    margin-right: 5px
}

.banner-share__share-btn {
    background: url(/images/tpl/social-sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.banner-share__share-btn__vk {
    background-position: 0 0
}

.banner-share__share-btn__vk:hover {
    background-position: 0px -24px
}

.banner-share__share-btn__fb {
    background-position: -77px 0
}

.banner-share__share-btn__fb:hover {
    background-position: -77px -24px
}

.gift {
    display: none
}

.gift__icon {
    background: url("/images/tpl/gift-icon.png") no-repeat transparent;
    display: block;
    height: 73px;
    left: 15px;
    position: relative;
    width: 73px;
    z-index: 1000;
    top: 20px
}

.gift__body {
    background: #fdc63a;
    background: -moz-linear-gradient(top, #fdc63a 0%, #ff6707 100%);
    background: -webkit-linear-gradient(top, #fdc63a 0%, #ff6707 100%);
    background: linear-gradient(to bottom, #fdc63a 0%, #ff6707 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc63a', endColorstr='#ff6707', GradientType=0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-family: 'Cuprum', sans-serif;
    height: 230px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0
}

.gift__title {
    font-size: 24px;
    line-height: 1em;
    margin: 20px 0 15px 73px;
    font-weight: bold
}

.biggreenlink_gift {
    -webkit-box-shadow: 0px 0px 6px 1px #fff;
    -moz-box-shadow: 0px 0px 6px 1px #fff;
    box-shadow: 0px 0px 6px 1px #fff;
    font-size: 22px;
    font-family: 'Cuprum', sans-serif;
    width: 205px;
    margin: 0 10px 5px;
    padding-top: 9px;
    padding-bottom: 3px
}

.gift__message {
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 15px
}

.gift__info {
    font-size: 12px;
    line-height: 1em;
    text-align: left;
    margin-left: 10px
}

.gift__text_inborder {
    color: #d90b0e;
    text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white
}

.gift__text_shadowed {
    text-shadow: 0 -1px 0 #467500
}

.gift__close {
    color: #fff;
    font-family: 'Cuprum', sans-serif;
    font-size: 12px;
    position: absolute;
    right: 7px;
    text-decoration: none;
    top: 4px
}

.gift__close:hover {
    color: #76b000
}

.hidden_for_guest {
    display: none
}

.countriesblock {
    float: left;
    margin-top: -55px
}

.countriesblock__list li {
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px
}

.countriesblock__list__flag {
    width: 100%;
    height: auto;
    position: relative
}

.countriesblock__list p {
    font-size: 18px;
    font-family: Myriad Pro;
    color: #ffffff;
    display: none
}

.countriesblock__list__angle {
    margin: 0 auto;
    display: none
}

.countriesblock__list__caption {
    width: 100px;
    text-align: center;
    margin-left: -32px;
    height: 20px;
    position: absolute
}

.countriesblock__list li:hover p {
    display: block
}

.countriesblock__list li:hover .countriesblock__list__flag {
    animation-name: test;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    top: -5px
}

.countriesblock__list li:hover .countriesblock__list__angle {
    display: block
}

@keyframes test {
    0%, 20%, 50%, 80%, 100% {
    transform: translateY(0)
    }
    10% {
    transform: translateY(-0.25rem)
    }
    30% {
    transform: translateY(-0.125rem)
    }
}

.bookmarks__past {
    opacity: 0.5
}

.listcolumn .pagination-active, .mlistcolumn .pagination-active {
    font-weight: 700
}

.listcolumn .pagination, .mlistcolumn .pagination {
    padding: 10px 10px;
    text-align: center
}

.listcolumn .pagination span, .listcolumn .pagination a, .mlistcolumn .pagination span, .mlistcolumn .pagination a {
    padding: 0 5px
}

.listcolumn .pagination a.active, .mlistcolumn .pagination a.active {
    color: black;
    text-decoration: none;
    cursor: default
}

.mlist_memb_left {
    padding: 10px 0 10px 25px;
    float: left;
    width: 60%
}

.mlist_memb_right {
    float: right;
    width: 35%;
    text-align: center;
    font-size: 12px;
    border-left: 1px dotted #e1e1e1
}

.ups-data {
    padding: 5px
}

.ups-data_parent {
    border-top: 1px dotted #e1e1e1
}

.print_access_btn {
    background: #f1f0f0;
    font-weight: normal;
    text-decoration: none !important;
    color: #ed7d33;
    padding: 0 15px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #dedddd;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 14px
}

.print_access_btn_order {
    position: relative;
    margin-top: 5px;
    display: none
}

.print_access_btn:before {
    background: url("/images/tpl/ico-print.png") no-repeat 0 0 transparent;
    content: '';
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px
}

.print_access_btn:hover:before {
    background-position: 0 -17px
}

.link_member .memb_class {
    display: inline-block;
    vertical-align: middle
}

.link_member_current {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #f8f8f8;
    padding: 15px
}

.link_member_notso_similar {
    background-color: #f8f8f8;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px;
    margin-bottom: 20px
}

.link_member__greensubmit {
    width: 150px;
    margin: 0 auto
}

.link_member__greensubmit .biggreenlink {
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-family: 'Cuprum', sans-serif;
    height: 44px;
    padding: 0 20px 0
}

.tempaccountForm__text-block {
    margin: 10px 0 10px 183px
}

.tempaccountForm {
    width: 550px
}

.access-task {
    background: url("/images/tpl/icons8-unlock.png") no-repeat 0 0 transparent;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -40px;
    top: 3px
}

.access-task.lock {
    background-position: 0 -20px
}

.access-task-icon {
    background: url("/images/tpl/icons8-unlock.png") no-repeat 0 0 transparent;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.access-task-icon_lock {
    background-position: 0 -20px
}

.access-control {
    border-bottom: 1px dotted #b0b0b0;
    border-top: 1px dotted #b0b0b0;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-top: 10px;
    padding: 10px 0
}

.app-task-download {
    margin-top: 5px;
    padding: 0 15px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #dedddd;
    display: inline-block
}

.cabmenu_more {
    color: #fff;
    font: bold 15px/1 trebuchet ms;
    text-align: center;
    margin: 5px auto 0;
    width: 180px;
    display: inline-block;
    position: relative;
    z-index: 1
}

.cabmenu_more.active_cabmore, .cabmenu_more:hover {
    color: #fef374
}

.cabmenu_more-nav {
    display: none
}

.app_owner_fio {
    margin-bottom: 10px;
    display: block
}

.myawards_row {
    background: #f4f4f4
}

.myawards_row:nth-child(even) {
    background: #fcfcfc
}

.myawards__award {
    display: none;
    border-top: 2px dotted #b0b0b0
}

.myawards {
    padding: 4px;
    cursor: pointer;
    white-space: nowrap
}

.myawards .popup__res_btn {
    display: none
}

.myawards__event {
    padding: 8px;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.myawards__answers {
    display: inline-block;
    vertical-align: middle
}

.myawards__date {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    white-space: normal
}

.myawards__award .awards__item {
    padding: 15px 8px 8px;
}

.myawards.active .myawards__event:before {
    transform: rotate(0)
}

.myawards_event_link {
    font-weight: 700;
    text-decoration: none;
    width: 400px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
    border-bottom: 1px dashed var(--link-color);
}

.myawars__btn {
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    cursor: pointer;
    height: 24px;

    color: var(--link-color);
    font-size: 14px;
    text-decoration: none;
}

.awitem_award {
    padding: 0 8px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    column-gap: 8px;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: var(--link-color);
    border: 2px solid var(--link-color);
    background: #ffffff;
    margin-bottom: 10px;
}

.myawards__answers {
    background: url(/images/tpl/myawards-answers.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 38px;
    margin-top: 5px
}

.myawards__answers:hover {
    background-position: -37px 0
}

.myawards__all {
    background: url(/images/tpl/all_awards.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 38px;
    margin-top: 5px
}

.myawards__all:hover {
    background-position: -31px 0
}

.access-control.hide_access, .hide_access .access-task {
    display: none !important
}

.countriesblock {
    display: none
}

.header-first-line {
    width: 100%;
    background-color: #406A5D
}

.header-first-line .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 40px
}

.header-mobile {
    display: none;
    padding: 15px 0px
}

.header-mobile-content {
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 5px 27px -16px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 5px 27px -16px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 5px 27px -16px rgba(0, 0, 0, 0.7)
}

.header-mobile-buttons {
    padding-top: 8px
}

.header-mobile-buttons img {
    margin-left: 15px
}

.header-mobile-menu-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #406A5D;
    z-index: 999;
    display: none
}

.header-mobile-menu ul {
    margin-top: 50px
}

.header-mobile-menu li {
    position: relative;
    border-bottom: 1px solid #598779;
    cursor: pointer
}

.header-mobile-menu li a {
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 25px;
    display: block
}

.header-mobile-menu .parentmenu_with_child::after {
    position: absolute;
    right: 25px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
    top: 20px
}

.header-mobile-menu .parentmenu_with_child:hover::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg)
}

.mobile-menu-back {
    display: none;
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    left: 25px;
    top: 12px;
    cursor: pointer;
    padding-left: 15px
}

.mobile-menu-back::before {
    content: '';
    position: absolute;
    left: 0px;
    border: solid #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    top: 4px
}

.mobile-menu-close {
    float: right;
    margin-right: 18px;
    margin-top: 10px;
    cursor: pointer
}

.header-first-line-list {
    margin: 0;
    height: 41px
}

.header-first-line-list li:last-child {
    margin-right: 0px
}

.header-first-line-list-item {
    display: inline-block;
    margin-right: 35px
}

.header-first-line-list-item a {
    text-decoration: none;
    color: #fff;
    line-height: 41px
}

.header-first-line-list-item a:hover {
    color: #fef374
}

.header-first-line-list-item a:focus {
    color: #fff
}

.header-first-line-list-item .acc {
    margin-top: 0
}

.yt-button__icon_type_left {
    display: none !important
}

.yt-servicelink {
    display: none !important
}

#yt-widget .yt-button_type_left {
    padding: 0 8px 0 0px !important
}

#yt-widget .yt-button {
    height: auto !important
}

.header-second-line {
    width: 100%;
    height: 65px;
    background-color: #fff;

    border-bottom: 2px solid #f3f4f6;
}

.logo-link {
    display: inline-block;
    margin-top: 14px;
    width: 177px;
    height: 36px;
}

.logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.header-second-line-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-second-line-menu ul {
    min-height: 65px;
    margin-bottom: 0;
}

.header-second-line-menu ul li {
    display: inline-block;
    margin-left: 13px
}

.header-second-line-menu ul li a {
    line-height: 65px;
    text-decoration: none;
    font-family: 'TrebuchetMSBold';
    cursor: pointer;
    white-space: nowrap;

    font-size: 14px;
    color: var(--text-color);

    display: inline-block;
    height: 100%;
}

.header-second-line-menu ul li a:hover {
    color: #047857;
}

.header-second-line-menu ul li:first-child {
    margin-left: 0
}

.parentmenu_with_child {
    position: relative
}

.parentmenu_with_child:after {
    content: '';
    border: solid #2b2b2b;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 3px;
    margin-left: 3px
}

.parentmenu_with_child:hover:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-bottom: 0
}

.header-menu-submenu {
    background: #fff;
    position: relative;
    display: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    width: auto;
    padding: 25px 25px 1px 15px;
    min-height: 125px;
    margin-top: 13px;
}

.header-menu-submenu:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: solid 14px #fff;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
    left: 26px;
    top: -15px;
    transform: rotate(270deg);
    z-index: 1
}

.header-menu-submenu li {
    display: block !important;
    margin-bottom: 20px;
    margin-left: 0 !important
}

.header-menu-submenu li a {
    display: block;
    line-height: 100% !important;
    margin-bottom: 1.4rem;
}

.header-menu-submenu-visible {
    display: block
}

.header-menu-submenu-open {
    margin-top: 15px;
    opacity: 1
}

.header-second-line-content .header-menu-submenu__wrapper {
    margin-top: 55px
}

.header-second-line-content .header-menu-submenu {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75)
}

.header-second-line-content .header-menu-submenu:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: solid 14px #fff;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
    left: 26px;
    top: -15px;
    transform: rotate(270deg);
    z-index: 1
}

.header-second-line-content .header-menu-submenu:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: solid 14px rgba(0, 0, 0, 0.5);
    border-bottom: solid 10px #fff;
    border-top: solid 10px #fff;
    left: 26px;
    top: -17px;
    transform: rotate(270deg);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px)
}

.header-second-line-content .header-menu-submenu li {
    display: block !important;
    margin-bottom: 20px;
    margin-left: 0 !important
}

.header-second-line-content .header-menu-submenu li a {
    display: block;
    line-height: 100% !important
}

@-webkit-keyframes slide-down {
    0% {
    opacity: 0;
    -webkit-transform: translateY(10px)
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-down {
    0% {
    opacity: 0;
    -moz-transform: translateY(10px)
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0)
    }
}

.header-second-line-menu ul > li:hover .header-menu-submenu {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out
}

.header-content {
    width: 100%;
    min-height: 525px;
    background: url("/images/tpl/header-bcg.jpg");
    background-position: bottom;
    background-size: cover
}

.header-content h1 {
    text-align: center;
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 44px;
    line-height: 51px;
    margin: 75px auto 20px auto
}

.header-content-about {
    font-family: 'TrebuchetMS';
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    width: 90%;
    margin: 0 auto
}

.header-content-buttons {
    width: 70%;
    margin: 55px auto 0 auto
}

.header-content-video {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: #fff;
    font-family: 'TrebuchetMSBold';
    cursor: pointer
}

.header-content-video:hover, .header-content-video:active, .header-content-video:focus {
    color: #fff
}

.header-content-video span {
    float: left
}

.header-content-video svg {
    float: left;
    margin: 11px 12px 0 0
}

.header-content-statistics {
    margin-top: 75px;
    margin-bottom: 50px
}

.header-content-statistics-item-digital {
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 28px;
    border-left: 2px solid #FFD500;
    padding-left: 5px;
    margin-bottom: 7px;
    display: block
}

.header-content-statistics-item-text {
    font-family: 'TrebuchetMS';
    color: #fff;
    font-size: 16px;
    padding-left: 8px;
    display: block
}

#yt-widget[data-theme="dark"] .yt-listbox__text:hover, #yt-widget[data-theme="dark"] .yt-listbox__input:checked ~ .yt-listbox__text {
    background-color: #b2c716 !important
}

.yt-state_expanded {
    background-color: transparent !important
}

.trial-lesson {
    width: 100%;
    min-height: 115px;
    padding: 20px 0;
    background-color: #fff;
    border-bottom: 1px solid #E9E9E9;
    -webkit-box-shadow: 0px 4px 50px 0px rgba(160, 160, 160, 0.3);
    -moz-box-shadow: 0px 4px 50px 0px rgba(160, 160, 160, 0.3);
    box-shadow: 0px 4px 50px 0px rgba(160, 160, 160, 0.3)
}

.trial-lesson img {
    margin-right: 25px
}

.trial-lesson .gradient-button {
    margin-top: 9px;
    font-size: 16px;
    padding: 17px 22px
}

.trial-lessont-text {
    display: inline-block;
    color: #2B2B2B
}

.trial-lessont-text h3 {
    font-family: 'TrebuchetMSBold';
    font-size: 28px;
    margin-top: 0
}

.trial-lessont-text p {
    font-family: 'TrebuchetMS';
    font-size: 18px;
    line-height: 1.5
}

.mcompetition__item__more {
    border: none !important;
    background-color: transparent !important
}

.mcompetition__item__more span:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #000;
    width: 100px;
    margin: 0px auto;
    padding-top: 5px
}

.events {
    margin-top: 75px;
    position: relative
}

.events h3 {
    float: none;
    text-align: center;
    font-family: 'TrebuchetMSBold';
    font-size: 36px;
    color: #2B2B2B;
    margin-bottom: 30px
}

.events .more-button {
    display: none
}

.slider-wrapper {
    position: relative
}

.event-slider-slide {
    position: relative;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    margin-top: 12px
}

.event-slider-slide-img {
    width: 100%;
    height: 157px;
    position: relative;
    background-size: cover;
    background-position: center
}

.event-slider-slide-img a {
    display: block;
    text-align: center
}

.event-slider-slide-header {
    font-family: 'TrebuchetMSBold';
    font-size: 20px;
    color: #2B2B2B;
    display: block;
    line-height: 23px;
    margin: 10px 15px 0 15px
}

.event-slider-slide-desc-wrapper {
    margin: 15px 15px 0px 15px;
    border-left: 2px solid #F9B000
}

.event-slider-slide-desc {
    font-family: 'TrebuchetMSBold';
    color: #2A2A2A;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 10px
}

.event-slider-slide-age {
    font-family: 'TrebuchetMS';
    color: #2A2A2A;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 10px
}

.event-slider-slide-button {
    margin: 35px 15px 15px 15px
}

.event-slider-button-next, .contest-slider-button-next {
    background-image: none !important
}

.event-label-soon:before {
    content: 'Скоро';
    position: absolute;
    display: block;
    border: 3px solid #fff;
    border-radius: 30px;
    background-color: #96C11F;
    text-align: center;
    width: 67px;
    height: 27px;
    line-height: 21px;
    left: 50%;
    margin-left: -32px;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff;
    z-index: 999;
    top: -16px
}

.event-label-stock:before {
    content: 'Акция';
    position: absolute;
    display: block;
    border: 3px solid #fff;
    border-radius: 30px;
    background-color: #F9B000;
    text-align: center;
    width: 67px;
    height: 27px;
    line-height: 21px;
    left: 50%;
    margin-left: -32px;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff;
    z-index: 999;
    top: -16px
}

.games {
    background-color: #F9F9F9;
    padding: 65px 0 75px 0;
    margin-top: 80px
}

.games h3 {
    text-align: center;
    font-family: 'TrebuchetMSBold';
    font-size: 36px;
    color: #2B2B2B;
    margin-bottom: 20px
}

.games-desc {
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 50px
}

.games-desc p {
    font-family: 'TrebuchetMS';
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    font-weight: normal
}

.games-desc-items {
    margin-bottom: 30px
}

.games-desc-item {
    float: left;
    width: 25%
}

.games-desc-item img {
    display: inline-block;
    margin-right: 20px;
    float: left
}

.games-desc-item p {
    display: inline-block;
    width: 165px;
    font-family: 'TrebuchetMS';
    font-size: 14px
}

.contest-slider {
    padding-bottom: 30px !important
}

.contest-slider-slide {
    position: relative;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    margin-top: 12px;
    background-color: #fff
}

.contest-slider-slide-img {
    width: 100%;
    height: 157px;
    position: relative;
    background-size: cover;
    background-position: center
}

.contest-slider-slide-img img {
    width: 100%;
    max-height: 157px;
    object-fit: contain
}

.contest-slider-slide-header {
    font-family: 'TrebuchetMSBold';
    font-size: 20px;
    color: #2B2B2B;
    line-height: 23px;
    margin: 10px 15px
}

.contest-slider-slide-desc-wrapper {
    margin: 15px 15px 0px 15px;
    border-left: 2px solid #F9B000
}

.contest-slider-slide-desc {
    font-family: 'TrebuchetMSBold';
    color: #2A2A2A;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 10px
}

.contest-slider-slide-age {
    font-family: 'TrebuchetMS';
    color: #2A2A2A;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 10px
}

.contest-slider-slide-button {
    margin: 35px 15px 15px 15px
}

.contest-slider-button-next {
    background-image: none !important
}

.contest-slider-slide-icon {
    width: 50px;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0
}

.advantages {
    padding: 70px 0 90px 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, rgba(196, 196, 196, 0.23) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, rgba(196, 196, 196, 0.23)));
    background: -webkit-linear-gradient(top, #fff 0%, rgba(196, 196, 196, 0.23) 100%);
    background: -o-linear-gradient(top, #fff 0%, rgba(196, 196, 196, 0.23) 100%);
    background: -ms-linear-gradient(top, #fff 0%, rgba(196, 196, 196, 0.23) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgba(196, 196, 196, 0.23) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4', GradientType=0)
}

.advantages-grant-item {
    width: 100%;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    padding: 25px 0 20px 20px;
    margin-bottom: 40px;
    position: relative;
    background-color: #fff
}

.advantages-grant-item h5 {
    font-family: 'TrebuchetMSBold';
    font-size: 24px;
    color: #2B2B2B
}

.advantages-grant-item p {
    font-family: 'TrebuchetMS';
    font-size: 14px;
    color: #747474;
    padding: 10px 0 20px 0;
    width: 69%
}

.advantages-grant-item br {
    display: none
}

.advantages-grant-item-icon1 {
    position: absolute;
    top: 11px;
    right: 35px
}

.advantages-grant-item-icon2 {
    position: absolute;
    top: 20px;
    right: 25px
}

.advantages-gifts-item, .advantages-rating-item {
    width: 100%;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    padding: 25px 35px 20px 20px;
    position: relative;
    background-color: #fff;
    min-height: 700px
}

.advantages-gifts-item h4, .advantages-rating-item h4 {
    font-family: 'TrebuchetMSBold';
    font-size: 28px;
    line-height: 28px;
    color: #2B2B2B
}

.advantages-gifts-item {
    padding-bottom: 28px
}

.advantages-gifts-item-desc {
    font-family: 'TrebuchetMS';
    font-size: 14px;
    color: #747474;
    padding: 10px 0 20px 0
}

.advantages-gifts-item-category {
    margin-bottom: 28px
}

.advantages-gifts-item-category img {
    float: left;
    margin-right: 15px
}

.advantages-gifts-item-category p {
    font-family: 'TrebuchetMSBold';
    font-size: 18px;
    color: #2B2B2B;
    position: relative;
    line-height: 22px
}

.gifts-item1 img {
    margin-left: 3px
}

.gifts-item1 p {
    padding-top: 22px
}

.gifts-item2 p {
    padding-top: 20px
}

.gifts-item3 img {
    margin-left: 7px;
    margin-right: 23px
}

.gifts-item3 p {
    padding-top: 14px
}

.gifts-item4 {
    margin-bottom: 0;
    margin-top: 44px
}

.gifts-item4 img {
    margin-left: 7px;
    margin-right: 12px
}

.gifts-item4 p {
    font-size: 16px;
    line-height: 20px
}

.advantages-rating-item .more-link {
    margin-top: 6px
}

.advantages-rating-list {
    list-style-type: none;
    margin-bottom: 0;
    padding-right: 10px;
}

.advantages-rating-list li {
    font-family: 'TrebuchetMS';
    font-size: 16px;
    color: #2b2b2b;
    padding-left: 5px;
    margin-bottom: 15px
}

.advantages-rating-list li:last-child {
    margin-bottom: 0;
}

.rating-list-position {
    display: inline-block;
    width: 35px;
    color: #C0C0C0
}

.rating-list-name {
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    color: #2b2b2b
}

.rating-list-counter {
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    color: #2b2b2b
}

.gifts-for-winner-wrapper {
    position: absolute;
    bottom: 30px;
    left: 20px;
    right: 35px
}

.gifts-for-winner h5 {
    font-family: 'TrebuchetMSBold';
    font-size: 18px;
    color: #2B2B2B;
    margin: 0
}

.gifts-for-winner .more-link {
    margin-top: 5px
}

.gifts-for-winner-item {
    margin-top: 25px;
    padding-right: 4px
}

.gifts-for-winner-item img {
    float: left;
    margin-right: 15px
}

.gifts-for-winner-item p {
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    color: #2B2B2B;
    line-height: 20px
}

.about-us {
    width: 100%;
    min-height: 417px;
    background: url("/images/tpl/header-bcg.jpg");
    background-size: cover;
    background-position: bottom;
    position: relative
}

.about-us:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%);
    background: -o-linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%);
    background: linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%)
}

.about-us .container {
    position: relative
}

.about-us h3 {
    font-family: 'TrebuchetMSBold';
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 45px
}

.about-us p {
    font-family: 'TrebuchetMS';
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.about-us p a {
    font-family: 'TrebuchetMS';
    font-size: 18px;
    border-bottom: none;
    color: #FFD500
}

.about-us-mobile-bcg {
    display: none
}

.about-us-more-link {
    display: inline-block;
    font-family: 'Raleway-Bold';
    font-size: 14px;
    color: #FFD500;
    margin-top: 25px;
    margin-bottom: 45px
}

.about-us-more-link:hover {
    color: #F9B000
}

.about-us-more-link:focus {
    color: #FFD500
}

.about-us-advantages-wrapper {
    position: absolute;
    top: -15px;
    bottom: -15px;
    margin: auto;
    right: 0;
    width: 50%
}

.about-us-advantages {
    background-color: #fff;
    border-radius: 4px;
    padding: 60px 30px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-box-shadow: 0px 6px 5px 0px rgba(129, 129, 129, 0.16);
    -moz-box-shadow: 0px 6px 5px 0px rgba(129, 129, 129, 0.16);
    box-shadow: 0px 6px 5px 0px rgba(129, 129, 129, 0.16)
}

.about-us-advantages h4 {
    font-family: 'TrebuchetMSBold';
    font-size: 28px;
    color: #2B2B2B
}

.about-us-advantages-list {
    margin-top: 25px
}

.about-us-advantages-list li {
    font-family: 'TrebuchetMS';
    font-size: 20px;
    line-height: 28px;
    color: #2B2B2B;
    margin-bottom: 25px;
    list-style-image: url(/images/img/advantages-list-marker.png);
    margin-left: 30px
}

.about-us-tabs {
    background-color: #F9F9F9;
    padding-top: 70px;
    padding-bottom: 80px
}

.about-us-tabs h3 {
    font-family: 'TrebuchetMSBold';
    font-size: 36px;
    color: #2B2B2B;
    margin-bottom: 35px;
    width: auto
}

.about-us-tabs .more-link {
    margin-top: 33px
}

.about-us-tabs-wrapper {
    position: relative
}

.about-us-tabs-wrapper .gradient-button {
    position: absolute;
    left: 0px;
    top: 223px
}

.about-us-tabs-list {
    width: 100%;
    border: 1px solid #D7D6D6;
    border-radius: 4px;
    float: left;
    width: 33%;
    margin-right: 50px
}

.about-us-tabs-list li {
    padding: 15px 0px;
    border-bottom: 1px solid #DBDADA;
    cursor: pointer;
    padding-left: 20px;
    font-family: 'TrebuchetMS';
    font-size: 16px;
    color: #2A2A2A
}

.about-us-tabs-list li:last-child {
    border-bottom: none
}

.about-us-tabs-list li.active {
    background-color: #FFF2D7;
    position: relative
}

.about-us-tabs-list li.active:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: solid 12px #fff2d7;
    border-bottom: solid 12px transparent;
    border-top: solid 12px transparent;
    right: -12px;
    top: 12px
}

.about-us-tabs-content-wrapper {
    float: left;
    width: 61%;
    position: relative
}

.video-preview-wrapper {
    width: 100%;
    height: 350px
}

.video-popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    top: 0;
    left: 0
}

.video-popup-content {
    position: relative;
    left: 50%;
    top: 50%;
    width: 50%;
    margin-left: -25%;
    height: 600px;
    margin-top: -300px
}

.video-popup-content iframe {
    width: 100%;
    height: 100%
}

.close-video-popup {
    position: absolute;
    top: 0;
    right: -20px;
    width: 15px;
    height: 15px;
    background: url(/images/tpl/orangeicons.png) -30px -90px no-repeat;
    cursor: pointer
}

.video-previw-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 586px;
    max-height: 360px
}

.video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -31px;
    margin-top: -31px
}

.news {
    padding-top: 55px
}

.news-content {
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 65px
}

.news-content h4 {
    font-family: 'TrebuchetMSBold';
    font-size: 36px;
    color: #2B2B2B
}

.news-content .more-link {
    margin-top: 9px
}

.news-items-wrapper {
    margin: 0 -15px;
    padding-top: 35px
}

.news-item {
    float: left;
    width: 25%;
    padding: 0 15px
}

.news-item-img {
    width: 100%;
    height: 135px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px
}

.news-item-title {
    display: block;
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    line-height: 19px;
    color: #2B2B2B;
    margin-top: 15px
}

.news-item-title:hover {
    color: #96C11F
}

.news-item-date {
    display: block;
    margin-top: 10px;
    font-family: 'TrebuchetMS';
    font-size: 14px;
    color: #C0C0C0
}

.books {
    padding-top: 55px;
    padding-bottom: 95px
}

.books-items-wrapper {
    margin: 0 -15px;
    padding-top: 35px
}

.books-items-wrapper img {
    width: 100%
}

.books-item {
    float: left;
    width: 25%;
    padding: 0 15px
}

.book-name {
    display: block;
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    color: #2B2B2B;
    padding-top: 20px
}

.book-price {
    display: block;
    font-family: 'TrebuchetMSBold';
    font-size: 20px;
    color: #2B2B2B
}

.partners {
    background-color: #F9F9F9;
    padding: 55px 0px 0px 0px
}

.partners-slider-wrapper .swiper-container {
    padding-top: 100px
}

.partners-slider-wrapper .swiper-slide img {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto
}

.slider-wrapper .swiper-button-next {
    background-image: none;
    right: -40px
}

footer {
    width: 100%;
    min-height: 550px;
    background: url("/images/tpl/header-bcg.jpg");
    background-size: cover;
    background-position: bottom;
    position: relative
}

footer:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%);
    background: -o-linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%);
    background: linear-gradient(101.11deg, rgba(64, 106, 93, 0.8) 48.62%, rgba(137, 169, 87, 0.73) 100%, #96C11F 100%);
    z-index: 0
}

.footer-content-desc {
    position: relative
}

.footer-top-line-menu {
    border-bottom: 1px solid rgba(192, 190, 190, 0.41);
    position: relative
}

.footer-content-desc p {
    font-family: 'TrebuchetMS';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5)
}

.footer-content-desc p a {
    color: #FFD500;
    border-color: #FFD500
}

.footer-content-desc p a:hover {
    color: #F9B000;
    border-color: #F9B000
}

.footer-content-desc ul {
    margin: 25px 0
}

.footer-content-desc ul li {
    display: inline-block;
    margin-right: 5%
}

.footer-content-desc ul li a {
    font-family: 'TrebuchetMS';
    color: #fff;
    font-size: 14px
}

.footer-content-desc ul li a:hover {
    color: #FFD500
}

.footer-content-desc ul li a:active {
    color: #F9B000
}

.footer-top-line-menu-list, .footer-content-desc-list {
    margin: 25px 0
}

.footer-top-line-menu-list li, .footer-content-desc-list li {
    display: inline-block;
    margin-right: 5%
}

.footer-top-line-menu-list li a, .footer-content-desc-list li a {
    font-family: 'TrebuchetMS';
    color: #fff;
    font-size: 14px
}

.footer-top-line-menu-list li a:hover, .footer-content-desc-list li a:hover {
    color: #FFD500
}

.footer-top-line-menu-list li a:active, .footer-content-desc-list li a:active {
    color: #F9B000
}

.footer-content {
    margin-top: 45px;
    border-bottom: 1px solid rgba(192, 190, 190, 0.41)
}

.footer-content-register {
    margin-bottom: 52px
}

.footer-content-register li {
    margin-bottom: 30px
}

.footer-content-register li a {
    font-family: 'TrebuchetMSBold';
    font-size: 16px;
    color: #fff
}

.footer-content-register li a:hover {
    color: #FFD500
}

.footer-content-register li a:active {
    color: #F9B000
}

.footer-content-menu li {
    margin-bottom: 20px
}

.footer-content-menu li a {
    font-family: 'OpenSansRegular';
    font-size: 14px;
    color: #fff
}

.footer-content-menu li a:hover {
    color: #FFD500
}

.footer-content-menu li a:active {
    color: #F9B000
}

.footer-content-contact li {
    margin-bottom: 30px
}

.footer-content-contact li a {
    font-family: 'TrebuchetMSBold';
    font-size: 18px;
    color: #fff
}

.footer-content-contact li a:hover {
    color: #FFD500
}

.footer-content-contact li a:active {
    color: #F9B000
}

.footer-bottom-line {
    position: relative;
    margin-top: 10px
}

.footer-bottom-line .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-bottom-line-copyright {
    font-family: 'TrebuchetMS';
    font-size: 14px;
    color: #fff
}

.footer-bottom-line-social {
    margin-top: -6px;
    text-align: center
}

.footer-bottom-line-social li {
    display: inline-block;
    margin-right: 10px
}

.footer-bottom-line-dev {
    text-align: right;
    font-family: 'TrebuchetMS';
    font-size: 14px;
    color: #fff
}

.footer-bottom-line-dev a {
    color: #FFD500;
    border-color: #FFD500
}

.footer-bottom-line-dev a:hover {
    color: #F9B000;
    border-color: #F9B000
}

.about-profile .swiper-button-next {
    background-image: none
}

.profile-slider-item {
    background-color: #fff;
    border: 1px solid #C3C3C3;
    border-top: 3px solid #F9B000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.profile-slider-item-header {
    border-bottom: 1px solid #C3C3C3;
    padding: 15px;
    background-color: #fff
}

.profile-slider-item-header p {
    margin: 0;
    font-family: 'TrebuchetMSBold';
    font-size: 18px;
    color: #2B2B2B
}

.profile-slider-item-header-name {
    margin: 0;
    font-family: 'TrebuchetMSBold';
    font-size: 18px;
    color: #2B2B2B
}

.profile-slider-item-content {
    padding: 15px 15px 5px 15px;
    background-color: #fff
}

.profile-slider-item-footer {
    background-color: #f9f9f9;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.item-content-header {
    width: 21%;
    font-family: 'TrebuchetMSBold';
    color: #2B2B2B;
    font-size: 16px
}

.item-content-text {
    width: 79%;
    font-family: 'TrebuchetMS';
    color: #2B2B2B;
    font-size: 16px
}

.about-profile {
    margin-top: 50px
}

.trebuchet-regular {
    font-family: 'TrebuchetMS';
    color: #747474;
    font-size: 16px
}

.trebuchet-bold {
    font-family: 'TrebuchetMSBold';
    color: #2B2B2B;
    font-size: 16px
}

.item-content-list li {
    margin-bottom: 12px
}

.item-content-list li:last-child {
    margin-bottom: 0
}

.profile-slider-item-more {
    font-family: 'TrebuchetMS';
    font-size: 16px;
    color: #2B2B2B;
    border-bottom: 1px dashed #747474
}

.item-content-list i {
    position: relative
}

.rating-popover-mobile {
    display: none
}

.header-menu-submenu__wrapper {
    display: inline-block;
    position: absolute;
    margin-top: 65px;
    z-index: 5000;
    left: 0
}

.header-menu-submenu__wrapper > a {
    padding: 20px 25px;
    display: block;
    border-bottom: 1px solid #598779
}

.header-menu-submenu__wrapper > a:hover {
    background-color: #598779
}

.header-menu-submenu-first-link {
    display: block;
    padding: 15px 25px;
    border-bottom: 1px solid #598779
}

.video-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.js-about-video-item .gradient-button {
    display: none
}

.about-us-tabs-mobile {
    display: none;
    width: 80%;
    margin: 0 auto;
    position: relative
}

.about-us-tabs-mobile .video-preview-wrapper {
    width: 100%;
    height: 350px;
    display: block;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px
}

.about-us-tabs-mobile .video-previw-img {
    border-radius: 4px
}

.mobile-profile-icon {
    display: none;
    position: absolute;
    right: 24px;
    top: 24px
}

.profile-item-active .mobile-profile-icon {
    transform: rotate(180deg)
}

.lk-mobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    height: 100%;
    z-index: 999
}

.lk-mobile .acc-star, .lk-mobile .acc-bonus, .lk-mobile .acc-card, .lk-mobile .acc-exit {
    display: block
}

.lk-mobile-name {
    width: 100%;
    background-color: #406A5D;
    padding: 20px 0;
    padding-left: 25px
}

.lk-mobile-name a {
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 18px
}

.lk-mobile-name img {
    margin-right: 10px;
    width: 50px;
    height: 50px
}

.lk-mobile-stats, .lk-mobile-menu {
    margin-top: 20px
}

.lk-mobile-stats a, .lk-mobile-menu a {
    font-family: 'TrebuchetMS';
    font-size: 16px;
    color: #2b2b2b;
    text-shadow: none;
    width: 100%;
    display: block;
    margin: 0px;
    padding-left: 25px;
    line-height: 40px;
    height: 40px
}

.lk-mobile-stats a:hover, .lk-mobile-menu a:hover {
    background-color: #406a5d;
    color: #FFD500
}

.lk-mobile-stats ul, .lk-mobile-menu ul {
    margin: 0
}

.lk-mobile-close {
    position: absolute;
    right: 25px;
    top: 30px
}

.rating-icon-equally {
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 5px;
    margin-bottom: 3px;
    background: linear-gradient(269.06deg, #FBD500 -14.76%, #C3CA11 26.82%, #96C11F 87.08%)
}

.header-second-line-content {
    margin-bottom: 30px;
}

.horisontal-rule, .horisontal-rule-mobile {
    display: none
}

.footer-content {
    margin-top: 70px
}

.header-wrapper {
    position: relative;
    width: 100%
}

.gradient-button {
    background: linear-gradient(264.82deg, #FBD500 -14.76%, #C3CA11 26.82%, #96C11F 87.08%);
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-family: 'TrebuchetMSBold';
    text-decoration: none;
    padding: 17px 38px;
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.gradient-button:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(267.56deg, #96C11F -14.76%, #FBD500 99.57%)
}

.gradient-button:active {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(0deg, rgba(64, 106, 93, 0.46), rgba(64, 106, 93, 0.46)), linear-gradient(267.56deg, #FBD500 -14.76%, #96C11F 82.1%)
}

.button--plain {
    display: inline-block;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #000;
    padding: 5px 20px;
    background: #dedede;
    border-radius: 4px;
    height: auto;
    border: none
}

.green-button, .smallgreenlink, .biggreenlink, .btn-green-md, .button--green, .btn-active, .confirmgreen, .totalsubmit .ineednextstep {
    display: inline-block;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
    background: #96C11F;
    border-radius: 4px;
    height: auto;
    border: none
}

.green-button:hover, .smallgreenlink:hover, .biggreenlink:hover, .btn-green-md:hover, .button--green:hover, .btn-active:hover, .confirmgreen:hover, .totalsubmit .ineednextstep:hover {
    color: #fff;
    background: #9ECB22
}

.green-button:active, .smallgreenlink:active, .biggreenlink:active, .btn-green-md:active, .button--green:active, .btn-active:active, .confirmgreen:active, .totalsubmit .ineednextstep:active {
    color: #fff;
    background: #8EB621
}

.biggreenlink.my {
    padding: 10px 20px;
    font-size: 20px
}

.totalsubmit .ineednextstep {
    padding: 10px;
    font-size: 16px
}

.btn-active {
    font-size: 18px
}

.btn-green-md.confirmgreen {
    padding: 15px 20px;
    font-size: 18px
}

.confirmgreen {
    font-size: 16px;
    padding: 9px 20px
}

.biggreenlink {
    font-size: 16px
}

.more-button {
    border: 1px solid #C3C3C3;
    border-radius: 30px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Raleway-Bold';
    color: #747474;
    width: 150px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-top: 30px
}

.more-button:hover {
    color: #96C11F
}

.more-button:focus {
    color: #747474
}

.more-link {
    font-family: 'TrebuchetMS';
    font-size: 16px;
    color: #96C11F
}

.more-link:hover {
    color: #AADB23
}

.more-link:active {
    color: #82A719
}

.predmets-list {
    margin: 0 auto;
    max-width: 990px;
    height: 160px;
    overflow: hidden
}

.predmets-list-item {
    display: inline-block;
    width: 152px;
    margin-right: 8px;
    margin-bottom: 10px;
    height: 46px;
    float: left
}

.predmets-list-item .mcompetition__item {
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    line-height: 13px;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #feab08;
    height: 46px;
    border-radius: 60px;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    color: #2A2A2A;
    font-size: 15px
}

.predmets-list-item .mcompetition__item:hover {
    background-color: #FFDC95
}

.predmets-list-item .mcompetition__item:active {
    background-color: #FBC75D
}

.predmets-list-item.mcompetition__class__block {
    margin-right: 8px;
    width: 184px
}

.predmets-list-item.mcompetition__class__block:last-child {
    margin-right: 0
}

.predmets-list-item-more {
    position: absolute;
    bottom: 2px;
    right: 8px;
    margin: 0;
    background: #fff;
    text-align: center
}

.predmets-list-item-more .mcompetition__item {
    border: none;
    font-size: 16px;
    font-family: 'TrebuchetMS';
    color: #2b2b2b
}

.predmets-list-item-more .mcompetition__item:hover {
    background-color: #fff
}

.predmets-list-item-more .mcompetition__item:active {
    background-color: #fff
}

.tlist_memb {
    padding: 10px 0 10px 25px
}

.cabmenu-mobile {
    display: none;
    background-color: #406a5d;
    width: 100%;
    color: #fff;
    font-family: trebuchet MS;
    font-size: 14px;
    border-radius: 5px
}

.cabmenu-mobile .acc-nav {
    display: none;
    padding-left: 20px;
    padding-bottom: 10px
}

.cabmenu-mobile .acc-nav li a {
    color: #fff;
    font-family: trebuchet MS;
    font-size: 14px
}

.cabmenu-mobile .acc-nav li a:hover {
    color: #FFD500
}

.cabmenu-mobile .acc-nav li a:active {
    color: #F9B000
}

.cabmenu-mobile .acc-nav li a.active {
    color: #fef374
}

.cabmenu-mobile-header_icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 13px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.93301 11.25C6.74056 11.5833 6.25944 11.5833 6.06699 11.25L0.437821 1.5C0.245371 1.16667 0.485934 0.750001 0.870834 0.750001L12.1292 0.75C12.5141 0.75 12.7546 1.16667 12.5622 1.5L6.93301 11.25Z' fill='white'/%3E%3C/svg%3E%0A")
}

.cabmenu-header {
    position: relative;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 20px
}

.mobile-logo {
    float: left;
    width: 162px;
    height: 34px;
}

.event-slider-slide-mark_text {
    position: absolute;
    display: block;
    border: 3px solid #fff;
    border-radius: 30px;
    background-color: #F9B000;
    text-align: center;
    width: 67px;
    height: 27px;
    line-height: 21px;
    left: 50%;
    margin-left: -32px;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff;
    z-index: 999;
    top: -16px
}

.bookmarks__past .choosenone {
    float: none;
    margin: 0;
    width: 175px
}

.bookmarks__past .eventdate {
    float: none;
    width: 150px;
    margin: 10px 0 0
}

.bookmarks__current .choosenone {
    float: none;
    margin: 0;
    width: 175px
}

.bookmarks__current .eventdate {
    float: none;
    width: 150px;
    margin: 10px 0 0
}

.monthcont .eventdate {
    width: 170px
}

.awitem_award .awitem__link {
    display: inline-block;
    text-align: center
}

.header-content-statistics-item {
    display: inline-block
}

.countries-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    margin-left: 10px
}

.countries-icon img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0
}

.awards_current_year_event {
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #96C11F;
    font-family: 'TrebuchetMSBold';
    border-radius: 5px;
    color: #fff;
    margin: 20px 0
}

.awards_current_year_event:hover {
    color: #fff;
    background: #9ECB22
}

.awards_current_year_event:active {
    color: #fff;
    background: #8EB621
}

.awards_current_year_event:focus {
    color: #fff
}

.swiper-slide {
    visibility: hidden
}

.swiper-loader {
    background: url(/images/loader.gif) no-repeat;
    background-position: center
}

a.btn-green-md.confirmgreen {
    padding: 0px 20px;
    font-size: 18px
}

.aboutsuperH h2 + h2 {
    margin: 0
}

.aboutsuperH h2 {
    margin: 0;
    width: 33%
}

.snail-awards-item {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 50px
}

.snail-awards-item img {
    border: 1px solid #208111;
    border-radius: 7px;
    box-shadow: #ccc 3px 3px 4px 5px;
    opacity: .9
}

.snail-awards-item p {
    padding-top: 10px;
    min-height: 100px
}

.snail-awards-row {
    position: relative
}

.table-wrapper {
    width: 100%;
    overflow: auto
}

.regional-contact-item {
    margin-bottom: 30px
}

.regional-contact-item-address {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #008000;
    margin-bottom: 20px
}

.regional-contact-item-photo {
    float: left;
    margin-right: 60px;
    width: 160px;
    height: 160px;
    border-radius: 50%
}

.regional-contact-item-photo img {
    width: 100%;
    height: auto
}

.regional-contact-item-text {
    padding-top: 20px;
    float: left
}

.regional-contact-item-text ul li {
    margin-bottom: 12px;
    font-size: 12px
}

.regional-contact-item-text ul li a {
    font-size: 12px;
    color: #ed7d33
}

#grabmems, #grabworks, .graylink {
    margin-bottom: 15px
}

.icons-with-text {
    margin-top: 30px
}

.icons-with-text img {
    float: left
}

.icons-with-text a {
    width: 80%;
    margin-left: 20px
}

.grant-block-header img {
    display: block;
    margin: 50px 0
}

.expert-item {
    width: 30%;
    text-align: center;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: top
}

.expert-item img {
    display: block;
    margin: 0 auto
}

.expert-item span {
    display: block;
    margin: 10px 0;
    min-height: 40px
}

.expert-item p {
    display: block;
    min-height: 150px
}

.stages-list ul li {
    display: inline-block;
    width: 22%;
    text-align: center;
    position: relative
}

.stages-list ul li span, .stages-list ul li img {
    display: block;
    margin: 15px auto
}

.stages-list ul li:last-child {
    width: 30%
}

.grant-partners-item {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    text-align: center;
    position: relative
}

.grant-partners-item a {
    display: block;
    height: 150px;
    position: relative
}

.grant-partners-item a img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.grant-partners-item span, .grant-partners-item p {
    display: block
}

.grant-partners-item img {
    display: block;
    margin: 0 auto 15px auto
}

.grant-right-buttons {
    margin-top: 205px
}

.grant-right-buttons p {
    margin-bottom: 40px
}

.member_selected_counter-mobile {
    display: none
}

.cabL {
    float: none;
    width: 100%;
    margin: 0
}

.awitem_award .awitem__link {
    line-height: 14px;
    vertical-align: middle
}

.lcol-lc-header-buttons-mobile {
    display: none
}

.myawards-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
    margin-left: auto;
}

.appl-steps {
    overflow: auto;
    white-space: nowrap
}

.school-type {
    display: inline-block
}

#add_loc.biggreenlink, #add_ins.biggreenlink {
    height: auto !important;
    margin-bottom: 15px
}

.balance-button {
    padding: 15px 20px !important
}

.date-in-desc-icon {
    display: none;
    margin-bottom: 4px
}

.graylink-wrapper-slider {
    display: none
}

.graylink-wrapper-slider .graylink {
    display: block;
    margin: 0 auto
}

.graylink-wrapper-slider .swiper-slide {
    visibility: visible !important
}

.graylink-wrapper-slider .swiper-button-next, .graylink-wrapper-slider .swiper-button-prev {
    width: 25px;
    height: 25px;
    margin-top: -13.5px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='17.5' fill='%23F3F3F3' stroke='%23C3C3C3'%3E%3C/circle%3E%3Cpath d='M15 11L22 18L15 25' stroke='%2396C11F' stroke-width='3'%3E%3C/path%3E%3C/svg%3E")
}

.graylink-wrapper-slider .swiper-button-prev {
    left: 0;
    right: auto;
    transform: rotate(180deg)
}

.graylink-wrapper-slider .swiper-button-next {
    right: 0;
    left: auto
}

.event-order_mobile {
    display: none;
    font-family: 'TrebuchetMSBold';
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    background: #96C11F;
    border-radius: 4px;
    height: auto;
    border: none
}

.event-order_mobile:hover, .event-order_mobile:active, .event-order_mobile:focus {
    color: #fff
}

.ithappens-event_mobile {
    display: none;
    background-color: #eaeaea;
    padding: 20px;
    text-align: left;
    margin-bottom: 20px;
    float: none !important
}

.ithappens-event_mobile b {
    font-size: 14px;
    color: #3e3e3e
}

.order-date_mobile_top {
    display: none
}

.order-date_mobile_top p {
    margin: 0 !important
}

.order-notice-mobile {
    display: none
}

.ask_mobile {
    display: none
}

.my-events-date_mobile {
    display: none;
    margin-bottom: 10px
}

.downloadtask_mobile {
    display: none;
    width: 100%
}

.downloadtask_mobile .downloadtask {
    width: 100%
}

.downloadtask_mobile .downloadtask .biggreenlink {
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    text-align: center;
    width: 100%
}

.downloadtask_mobile .downloadtask .biggreenlink a {
    display: block;
    padding: 0;
    text-align: center;
    float: none;
    color: #FFFFFF;
    text-decoration: none
}

.mobile-eventdate {
    display: none
}

.eventbookmark-mobile {
    display: none
}

.eventone__image {
    display: inline-block;
    float: left;
    width: 15%;
    height: auto
}

.eventone__image img {
    width: 100%
}

.eventdate {
    margin-top: 0
}

.event-desc-wrapper {
    display: inline-block;
    margin-left: 15px;
    float: left;
    width: 100%
}

.has_eventone__image .event-desc-wrapper {
    width: 80%
}

.calendar-icon {
    display: inline-block;
    margin-right: 5px
}

.promo-events-mobile-header_icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 13px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.93301 11.25C6.74056 11.5833 6.25944 11.5833 6.06699 11.25L0.437821 1.5C0.245371 1.16667 0.485934 0.750001 0.870834 0.750001L12.1292 0.75C12.5141 0.75 12.7546 1.16667 12.5622 1.5L6.93301 11.25Z' fill='white'/%3E%3C/svg%3E%0A")
}

.promo-events__mobile {
    display: none;
    background-color: #406a5d;
    width: 100%;
    color: #fff;
    font-family: trebuchet MS;
    font-size: 14px;
    border-radius: 5px
}

.promo-events__mobile-toggler {
    position: relative;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 20px
}

.promo-events__memo {
    margin-bottom: 20px
}

.promo-events__members-memo {
    position: absolute;
    font-size: 10px;
    color: #fff;
    left: 50%;
    bottom: -18px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.promo-events__score-memo {
    position: absolute;
    right: -17px;
    top: 2px
}

.promo-events__card-wrap {
    width: 25%;
    display: inline-block;
    vertical-align: top
}

.promo-events__cards {
    text-align: center;
    font-size: 0
}

.promo-events__card {
    background-color: #1c883b;
    padding: 15px 10px;
    margin: 10px
}

.promo-events__card-image {
    float: left;
    margin-right: 5%;
    width: 25%
}

.promo-events__card-image img {
    width: 100%
}

.promo-events__card-info {
    float: left;
    width: 70%;
    text-align: left
}

.promo-events__card-name {
    color: #fff;
    font-size: 12px;
    line-height: 1.3em;
    min-height: 45px
}

.promo-events__card-name:hover, .promo-events__card-name:focus, .promo-events__card-name:active {
    color: #ffc000
}

.promo-events__card-button {
    background-color: #ffc000;
    border: 1px solid #fff;
    font-size: 12px;
    color: #000;
    padding: 1px 9px
}

.promo-events__card-button:hover {
    color: #ed7d33
}

.promo-events__card-button_grey {
    background-color: #bfbfbf
}

.promo-events__card-data {
    margin-top: 10px
}

.promo-events__card-label {
    border: 2px solid #00b050;
    padding: 1px 9px;
    border-radius: 100%;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    position: relative
}

.promo-events__card-label_coord {
    margin-top: -2px;
    margin-right: 5px
}

.promo-events__card-label_score {
    margin-right: 10px
}

@media only screen and (max-width: 1200px) {
    .hfblock {
    margin-bottom: 15px
    }

    .ithappens .no_top_margin {
    margin-bottom: 0px !important
    }

    .minusMargin .lcol, .minusMargin .maincol {
    margin-top: 0
    }

    .minusMargin .lcol h2, .minusMargin .maincol h2 {
    margin-top: 0
    }

    .lcol-lc-header-buttons-mobile {
    margin: 0
    }

    .askcont-desktop {
    display: none
    }

    .ask_mobile {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px
    }

    .downloadtask_mobile {
    display: block
    }

    .downloadtask_mobile .downloadtask {
    width: auto;
    margin-left: 0
    }

    .downloadtask_desktop {
    display: none
    }

    .date-in-desc-icon {
    display: inline-block;
    margin-right: 5px
    }

    .eventcolL .greensign {
    width: 100%;
    margin-left: 0;
    margin-top: 0
    }

    .date-in-desc_mobile {
    display: none
    }

    .order-date_mobile_top {
    display: block
    }

    .order-date_mobile {
    display: none
    }

    .autumn, .spring, .winter, .summer {
    display: none
    }

    .other-buttons-mobile {
    display: none
    }

    .season_mobile {
    display: none
    }

    .mcompetition__item {
    margin: 0px 4px 15px 0px
    }

    .predmets-list-item {
    width: 146px
    }

    .predmets-list-item.mcompetition__class__block {
    width: 178px
    }

    .predmets-list-item-more {
    right: 14px
    }

    .leftcolumn {
    width: 65%
    }

    .rightcolumn {
    width: 30%
    }

    .cabmenu {
    display: none
    }

    .cabmenu-mobile {
    display: block
    }

    .someblock-mobile {
    display: none
    }

    .lcol .someblock {
    width: 100%
    }

    .maincol {
    width: 100%
    }

    .monthcontwide .tabs-link {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    padding: 0 25px;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px
    }

    .monthcontwide .tabs-link.active:after {
    display: none
    }

    .referral-programm-desc img {
    width: 100% !important;
    height: auto
    }

    .lcol-lc-header-buttons {
    display: none
    }

    .lcol-lc-header-buttons-mobile {
    display: block;
    margin-right: 0 !important
    }

    .eventcolL {
    width: 100%
    }

    .eventcolR-season {
    width: 230px !important
    }

    .eventcolR-season .ithappens {
    width: 80%
    }

    .askcont {
    margin: 0px !important
    }
}

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

    .acc-grouppart {
    margin-right: 2px
    }

    .acc-grouppart span {
    display: none
    }

    .apopup__ans {
    width: 33% !important
    }

    .eventtype-mobile {
    display: none
    }

    .eventstatus-mobile {
    display: none
    }

    .eventbookmark-desktop {
    display: none
    }

    .eventbookmark-mobile {
    display: block
    }

    .eventbookmark-mobile b {
    display: none
    }

    .rcol__wide {
    padding-left: 0
    }

    .rcol__wide .dload__title {
    width: auto;
    min-height: 25px
    }

    .mobile-eventdate {
    display: block;
    margin-bottom: 10px
    }

    .mobile-eventdate p {
    display: inline-block
    }

    .desktop-eventdate {
    display: none
    }

    .header-content-statistics-item-digital {
    font-size: 24px
    }

    .header-content-buttons {
    width: 90%
    }

    .trial-lesson .gradient-button {
    float: left !important;
    margin-left: 97px
    }

    .mcompetition__title {
    width: 138px
    }

    .news-item-img {
    height: auto
    }

    .news-item-img img {
    width: 100%
    }

    .advantages-rating-item {
    margin-top: 40px
    }

    .slider-wrapper .swiper-container {
    width: 1000px
    }

    .slider-wrapper .swiper-button-next {
    background-image: none;
    right: -40px
    }

    .profile-slider-button-next {
    display: none
    }

    .slider-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-left: 129px
    }

    .footer-top-line-menu-list li, .footer-content-desc-list li {
    margin-right: 4%
    }

    .games-desc-item p {
    width: 65%
    }

    .events .more-button {
    display: block
    }

    .partners-slider-wrapper .slider-wrapper {
    padding-left: 0
    }

    .about-us-advantages-wrapper, .about-us-advantages {
    position: relative;
    width: 100%;
    z-index: 50
    }

    .header-second-line-menu ul li:nth-child(3) .header-menu-submenu__wrapper {
    right: 0;
    left: auto
    }

    .header-second-line-menu ul li:nth-child(3) .header-menu-submenu::before {
    left: auto;
    right: 30px
    }

    .header-second-line-menu ul li:nth-child(3) .header-menu-submenu::after {
    left: auto;
    right: 30px
    }

    .header-second-line-menu ul li:nth-child(4) .header-menu-submenu__wrapper {
    right: 0;
    left: auto
    }

    .header-second-line-menu ul li:nth-child(4) .header-menu-submenu::before {
    left: auto;
    right: 30px
    }

    .header-second-line-menu ul li:nth-child(4) .header-menu-submenu::after {
    left: auto;
    right: 30px
    }

    .about-us {
    background-image: none
    }

    .about-us-mobile-bcg {
    display: block;
    background-image: url(/images/img/about-us-bcg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%
    }

    .trial-lessont-text {
    width: 80%
    }

    .trial-lessont-text h3 {
    font-size: 24px
    }

    .trial-lessont-text br {
    display: none
    }

    .advantages-grant-item-icon1 {
    right: 20px
    }

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

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

    .footer-content-contact {
    margin-top: 25px
    }

    .footer-content-register {
    margin-bottom: 30px
    }

    .about-us-tabs-list {
    width: 30%
    }

    .about-us-tabs-wrapper .gradient-button {
    padding: 17px 11px
    }

    .advantages-rating-item {
    min-height: 780px
    }

    .predmets-list-item {
    width: 111px
    }

    .predmets-list-item.mcompetition__class__block {
    width: 135px
    }

    .eventtype {
    width: 24%
    }

    .lesson {
    margin-right: 0
    }

    .lesson__chosen {
    width: 180px
    }

    .efilter__select {
    margin-right: 0;
    min-width: auto
    }

    .mselect {
    width: 180px !important
    }

    .resetfilter {
    margin-top: 20px
    }

    .lesson__wrap {
    width: 135%;
    height: 150px;
    overflow: auto
    }

    .mselect__text {
    height: auto !important
    }

    .eventone .eventL {
    float: none;
    width: 100%;
    margin-bottom: 15px
    }

    .eventone .eventL p {
    margin: 0
    }

    .eventone .eventR {
    float: none
    }

    .eventone .eventR .eventdate {
    float: none
    }

    .eventone .eventR .choosenone {
    float: none
    }

    .newscol {
    width: 70%
    }

    .rcol {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px
    }

    .checkblock {
    display: inline-block;
    position: relative
    }

    .checkblock:before {
    content: '';
    background: url(/images/tpl/award_check.png) no-repeat;
    padding-left: 10px;
    width: 24px;
    height: 41px;
    display: inline-block;
    position: absolute;
    left: -35px
    }

    .checkblock i {
    display: none
    }

    .subabcont {
    margin-bottom: 50px;
    text-align: center
    }

    .subabcont .biggreenlink {
    float: none
    }

    .calcL {
    width: 100%
    }

    .calculate h2 {
    font-size: 20px
    }

    .calculate .quantcont {
    width: 40%
    }

    .calculate .letscalc {
    width: 100%
    }

    .calcinput {
    width: 30px
    }

    .calcinput input {
    width: 32px
    }

    .sumcont {
    font-size: 26px
    }

    .totalsubmit .ineednextstep {
    width: 100%
    }

    .line_1 {
    left: 104px
    }

    .line_3 {
    left: 100px
    }

    .wrap {
    width: 100%
    }

    .wrap--rating .eventtype .eventtype__name {
    margin: 10px auto
    }

    .filter .fleft__bottom {
    text-align: left
    }

    .filter .fleft__bottom a {
    margin-bottom: 10px;
    margin-left: 11px
    }

    .filter .fleft__bottom button {
    display: block
    }

    .filter .filter__right {
    float: none;
    display: block;
    width: 100%;
    text-align: left
    }

    .graylink {
    width: 45%
    }

    .somesitems a {
    float: left;
    margin: 0 40px 20px 0;
    text-decoration: none;
    width: 20%;
    text-align: center
    }

    .grant-partners-item {
    display: block;
    width: 100%;
    margin-bottom: 55px
    }

    .mpopup__wr, .tpopup__wr, .upopup__wr {
    width: 90% !important;
    left: 5% !important;
    margin-left: 0 !important;
    margin-top: -25px;
    overflow-y: scroll !important
    }

    .mpopup__item_list, .tpopup__item_list {
    float: none !important;
    display: block;
    width: 100% !important
    }

    .mpopup__row-items-selected {
    display: none
    }

    .member_selected_counter-mobile {
    display: block
    }

    .tpopup__item_list {
    float: none !important;
    width: 100% !important
    }

    .tpopup__row-items-selected {
    display: none !important
    }

    .listcolumn__title {
    padding-left: 20px !important
    }

    .listcolumn_items .mpopup__item {
    padding-left: 10px !important
    }

    .bigform.editform label {
    text-align: left
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 20px;
    left: auto !important
    }

    .apopup__wr {
    width: 90% !important;
    left: 50%;
    margin-left: -45% !important
    }

    .regpage .authblock label {
    width: auto;
    min-width: 60px;
    text-align: left;
    margin: 8px 20px 0 0
    }

    .regpage .authblock .recaptcha {
    float: none;
    margin-bottom: 15px
    }

    .referral-input-label {
    margin-top: 0;
    float: none !important;
    display: block;
    margin-bottom: 10px !important
    }

    .referral-input {
    float: none !important;
    display: block
    }

    .subregrem {
    float: none !important;
    margin: 10px 0 !important
    }

    .authblock {
    text-align: left !important
    }

    .mpopup__item_member_edit:hover {
    display: none
    }

    .not-table table, .not-table tbody, .not-table tr, .not-table td {
    display: block;
    width: 100% !important
    }

    .not-table table {
    overflow: hidden
    }

    .promo-events__card-wrap {
    width: 33%
    }
}

@media only screen and (max-width: 768px) {
    .promo-events__mobile {
    display: block
    }

    .promo-events__cards {
    display: none
    }

    .slider-wrapper {
    padding-left: 15px
    }

    .header-content-statistics-item {
    margin-bottom: 25px
    }

    .header-second-line-menu ul li:nth-child(3) .header-menu-submenu::before {
    left: 180px
    }

    .header-second-line-menu ul li:nth-child(4) .header-menu-submenu {
    right: 5px
    }

    .header-second-line-menu ul li:nth-child(4) .header-menu-submenu::before {
    left: auto;
    right: 15px
    }

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

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

    .footer-content-desc-list li {
    display: block;
    margin-bottom: 20px
    }

    .footer-bottom-line-social {
    text-align: left;
    margin: 15px 0
    }

    .footer-bottom-line-dev {
    text-align: left
    }

    .footer-bottom-line-copyright {
    margin: 0
    }

    .footer-top-line-menu-list {
    display: none
    }

    .about-us-tabs-wrapper .gradient-button {
    display: none
    }

    .js-about-video-item .gradient-button {
    position: relative;
    left: 0px;
    top: 0px;
    width: 80%;
    margin-bottom: -70px;
    display: block
    }

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

    .predmets-list-item.mcompetition__class__block, .predmets-list-item {
    width: 23%
    }

    .predmets-list-item-more {
    right: 0;
    width: 28%
    }

    .aboutcol {
    float: none;
    width: auto
    }

    .aboutcontent {
    width: auto
    }

    .rcol {
    float: none;
    width: auto
    }

    .newscol {
    width: 100%
    }

    .soclinks {
    float: none;
    width: 100%
    }

    .soclinks .vk, .soclinks .fc {
    float: none;
    display: inline-block
    }

    .playme div {
    float: none;
    display: inline-block
    }

    .someblockR {
    float: none
    }

    .aboutcenter iframe {
    width: 100%
    }

    .monthcont {
    float: left;
    width: auto
    }

    .eventone {
    width: 100%
    }

    .eventL {
    float: left;
    width: 70%
    }

    .eventR {
    float: left;
    width: 30%
    }

    .eventdate {
    width: auto
    }

    .eventcolL, .eventcolR {
    width: auto
    }

    .filter__right {
    float: left
    }

    .newscol {
    width: 100%
    }

    .leftcolumn, .rightcolumn {
    width: 100%
    }

    .question__text {
    width: 75%
    }

    .abon_item {
    width: 100%
    }

    .myevents__left {
    width: 65%
    }

    .myevents__table_outer.active {
    display: block
    }

    .myevents__table {
    padding-left: 0
    }

    .myevents__table .myevents__left {
    display: block;
    width: 100%
    }

    .myevents__row {
    display: block
    }

    .bigform, .bigform.editform .radiocrate {
    width: 100%
    }

    .radiocrate span {
    margin-left: 0 !important;
    width: 100% !important
    }

    .bigform.editform label {
    width: 100%
    }

    .bigform input[type="email"], .bigform input[type="text"], .bigform input[type="password"] {
    width: 100%
    }

    .list__filter_inp {
    width: 100% !important
    }

    .point1 {
    left: 0
    }

    .arr12 {
    left: 50px
    }

    .point2 {
    left: 150px
    }

    .arr23 {
    left: 330px
    }

    .point3 {
    left: 385px
    }

    .arr34 {
    left: 410px
    }

    .point4 {
    left: 395px
    }

    .arr45 {
    left: 290px
    }

    .point5 {
    left: 170px
    }

    .arr52 {
    left: 185px
    }

    .eventmenu__item {
    display: block;
    height: 40px;
    line-height: 40px
    }

    .eventmenu__item br {
    display: none
    }

    .contestinfo_popup__content, .tabs_content {
    display: none;
    width: 100%;
    overflow: scroll
    }

    .pos_rel {
    width: 600px
    }

    .line_2 {
    left: 267px
    }

    .line_3 {
    left: 400px
    }

    .eventinfo {
    display: block;
    text-align: center;
    margin: 20px auto !important;
    float: left;
    width: 33%
    }

    .filter__left {
    width: 100%
    }

    .filter__left .efilter__select--mod {
    width: 100%
    }

    .filter__left .efilter__select--mod2 input {
    width: 100%
    }

    .filter__left .efilter__select--mod3 input {
    width: 100%
    }

    .filter__left .efilter__select input.input--mod {
    width: 100%
    }

    .mselect {
    width: 100% !important
    }

    .myevents__container {
    overflow-x: scroll
    }

    .popup__memo {
    display: none
    }

    .location-block-title {
    display: block;
    width: 100% !important;
    margin: 5px 0 !important
    }

    .bigform.editform .bigform_inner .radiocrate {
    padding-bottom: 0 !important
    }

    .input-left {
    float: none !important
    }

    .input-left select {
    width: 100% !important
    }

    .radiocrate {
    padding-left: 20px !important
    }

    .for_position div {
    float: none !important;
    width: 100% !important;
    margin: 5px 0 !important
    }

    .scrollable .viewport .overview {
    width: 100%;
    padding-right: 20px
    }

    .bigform.editform .radiocrate {
    padding-bottom: 0px !important
    }

    .referal-edit-label {
    width: auto !important;
    margin: 10px 0px !important
    }

    .default-edit-label {
    width: auto !important;
    margin: 5px 0 auto !important
    }

    .bigform.editform .border_line {
    margin: 20px 0 0 0 !important
    }

    .agreement_wrap {
    margin-top: 10px
    }

    .alt {
    width: 100% !important;
    margin-top: 35px !important
    }

    .referral-export-button_wrap {
    text-align: left !important
    }

    .location_block #add_institution, .location_block #add_location {
    display: block;
    width: 100% !important;
    margin-top: 20px !important;
    padding-left: 0px !important
    }

    #add_institution .radiocrate, #add_location .radiocrate {
    width: 100% !important
    }

    .bigform input[type="email"], .bigform input[type="text"], .bigform input[type="password"] {
    width: 100% !important
    }

    .institution_block #add_institution, .institution_block #add_location {
    display: block;
    width: 100% !important;
    margin-top: 20px !important;
    padding-left: 0px !important
    }

    .radiomode .radiocrate {
    padding-left: 0px !important;
    margin-left: 0px
    }

    .greensubmit {
    margin: 0 0 0 17px
    }

    .printkvit {
    float: none;
    margin: 0 0 0 17px
    }
}

@media only screen and (max-width: 695px) {
    .apopup__ans {
    width: 50% !important
    }

    .header-first-line, .header-second-line {
    display: none
    }

    .header-mobile {
    display: block
    }

    .games-desc-item {
    width: 50%;
    margin-bottom: 30px;
    word-wrap: break-word
    }

    .about-us-tabs {
    display: none
    }

    .about-us-tabs-mobile {
    display: block
    }

    .header-menu-submenu__wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -1000px;
    background-color: #406a5d;
    z-index: 100;
    margin-top: 50px
    }

    .header-menu-submenu {
    display: block;
    background: transparent;
    position: static;
    z-index: 5;
    width: auto;
    opacity: 1;
    padding: 0;
    min-height: 1px;
    margin-top: 0px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }

    .header-menu-submenu::before {
    display: none
    }

    .header-menu-submenu li {
    margin-bottom: 0
    }

    .header-menu-submenu li.acted {
    padding: 15px 25px
    }

    .mobile-menu-list li span {
    font-family: 'TrebuchetMSBold';
    color: #fff;
    font-size: 13px;
    text-transform: uppercase
    }

    .mobile-menu-list li:hover {
    background-color: #598779
    }

    .header-menu-submenu-first-link:hover {
    background-color: #598779
    }

    .horisontal-rule {
    display: none
    }

    .horisontal-rule-mobile {
    display: block
    }

    .parentmenu_with_child {
    position: static
    }

    .lk-mobile .acc::before {
    width: 17px;
    margin-right: 0;
    background-position: center
    }

    .lk-mobile .acc-exit::before {
    margin-right: 10px
    }

    .new-auth-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto
    }

    .new-auth-popup .popone {
    width: 100%;
    height: 100%;
    padding: 25px
    }

    .new-auth-popup .authblock label {
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
    float: none
    }

    .new-auth-popup .authrem {
    margin: 0
    }

    .new-auth-popup .authrem a {
    float: left;
    margin-top: 10px
    }

    .new-auth-popup .authrem label {
    width: 80%;
    float: left;
    margin-top: 8px
    }

    .new-auth-popup .authrem .checkbox {
    margin: 10px 10px 0 0;
    cursor: pointer;
    float: left
    }

    .new-auth-popup .regme {
    top: 30px
    }

    .new-auth-popup .authblock input[type="text"], .new-auth-popup .authblock input[type="password"] {
    width: 100%
    }

    .new-auth-popup .closepopone {
    background: url("/images/tpl/orangeicons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px
    }

    .header-content-video {
    display: block;
    width: 100%
    }

    .header-content-video svg {
    float: none
    }

    .header-content-video span {
    float: none
    }

    .bigmap {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 50px;
    background-size: contain;
    display: inline-block
    }

    .xone {
    width: 20%
    }

    .snail-awards-item {
    width: 100%
    }

    .rating {
    overflow: auto
    }

    .expert-item {
    width: 50%
    }

    #member_form_ki2 {
    padding-left: 40px
    }

    .member_form .col2 {
    margin-bottom: 10px
    }

    .switchery-small {
    width: 53px !important
    }

    .member_form .row:first-child {
    display: none
    }

    .myevents__close {
    right: -10px
    }

    .myevents__name {
    line-height: normal
    }

    .myawards-buttons {
    display: block
    }
}

@media only screen and (max-width: 660px) {
    .slider-wrapper {
    padding-left: 15px
    }

    .news-item {
    width: 50%;
    margin-bottom: 40px
    }

    .news-item img {
    display: block;
    margin: 0 auto;
    width: auto
    }

    .header-content-video {
    margin-top: 20px
    }

    .books {
    display: none
    }

    .header-content-buttons {
    text-align: center
    }

    .header-content-buttons a {
    float: none !important
    }

    .acc-star, .acc-bonus, .acc-card, .acc-exit {
    display: none
    }

    .trial-lessont-text {
    width: auto;
    display: inline;
    text-align: center
    }

    .trial-lessont-text h3 {
    float: none;
    text-align: left
    }

    .rating-popover-mobile {
    display: inline-block
    }

    .rating-list-city {
    display: none
    }

    .advantages-rating-item .more-link {
    display: none
    }

    .lcol {
    width: 70%
    }

    .lcol-lc-header-buttons-mobile {
    width: 40% !important
    }

    .aboutsuperH h2 {
    font-size: 22px;
    line-height: normal
    }

    .bigabout, .bigaboutL {
    width: 100%
    }

    .pupils {
    height: 290px;
    width: 100%;
    background-position: center;
    background-size: contain
    }

    .pup1 {
    left: 0;
    top: 0
    }

    .pup2 {
    left: 0
    }

    .pup3 {
    left: 0;
    top: auto;
    bottom: 0
    }

    .pup4 {
    left: auto;
    right: 0;
    top: 0
    }

    .pup5 {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
    }

    .aboutslide span.nonactabout {
    display: inline-block
    }

    .scheme {
    transform: scale(0.8);
    left: -50px;
    height: 550px;
    top: -80px
    }

    .filter__left .efilter__select {
    width: 100%;
    display: block
    }

    .somesitems a {
    width: 35%
    }

    .stages-list ul li {
    width: 49%
    }

    .stages-list ul li:last-child {
    width: 49%
    }

    .myeventone .myeventhr, .myeventone .myeventL, .myeventone .myeventR {
    width: 100%
    }

    .tabs, .acc-table-box {
    width: 100%;
    overflow-x: scroll
    }

    .acc-table-box td:nth-child(3) {
    padding: 15px
    }

    .monthcontwide .pull-right {
    float: left !important
    }

    .myevents__right .myevents__string .pull-right {
    float: right !important
    }

    .banner__preview {
    width: 100%;
    margin-bottom: 30px
    }

    .filter__left .efilter__select input {
    display: block;
    width: 50% !important;
    margin: 0 0 20px 0
    }

    .filter__left .efilter__select select {
    width: 50% !important
    }

    .fleft__bottom {
    text-align: left
    }

    .fleft__bottom button {
    display: block !important
    }

    .fleft__bottom .resetfilter {
    margin-left: 10px
    }

    .fleft__bottom .resetfilter {
    margin-left: 10px;
    margin-bottom: 10px
    }

    .popup__footer {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
    }

    .mpopup__item_list, .tpopup__item_list {
    height: calc(100vh - 310px) !important;
    overflow: hidden
    }

    .popup__footer_left a:nth-child(2) {
    display: none
    }

    .popup__footer_right .biggreenlink.my {
    padding: 5px 20px;
    font-size: 20px
    }

    .popup__footer {
    padding: 15px !important
    }

    .member_counter {
    display: block;
    float: none;
    margin: 10px 0 !important
    }

    .member_counter-wrapper {
    margin-top: -13px;
    text-align: right
    }

    .member_counter-wrapper .print_access_btn {
    margin: 0px 0 10px 0
    }

    .askcont {
    margin: 0 !important
    }

    .greensign {
    margin-left: 0 !important
    }

    .profile-desc {
    width: 60% !important
    }

    .profile-desc label {
    width: auto;
    margin-right: 10px !important
    }

    #change_pass {
    margin: 10px 0px !important
    }

    .for_subscribe-text {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-bottom: 20px
    }

    .for_subscribe-button {
    float: none !important;
    display: block !important
    }

    .for_subscribe-button .switchery-small {
    width: 53px !important
    }

    .bigform.editform label {
    margin-bottom: 5px
    }

    .downloadtask {
    margin-right: 35px
    }

    .tabs-link {
    font: bold 16px/38px "Cuprum", sans-serif
    }

    .complete-wrap a:nth-child(3) {
    display: block
    }

    .btn-edit {
    margin-bottom: 15px
    }

    .awards__item td {
    display: block
    }

    .awards__item .awards__item_fio {
    width: 100%;
    display: inline-block;
    padding-left: 15px
    }

    .awards__item--cols .col1 .awards__item_fio {
    padding-left: 0px
    }

    .awards__item_fio br {
    display: none
    }

    .myevents__left, .myevents__right {
    display: block;
    width: 100%;
    border-right: none
    }

    .myevents__top {
    display: block
    }

    .superH {
    font-size: 24px;
    margin: 0px
    }

    .maincol {
    margin-top: 0
    }

    .mydate {
    display: none
    }

    .mydate_mobile {
    display: block;
    margin-bottom: 10px
    }

    .mydate_mobile img {
    display: inline-block;
    margin-right: 5px
    }

    h1 {
    font-size: 26px;
    line-height: normal
    }

    .eventcolL .greensign {
    margin-bottom: 20px
    }

    .eventcolR-season .ithappens {
    width: 100% !important;
    text-align: left
    }

    .eventcolR-season {
    width: 100% !important
    }

    .eventcolR .ithappens {
    margin-top: 15px
    }

    .ithappens span {
    display: none
    }

    .eventcolL p {
    width: 100%
    }

    .promo-events__card-wrap {
    width: 50%
    }
}

@media only screen and (max-width: 480px) {
    .apopup__ans {
    width: 100% !important
    }

    .has_eventone__image .event-desc-wrapper {
    float: left;
    display: inline-block;
    width: 64%
    }

    .mobile-eventdate p {
    font-size: 12px
    }

    .eventone__image {
    float: left;
    display: inline-block;
    width: 28%;
    height: auto
    }

    .listcolumn_items_leader .tpopup__item {
    width: 100% !important;
    border-right: none !important
    }

    .downloadtask_mobile {
    display: block
    }

    .downloadtask_mobile .downloadtask {
    width: 95%;
    margin: 15px auto 20px auto
    }

    .members_ot {
    margin-top: 20px
    }

    .calculate {
    margin-top: 0px
    }

    .popup__title_new {
    margin-bottom: 0px !important
    }

    .popup-form-container {
    height: calc(100vh - 320px) !important
    }

    .popup__footer {
    padding: 5px 15px
    }

    .bigform_inner {
    padding-left: 15px;
    padding-right: 15px
    }

    .upopup__item_list {
    height: calc(100vh - 200px) !important
    }

    .mpopup__groups {
    margin-bottom: 0px !important
    }

    .listcol-filter_active {
    padding: 0px 10px
    }

    .ithappens.no_top_margin {
    margin-bottom: 0
    }

    .my-events-date_mobile {
    display: block
    }

    .my-events-date_desktop {
    display: none
    }

    .tabs-nav {
    margin-bottom: 0
    }

    .myevents__item {
    margin-top: 0
    }

    .graylink-wrapper {
    display: none
    }

    .graylink-wrapper-slider {
    display: block
    }

    .access-control a {
    display: block;
    margin-top: 5px
    }

    .member_counter.ot {
    float: none
    }

    .members_ot h2 {
    margin-top: 0 !important
    }

    .maincol.ot {
    width: 100%
    }

    .otdown {
    margin-left: 0
    }

    h1 {
    font-size: 20px;
    margin-bottom: 15px
    }

    .footer-bottom-line-social {
    text-align: left
    }

    .news-item {
    width: 100%;
    text-align: center
    }

    .trial-lesson .gradient-button {
    float: none !important;
    margin-left: 0;
    margin: 0 auto;
    display: block;
    width: 80%;
    font-size: 14px
    }

    .advantages-grant-item br {
    display: block
    }

    .rating-list-name, .rating-list-counter {
    font-size: 14px
    }

    .advantages-gifts-item, .advantages-rating-item {
    padding: 25px 15px 20px 15px
    }

    .header-content-video {
    font-size: 16px
    }

    .about-profile .slider-wrapper .swiper-container {
    width: 100%
    }

    .about-profile .swiper-wrapper {
    display: block;
    width: 100%
    }

    .about-profile .swiper-slide {
    margin-bottom: 10px
    }

    .profile-slider-item-header {
    height: 60px !important
    }

    .profile-slider-item-content, .profile-slider-item-footer {
    display: none
    }

    .profile-slider-item-header {
    position: relative
    }

    .profile-slider-item-header .profile-big-info-icon {
    display: none
    }

    .mobile-profile-icon {
    display: block
    }

    .header-content h1 {
    font-size: 36px;
    line-height: 40px
    }

    .about-us-tabs-mobile .video-preview-wrapper {
    height: 250px
    }

    .predmets-list-item.mcompetition__class__block, .predmets-list-item {
    width: 31%
    }

    .predmets-list-item-more {
    width: 35%
    }

    .lesson {
    display: block;
    margin-right: 2%
    }

    .lesson__chosen {
    width: 100%;
    background: url(/images/tpl/trigger.png) 98.5% 11px no-repeat
    }

    .lesson__wrap {
    width: 100%
    }

    .efilter__select {
    display: block;
    margin-right: 2%
    }

    .mselect {
    width: 100% !important
    }

    .eventfilter--rating {
    content: "";
    display: table;
    clear: both
    }

    .eventtype {
    width: 33% !important;
    margin: 20px 0 !important
    }

    .aboutsuperH h2 {
    font-size: 18px
    }

    .pup2 {
    left: 0;
    width: 60px;
    top: 80px
    }

    .scheme {
    transform: scale(0.5);
    left: -70px;
    height: 400px;
    top: -90px
    }

    .contactone {
    margin: 0;
    width: 49%
    }

    .contactone div {
    font-size: 16px
    }

    .bigmap {
    background: none
    }

    .filter__left .efilter__select--mod1 input {
    width: 100% !important;
    display: block;
    margin: 0 20px 15px 0
    }

    .filter__left .efilter__select select {
    width: 100% !important
    }

    .someblockR {
    text-align: center
    }

    #grabmems, #grabworks, .graylink, .someblockR div.biggreenlink {
    display: block;
    float: none;
    margin: 10px auto !important;
    width: 80%
    }

    .expert-item {
    width: 100%
    }

    .monthcontwide .tabs-link {
    width: 45%;
    margin: 0 2%;
    padding: 0;
    font-size: 14px;
    margin-bottom: 20px
    }

    .tabs-nav-sm {
    width: 100%
    }

    .filter__left .efilter__select input {
    display: block;
    width: 100% !important;
    margin: 0 0 20px 0
    }

    .print_access_btn {
    position: relative;
    display: block;
    margin: 10px 0
    }

    .popup__footer_left, .popup__footer_right {
    float: none !important;
    display: block
    }

    .popup__footer_left {
    margin-top: 0px
    }

    .popup__footer_left a {
    float: none;
    display: block;
    width: 100%;
    font-size: 14px
    }

    .popup__footer {
    padding: 20px !important
    }

    .listcolumn_items_leader, .listcolumn_items {
    columns: 1 !important
    }

    .popup__filter_teacher input {
    width: 95% !important
    }

    .popup__title_new {
    font-size: 18px !important
    }

    .popup__filter {
    margin-left: 20px !important
    }

    .profile-desc {
    margin-left: 15px !important
    }

    .for_happyday label {
    display: block;
    width: 100% !important
    }

    .happy_day-select {
    float: none !important
    }

    .day, .month, .year {
    display: block !important;
    width: 100% !important
    }

    .add_type-title {
    display: block;
    width: 100% !important
    }

    .subjects-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 100%
    }

    .regpage .authblock label {
    display: block;
    width: 100%;
    margin-bottom: 5px
    }

    .pass-eye {
    margin-left: -40px
    }

    .myevents__right .myevents__string .pull-right {
    float: none !important
    }

    .lcol-lc-header-buttons-mobile {
    width: 100% !important
    }

    .appl-step {
    font-size: 14px;
    min-width: 140px;
    line-height: normal
    }

    .appl-step-nmb {
    font: bold 16px/35px "Cuprum", sans-serif;
    height: 35px;
    width: 35px
    }

    .appl-line {
    width: 110px;
    top: 15px;
    left: 30px
    }

    .tabs-link {
    display: block;
    margin-bottom: 20px;
    text-align: center
    }

    .tabs-link.active::after {
    display: none
    }

    .pay-way-wrap {
    text-align: center
    }

    .appl-step-success .appl-step-nmb {
    background: url("/images/tpl/icons.png") -3px -16px no-repeat
    }

    .acc-complete td:first-child {
    width: 135px;
    text-align: left;
    font-size: 14px
    }

    .awards__item--cols .col1, .awards__item--cols .col2, .awards__item--cols .col3 {
    display: block;
    width: 100%;
    margin: 5px 0
    }

    .myawards_event_link {
    display: block
    }

    .myawards__date {
    padding-left: 10px
    }

    .myawards-buttons {
    padding-left: 30px
    }

    .quest-bonus {
    display: block;
    width: 100%
    }

    .pay-bonus .label-check {
    font-size: 16px
    }

    .total-info .money-bad {
    margin-left: 0 !important;
    margin-top: 10px
    }

    .getkvit .biggreenlink {
    margin-bottom: 15px
    }

    .school-type {
    display: block
    }

    .popup__footer_right .biggreenlink {
    margin-bottom: 15px
    }

    .mypopup__box {
    width: 90% !important;
    margin-left: -45% !important
    }

    .listcol-filter_active {
    margin-bottom: 15px
    }

    .scrollable .viewport .overview {
    width: 100%;
    padding: 0
    }

    .listcolumn_items .mpopup__item {
    width: 100% !important;
    border-right: none !important
    }

    .event-order_mobile {
    display: block;
    margin: 20px 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0
    }

    .awards_current_year_event {
    margin-top: 0px;
    margin-bottom: 20px !important
    }

    .popup__filter input {
    width: 95% !important
    }

    .mypopup__box {
    width: 90%;
    margin-left: -45%
    }

    .ithappens-event_mobile {
    display: block
    }

    .ithappens-event_mobile h1 {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    font-family: 'TrebuchetMSBold'
    }

    .ithappens-event_mobile p {
    line-height: 1.5
    }

    .ithappens-event-header_mobile {
    display: none
    }

    .ithappens-event {
    display: none
    }

    .myevents__left, .myevents__right {
    padding: 10px 20px
    }

    .myevents__string {
    margin-top: 5px
    }

    .myevents__right br {
    display: none
    }

    .myevents__close {
    right: 10px
    }

    .promo-events__card-wrap {
    margin: 0 auto;
    width: 80%
    }

    .promo-events__card-name {
    min-height: auto
    }
}

@media only screen and (max-width: 372px) {
    .predmets-list-item.mcompetition__class__block, .predmets-list-item {
    width: 47%
    }

    .predmets-list {
    height: 275px
    }

    .predmets-list-item-more {
    bottom: -60px;
    width: 100%;
    text-align: center
    }

    .predmets-list-item-more .mcompetition__item {
    display: block;
    width: 100%;
    padding-top: 20px
    }

    .lcol {
    width: 100%
    }

    .pupils {
    height: 230px;
    width: 100%;
    background-position: center;
    background-size: contain
    }

    .eventinfo {
    display: inline-block;
    text-align: center;
    margin: 0 !important;
    font-size: 12px;
    float: none;
    width: 32%;
    margin-top: 25px !important
    }

    .check {
    margin-bottom: 50px;
    line-height: 19px
    }

    .somesitems a {
    float: none;
    width: 80%
    }

    .somesitems a b {
    float: none;
    display: block
    }

    .stages-list ul li {
    width: 100%
    }

    .stages-list ul li:last-child {
    width: 100%
    }

    .mpopup__item_list, .tpopup__item_list {
    overflow: hidden
    }

    .popup__footer_left a {
    font-size: 12px;
    padding: 0 5px
    }

    .radiocrate {
    padding-left: 0px !important
    }

    .apopup__ans {
    width: 100% !important
    }

    .appl-step {
    font-size: 10px;
    min-width: 100px;
    line-height: normal
    }

    .appl-step-nmb {
    font: bold 14px/30px "Cuprum", sans-serif;
    height: 30px;
    width: 30px
    }

    .appl-line {
    width: 70px;
    top: 15px;
    left: 30px
    }

    .add-funds {
    font: bold 14px/35px trebuchet ms
    }

    .listcol-filter_active {
    padding: 3px 10px !important;
    font-size: 12px
    }

    .promo-events__card-wrap {
    width: 100%
    }
}

@media only screen and (max-width: 320px) {
    .auth-popup .popone {
    padding: 5px 25px
    }

    .advantages-rating-item {
    min-height: 880px
    }

    .games-desc-item img {
    margin-right: 10px
    }

    .agreement-label {
    width: 90% !important
    }
}

@media only screen and (min-width: 695px) {
    .header-mobile {
    display: none
    }

    .header-first-line, .header-second-line {
    display: block
    }

    .header-mobile-menu-wrapper {
    display: none !important
    }

    .header-menu-submenu {
    background: #fff
    }

    .header-menu-submenu::before {
    display: block
    }

    .header-menu-submenu li {
    margin: 0
    }

    .lk-mobile {
    display: none
    }
}

.wsk-hide-1 {
    display: none !important;
}

.landing-sell-button {
    background: var(--primary-button-color);
    color: white;
    padding: 12px 24px;
    font-size: 18px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    transition-property: background;
    transition-duration: 100ms;
}

.landing-sell-button:hover {
    background: var(--primary-button-hover-color);
    color: white;
}

.user-page-layout {
    display: flex;
    justify-content: space-between;
}

.user-page-layout .maincol {
    width: auto;
    flex: 1;
}

.user-page-menu {
    border: 2px solid var(--color-black);
    box-shadow: 0 4px 0 0 var(--color-black);
    padding: 16px 0;
    border-radius: 10px;
    font-family: Montserrat;
    font-weight: 800;
}

.user-page-menu ul {
    list-style-type: none;
}

.user-page-menu li {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 56px;
}

.user-page-menu li a {
    color: var(--color-black);
    white-space: nowrap;
}

.user-page-menu .dot {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-black);
    background: var(--color-yellow);
    border-radius: 50%;
    margin-right: 12px;
    flex-shrink: 0;
}

.user-page-menu .dot.-active {
    background: var(--color-green);
}