@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300&subset=latin,cyrillic,latin-ext,vietnamese,greek,greek-ext,cyrillic-ext);
article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

[hidden] {
    display: none
}

html {
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: "roboto", Arial, Helvetica, sans-serif
}

body {
    padding: 0;
    margin: 0
}

a {
    outline: none
}

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0
}

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

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

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

p, pre {
    margin: 1em 0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: "";
    content: none
}

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
}

dl, menu, ol, ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 30px
}

menu, ol, ul {
    padding: 0 0 0 30px
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

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

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px
}

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

.container:after {
    clear: both
}

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

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

.row:after {
    clear: both
}

.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,
.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, .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, .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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.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 {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible-xs {
    display: none !important
}

tr.visible-xs {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.visible-sm {
    display: none !important
}

tr.visible-sm {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.visible-md {
    display: none !important
}

tr.visible-md {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.visible-lg {
    display: none !important
}

tr.visible-lg {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hidden-xs {
    display: block !important
}

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

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

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

    tr.hidden-xs {
        display: none !important
    }

    th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

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

    tr.hidden-xs.hidden-sm {
        display: none !important
    }

    th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
        display: none !important
    }
}

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

    tr.hidden-xs.hidden-md {
        display: none !important
    }

    th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
        display: none !important
    }
}

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

    tr.hidden-xs.hidden-lg {
        display: none !important
    }

    th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

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

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important
    }

    tr.hidden-sm.hidden-xs {
        display: none !important
    }

    th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
        display: none !important
    }
}

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

    tr.hidden-sm {
        display: none !important
    }

    th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

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

    tr.hidden-sm.hidden-md {
        display: none !important
    }

    th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
        display: none !important
    }
}

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

    tr.hidden-sm.hidden-lg {
        display: none !important
    }

    th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

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

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important
    }

    tr.hidden-md.hidden-xs {
        display: none !important
    }

    th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
        display: none !important
    }
}

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

    tr.hidden-md.hidden-sm {
        display: none !important
    }

    th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
        display: none !important
    }
}

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

    tr.hidden-md {
        display: none !important
    }

    th.hidden-md, td.hidden-md {
        display: none !important
    }
}

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

    tr.hidden-md.hidden-lg {
        display: none !important
    }

    th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

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

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important
    }

    tr.hidden-lg.hidden-xs {
        display: none !important
    }

    th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
        display: none !important
    }
}

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

    tr.hidden-lg.hidden-sm {
        display: none !important
    }

    th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
        display: none !important
    }
}

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

    tr.hidden-lg.hidden-md {
        display: none !important
    }

    th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
        display: none !important
    }
}

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

    tr.hidden-lg {
        display: none !important
    }

    th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

tr.visible-print {
    display: none !important
}

th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

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

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

    .hidden-print {
        display: none !important
    }

    tr.hidden-print {
        display: none !important
    }

    th.hidden-print, td.hidden-print {
        display: none !important
    }
}

h1 {
    color: #333;
    font-size: 1.75em;
    line-height: 1.5em;
    font-weight: 300;
    margin: 1em 0
}

h2 {
    font-weight: 300
}

h3 {
    color: #00c7f2;
    font-weight: 300
}

h4 {
    font-weight: 500
}

h5 {
    color: #00c7f2;
    font-weight: 500
}

h6 {
    font-weight: 500
}

a {
    outline: none;
    color: #00c7f2;
    text-decoration: none
}

a img {
    border: none
}

a:hover {
    text-decoration: underline
}

p {
    font-weight: 300;
    font-size: 16px
}

strong, b {
    font-weight: 500
}

ul {
    list-style: none;
    padding: 0 0 0 30px
}

ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    color: #00c7f2;
    position: absolute;
    margin: 2px 0 0 -20px
}

body {
    font-family: "roboto", Arial, Helvetica, sans-serif;
    color: #333
}

body.browser-ie {
    overflow-x: hidden
}

.layout {
    margin: 0 auto
}

section, .section {
    float: left;
    clear: left;
    width: 100%
}

header, div.header {
    float: left;
    clear: left;
    width: 100%;
    height: 85px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding-top: 27px;
    padding-bottom: 8px;
    margin-top: -20px
}

header .small-logo, header .small-piano-logo, header .small-guitar-logo, header .small-keys-logo, div.header .small-logo {
    background: url("../images/ui/small-logo.png") no-repeat center center;
    background-size: 81px 85px;
    -webkit-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
    display: block;
    float: left;
    width: 81px;
    height: 85px;
    outline: none
}

header .small-piano-logo {
    background: url("../images/ui/piano-logo.png") no-repeat center center;
    background-size: 81px 85px;
}

header .small-keys-logo {
    background: url("../images/ui/keys-thumb.png") no-repeat center center;
    background-size: 81px 85px;
}

header .small-guitar-logo {
    background: url("../images/ui/guitar-logo.png") no-repeat center center;
    background-size: 81px 85px;
}

header .small-logo:hover, div.header .small-logo:hover,  header .small-piano-logo:hover ,  header .small-guitar-logo:hover, header .small-keys-logo:hover{
    box-shadow: 0 0 30px #FFF
}

header .small-logo-ie, div.header .small-logo-ie {
    display: block;
    float: left;
    outline: none
}

header .small-logo-ie img, div.header .small-logo-ie img {
    border: none;
    width: 81px;
    height: 85px
}

header .badges, div.header .badges {
    margin-top: 12px
}

footer, div.footer {
    float: left;
    clear: left;
    width: 100%;
    background: #282828;
    color: #fff;
    padding: 20px 0 60px 0
}

footer .scroll-to-top-btn, div.footer .scroll-to-top-btn {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    background: #282828;
    display: block;
    margin-top: -44px;
    width: 74px;
    height: 24px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    z-index: 4;
    left: 50%;
    margin-left: -37px;
    cursor: pointer;
    color: #fff;
    text-align: center
}

footer .scroll-to-top-btn:hover, div.footer .scroll-to-top-btn:hover {
    height: 28px;
    margin-top: -48px
}

footer .row, div.footer .row {
    padding-top: 70px
}

footer .rights, div.footer .rights {
    font-weight: 300;
    font-size: 14px;
    color: #aeaeae
}

footer .menu ul, div.footer .menu ul {
    float: right;
    padding: 0;
    position: relative
}

footer .menu ul li, div.footer .menu ul li {
    float: left;
    display: table
}

footer .menu ul li a, footer .menu ul li.lang-item span, div.footer .menu ul li a,
div.footer .menu ul li.lang-item span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -ms-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #aeaeae;
    text-decoration: none;
    cursor: pointer
}

footer .menu ul li a:hover, footer .menu ul li.lang-item span:hover, div.footer .menu ul li a:hover, div.footer .menu ul li.lang-item span:hover {
    color: #fff
}

footer .menu ul li a i, footer .menu ul li.lang-item span i, div.footer .menu ul li a i,
div.footer .menu ul li.lang-item span i {
    padding-left: 5px;
    font-size: 12px
}

footer .menu ul li:after, div.footer .menu ul li:after {
    content: "";
    position: relative;
    right: 0;
    height: 14px;
    border-right: 1px solid #aeaeae;
    top: 2px;
    display: block
}

footer .menu ul li.lang-item:after, div.footer .menu ul li.lang-item:after {
    border-right: none
}

footer .menu ul li:before, div.footer .menu ul li:before {
    content: ""
}

footer .menu ul li .lang-menu, div.footer .menu ul li .lang-menu {
    position: absolute;
    background: #000;
    bottom: 0;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 20
}

footer .menu ul li .lang-menu li, div.footer .menu ul li .lang-menu li {
    float: left;
    clear: left;
    width: 100%
}

footer .menu ul li .lang-menu li a, div.footer .menu ul li .lang-menu li a {
    padding: 10px 40px 10px 20px;
    text-align: left;
    font-weight: 300
}

footer .menu ul li .lang-menu li:after, div.footer .menu ul li .lang-menu li:after {
    border: none;
    display: none
}

footer .menu ul li .lang-menu li.current-site-item a, div.footer .menu ul li .lang-menu li.current-site-item a {
    font-weight: 500;
    color: #fff
}

footer .menu.no-lang ul li:last-child:after, div.footer .menu.no-lang ul li:last-child:after {
    border-right: none
}

body.page #content, body.error404 #content, body #content.old-ie-content {
    margin: 40px 0 60px 0;
    color: #333;
    font-weight: 300;
    font-size: 16px
}

.social-links {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    padding: 0;
    margin: 0
}

.social-links li {
    float: left;
    margin-right: 30px
}

.social-links li a {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    display: block;
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 28px;
    line-height: 44px;
    color: #333;
    background: #fff;
    opacity: .5;
    cursor: pointer;
    border-radius: 50%;
    text-decoration: none
}

.social-links li a:hover {
    opacity: .9;
    box-shadow: 0 0 10px #FFF
}

.social-links li a:active {
    opacity: 1;
    box-shadow: 0 0 15px #FFF
}

.social-links li:before {
    content: ""
}

.share-btn {
    float: right;
    width: 100px;
    margin-top: 10px
}

.share-btn:first-child {
    width: 70px
}

.badges .badge {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 59px;
    margin-left: 20px;
    float: right
}

.badges .badge.coming-soon:after {
    background: url("../images/ui/coming-soon.png") no-repeat center center;
    content: "";
    width: 166px;
    height: 65px;
    display: block;
    margin: -68px 0 0 1px
}

.badges .badge.coming-soon span {
    -webkit-transform: rotate(-31deg);
    -moz-transform: rotate(-31deg);
    -ms-transform: rotate(-31deg);
    transform: rotate(-31deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    text-shadow: 0 0 7px #000;
    display: block;
    width: 99px;
    margin: 47px 0 2px 36px;
    font-size: 12px;
    font-weight: 500;
    cursor: default;
    text-align: center
}

.badges a.badge {
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    cursor: pointer
}

@media (max-width: 580px) {
    body.page #content {
        margin-top: 20px
    }

    header .badges {
        margin-top: 3px;
        zoom: 64%
    }

    header .badges .badge {
        margin-bottom: 10px;
        clear: right
    }

    body.ios header .badges .badge.coming-soon span {
        font-size: 8px
    }
}

@media (max-width: 767px) {
    html footer .row {
        padding-top: 30px !important
    }

    html footer .social-badges {
        clear: both;
        margin-top: 30px;
        text-align: center
    }

    html footer .social-badges .share-btn {
        float: none;
        display: inline-block
    }

    html footer .social-links {
        text-align: center
    }

    html footer .social-links li {
        display: inline-block;
        float: none
    }

    html footer .social-links li:last-child {
        margin-right: 0
    }

    html footer .menu {
        text-align: center
    }

    html footer .menu ul {
        display: inline-block;
        float: none
    }

    html footer .rights {
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html footer .container {
        padding-left: 20px;
        padding-right: 20px
    }

    html footer .container .row {
        padding-top: 30px
    }

    html footer .rights {
        margin-right: -100px;
        margin-top: 0
    }

    html footer ul {
        margin: 0
    }
}