[data-page=homepage] .img_prodotto img{
    /*display: none !important;*/
}

@charset "UTF-8";
hr,
img,
legend {
    border: 0
}
pre,
textarea {
    overflow: auto
}
.mdl-data-table,
table {
    border-collapse: collapse
}
[tabindex="-1"]:focus,
button {
    outline: 0!important
}
dl,
ol,
p,
pre,
ul {
    margin-top: 0
}
address,
dl,
ol,
pre,
ul {
    margin-bottom: 1rem
}
legend,
td,
th {
    padding: 0
}
dd,
label,
legend {
    margin-bottom: .5rem
}
.mdl-typography--text-left,
caption,
th {
    text-align: left
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, .87)
}
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
}
.mdl-button,
.mdl-button .material-icons,
.mdl-checkbox,
.mdl-data-table td,
.mdl-data-table td .mdl-data-table__select,
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
blockquote,
h1 {
    line-height: 1.35
}
address,
h5 {
    line-height: 1
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
.mdl-typography--button,
.mdl-typography--button-color-contrast {
    text-transform: uppercase
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
textarea {
    resize: vertical
}
table {
    border-spacing: 0
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    ::after,
    ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}
label,
output {
    display: inline-block
}
*,
::after,
::before {
    box-sizing: inherit
}
@-ms-viewport {
    width: device-width
}
@-o-viewport {
    width: device-width
}
@viewport {
    width: device-width
}
body {
    color: #373a3c;
    background-color: #fff
}
abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}
.mdl-button,
[role=button] {
    cursor: pointer
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
dd {
    margin-left: 0
}
blockquote,
figure {
    margin: 0 0 1rem
}
a {
    text-decoration: none
}
a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}
a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}
[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}
table {
    background-color: transparent
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    caption-side: bottom
}
button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}
button,
input,
select,
textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0
}
.container,
.container-fluid {
    margin-left: auto;
    margin-right: auto
}
legend {
    display: block;
    width: 100%;
    font-size: 1.5rem;
    line-height: inherit
}
.container,
.container-fluid {
    padding-left: .9375rem;
    padding-right: .9375rem
}
input[type=search] {
    box-sizing: inherit;
    -webkit-appearance: none
}
.container-fluid::after,
.container::after,
.row::after {
    content: "";
    display: table;
    clear: both
}
.row {
    margin-left: -.9375rem;
    margin-right: -.9375rem
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    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: 544px) {
    .container {
        max-width: 576px
    }
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 940px
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }
    .col-xl-1 {
        width: 8.33333%
    }
    .col-xl-2 {
        width: 16.66667%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.33333%
    }
    .col-xl-5 {
        width: 41.66667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.33333%
    }
    .col-xl-8 {
        width: 66.66667%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.33333%
    }
    .col-xl-11 {
        width: 91.66667%
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-pull-1 {
        right: 8.33333%
    }
    .col-xl-pull-2 {
        right: 16.66667%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-4 {
        right: 33.33333%
    }
    .col-xl-pull-5 {
        right: 41.66667%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-7 {
        right: 58.33333%
    }
    .col-xl-pull-8 {
        right: 66.66667%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-10 {
        right: 83.33333%
    }
    .col-xl-pull-11 {
        right: 91.66667%
    }
    .col-xl-pull-12 {
        right: 100%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-push-1 {
        left: 8.33333%
    }
    .col-xl-push-2 {
        left: 16.66667%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-4 {
        left: 33.33333%
    }
    .col-xl-push-5 {
        left: 41.66667%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-7 {
        left: 58.33333%
    }
    .col-xl-push-8 {
        left: 66.66667%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-10 {
        left: 83.33333%
    }
    .col-xl-push-11 {
        left: 91.66667%
    }
    .col-xl-push-12 {
        left: 100%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.33333%
    }
    .col-xl-offset-2 {
        margin-left: 16.66667%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-4 {
        margin-left: 33.33333%
    }
    .col-xl-offset-5 {
        margin-left: 41.66667%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.33333%
    }
    .col-xl-offset-8 {
        margin-left: 66.66667%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10 {
        margin-left: 83.33333%
    }
    .col-xl-offset-11 {
        margin-left: 91.66667%
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    box-sizing: content-box;
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
.mdl-card,
.mdl-card__media,
.mdl-card__title {
    box-sizing: border-box
}
fieldset {
    min-width: 0;
    border: 0;
    margin: 0;
    padding: 0
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
.hidden {
    display: none!important
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
body,
html {
    width: 100%
}
.invisible {
    visibility: hidden
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before,
    :first-letter {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
html {
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
body {
    margin: 0
}
main {
    display: block
}
[hidden] {
    display: none!important
}
body,
html {
    font-weight: 400;
    line-height: 20px
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}
h1,
h2,
h3 {
    margin-bottom: 24px;
    font-weight: 400
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 24px;
    font-family: Roboto, Helvetica, Arial, sans-serif
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}
h1 {
    font-size: 56px;
    letter-spacing: -.02em
}
h2 {
    font-size: 45px;
    line-height: 48px
}
h3 {
    font-size: 34px;
    line-height: 40px
}
h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 16px
}
h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: 16px
}
h6,
p {
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 24px
}
h6 {
    font-size: 16px;
    letter-spacing: .04em
}
p {
    font-size: 14px;
    letter-spacing: 0
}
a {
    font-weight: 500
}
blockquote {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: .08em
}
blockquote:before {
    position: absolute;
    left: -.5em;
    content: '“'
}
blockquote:after {
    content: '”';
    margin-left: -.05em
}
mark {
    background-color: #f4ff81
}
dt {
    font-weight: 700
}
address,
ol,
ul {
    font-weight: 400;
    letter-spacing: 0
}
address {
    font-size: 12px;
    font-style: normal
}
ol,
ul {
    font-size: 14px;
    line-height: 24px
}
.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.04em
}
.mdl-typography--display-4-color-contrast {
    opacity: .54
}
.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em
}
.mdl-typography--display-3-color-contrast {
    opacity: .54
}
.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}
.mdl-typography--display-2-color-contrast {
    opacity: .54
}
.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}
.mdl-typography--display-1-color-contrast {
    opacity: .54
}
.mdl-typography--headline,
.mdl-typography--headline-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}
.mdl-typography--headline-color-contrast {
    opacity: .87
}
.mdl-typography--title,
.mdl-typography--title-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}
.mdl-typography--title-color-contrast {
    opacity: .87
}
.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 24px
}
.mdl-typography--subhead-color-contrast {
    opacity: .87
}
.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}
.mdl-typography--body-1,
.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-1-color-contrast {
    opacity: .87
}
.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500
}
.mdl-typography--body-2-force-preferred-font {
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-2-force-preferred-font-color-contrast {
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}
.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif
}
.mdl-typography--body-1-force-preferred-font-color-contrast {
    opacity: .87
}
.mdl-typography--caption-color-contrast,
.mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}
.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--caption-force-preferred-font {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif
}
.mdl-typography--button-color-contrast,
.mdl-typography--menu-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    opacity: .87;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--menu {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--text-right {
    text-align: right
}
.mdl-typography--text-center {
    text-align: center
}
.mdl-typography--text-justify {
    text-align: justify
}
.mdl-typography--text-nowrap {
    white-space: nowrap
}
.mdl-typography--text-lowercase {
    text-transform: lowercase
}
.mdl-typography--text-uppercase {
    text-transform: uppercase
}
.mdl-typography--text-capitalize {
    text-transform: capitalize
}
.mdl-typography--font-thin {
    font-weight: 200!important
}
.mdl-typography--font-light {
    font-weight: 300!important
}
.mdl-typography--font-regular {
    font-weight: 400!important
}
.mdl-typography--font-medium {
    font-weight: 500!important
}
.mdl-typography--font-bold {
    font-weight: 700!important
}
.mdl-typography--font-black {
    font-weight: 900!important
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}
.mdl-badge[data-badge]:after,
.mdl-button {
    font-family: Roboto, Helvetica, Arial, sans-serif
}
.mdl-color-text--red {
    color: #f44336!important
}
.mdl-color--red {
    background-color: #f44336!important
}
.mdl-color-text--red-50 {
    color: #ffebee!important
}
.mdl-color--red-50 {
    background-color: #ffebee!important
}
.mdl-color-text--red-100 {
    color: #ffcdd2!important
}
.mdl-color--red-100 {
    background-color: #ffcdd2!important
}
.mdl-color-text--red-200 {
    color: #ef9a9a!important
}
.mdl-color--red-200 {
    background-color: #ef9a9a!important
}
.mdl-color-text--red-300 {
    color: #e57373!important
}
.mdl-color--red-300 {
    background-color: #e57373!important
}
.mdl-color-text--red-400 {
    color: #ef5350!important
}
.mdl-color--red-400 {
    background-color: #ef5350!important
}
.mdl-color-text--red-500 {
    color: #f44336!important
}
.mdl-color--red-500 {
    background-color: #f44336!important
}
.mdl-color-text--red-600 {
    color: #e53935!important
}
.mdl-color--red-600 {
    background-color: #e53935!important
}
.mdl-color-text--red-700 {
    color: #d32f2f!important
}
.mdl-color--red-700 {
    background-color: #d32f2f!important
}
.mdl-color-text--red-800 {
    color: #c62828!important
}
.mdl-color--red-800 {
    background-color: #c62828!important
}
.mdl-color-text--red-900 {
    color: #b71c1c!important
}
.mdl-color--red-900 {
    background-color: #b71c1c!important
}
.mdl-color-text--red-A100 {
    color: #ff8a80!important
}
.mdl-color--red-A100 {
    background-color: #ff8a80!important
}
.mdl-color-text--red-A200 {
    color: #ff5252!important
}
.mdl-color--red-A200 {
    background-color: #ff5252!important
}
.mdl-color-text--red-A400 {
    color: #ff1744!important
}
.mdl-color--red-A400 {
    background-color: #ff1744!important
}
.mdl-color-text--red-A700 {
    color: #d50000!important
}
.mdl-color--red-A700 {
    background-color: #d50000!important
}
.mdl-color-text--pink {
    color: #e91e63!important
}
.mdl-color--pink {
    background-color: #e91e63!important
}
.mdl-color-text--pink-50 {
    color: #fce4ec!important
}
.mdl-color--pink-50 {
    background-color: #fce4ec!important
}
.mdl-color-text--pink-100 {
    color: #f8bbd0!important
}
.mdl-color--pink-100 {
    background-color: #f8bbd0!important
}
.mdl-color-text--pink-200 {
    color: #f48fb1!important
}
.mdl-color--pink-200 {
    background-color: #f48fb1!important
}
.mdl-color-text--pink-300 {
    color: #f06292!important
}
.mdl-color--pink-300 {
    background-color: #f06292!important
}
.mdl-color-text--pink-400 {
    color: #ec407a!important
}
.mdl-color--pink-400 {
    background-color: #ec407a!important
}
.mdl-color-text--pink-500 {
    color: #e91e63!important
}
.mdl-color--pink-500 {
    background-color: #e91e63!important
}
.mdl-color-text--pink-600 {
    color: #d81b60!important
}
.mdl-color--pink-600 {
    background-color: #d81b60!important
}
.mdl-color-text--pink-700 {
    color: #c2185b!important
}
.mdl-color--pink-700 {
    background-color: #c2185b!important
}
.mdl-color-text--pink-800 {
    color: #ad1457!important
}
.mdl-color--pink-800 {
    background-color: #ad1457!important
}
.mdl-color-text--pink-900 {
    color: #880e4f!important
}
.mdl-color--pink-900 {
    background-color: #880e4f!important
}
.mdl-color-text--pink-A100 {
    color: #ff80ab!important
}
.mdl-color--pink-A100 {
    background-color: #ff80ab!important
}
.mdl-color-text--pink-A200 {
    color: #ff4081!important
}
.mdl-color--pink-A200 {
    background-color: #ff4081!important
}
.mdl-color-text--pink-A400 {
    color: #f50057!important
}
.mdl-color--pink-A400 {
    background-color: #f50057!important
}
.mdl-color-text--pink-A700 {
    color: #c51162!important
}
.mdl-color--pink-A700 {
    background-color: #c51162!important
}
.mdl-color-text--purple {
    color: #9c27b0!important
}
.mdl-color--purple {
    background-color: #9c27b0!important
}
.mdl-color-text--purple-50 {
    color: #f3e5f5!important
}
.mdl-color--purple-50 {
    background-color: #f3e5f5!important
}
.mdl-color-text--purple-100 {
    color: #e1bee7!important
}
.mdl-color--purple-100 {
    background-color: #e1bee7!important
}
.mdl-color-text--purple-200 {
    color: #ce93d8!important
}
.mdl-color--purple-200 {
    background-color: #ce93d8!important
}
.mdl-color-text--purple-300 {
    color: #ba68c8!important
}
.mdl-color--purple-300 {
    background-color: #ba68c8!important
}
.mdl-color-text--purple-400 {
    color: #ab47bc!important
}
.mdl-color--purple-400 {
    background-color: #ab47bc!important
}
.mdl-color-text--purple-500 {
    color: #9c27b0!important
}
.mdl-color--purple-500 {
    background-color: #9c27b0!important
}
.mdl-color-text--purple-600 {
    color: #8e24aa!important
}
.mdl-color--purple-600 {
    background-color: #8e24aa!important
}
.mdl-color-text--purple-700 {
    color: #7b1fa2!important
}
.mdl-color--purple-700 {
    background-color: #7b1fa2!important
}
.mdl-color-text--purple-800 {
    color: #6a1b9a!important
}
.mdl-color--purple-800 {
    background-color: #6a1b9a!important
}
.mdl-color-text--purple-900 {
    color: #4a148c!important
}
.mdl-color--purple-900 {
    background-color: #4a148c!important
}
.mdl-color-text--purple-A100 {
    color: #ea80fc!important
}
.mdl-color--purple-A100 {
    background-color: #ea80fc!important
}
.mdl-color-text--purple-A200 {
    color: #e040fb!important
}
.mdl-color--purple-A200 {
    background-color: #e040fb!important
}
.mdl-color-text--purple-A400 {
    color: #d500f9!important
}
.mdl-color--purple-A400 {
    background-color: #d500f9!important
}
.mdl-color-text--purple-A700 {
    color: #a0f!important
}
.mdl-color--purple-A700 {
    background-color: #a0f!important
}
.mdl-color-text--deep-purple {
    color: #673ab7!important
}
.mdl-color--deep-purple {
    background-color: #673ab7!important
}
.mdl-color-text--deep-purple-50 {
    color: #ede7f6!important
}
.mdl-color--deep-purple-50 {
    background-color: #ede7f6!important
}
.mdl-color-text--deep-purple-100 {
    color: #d1c4e9!important
}
.mdl-color--deep-purple-100 {
    background-color: #d1c4e9!important
}
.mdl-color-text--deep-purple-200 {
    color: #b39ddb!important
}
.mdl-color--deep-purple-200 {
    background-color: #b39ddb!important
}
.mdl-color-text--deep-purple-300 {
    color: #9575cd!important
}
.mdl-color--deep-purple-300 {
    background-color: #9575cd!important
}
.mdl-color-text--deep-purple-400 {
    color: #7e57c2!important
}
.mdl-color--deep-purple-400 {
    background-color: #7e57c2!important
}
.mdl-color-text--deep-purple-500 {
    color: #673ab7!important
}
.mdl-color--deep-purple-500 {
    background-color: #673ab7!important
}
.mdl-color-text--deep-purple-600 {
    color: #5e35b1!important
}
.mdl-color--deep-purple-600 {
    background-color: #5e35b1!important
}
.mdl-color-text--deep-purple-700 {
    color: #512da8!important
}
.mdl-color--deep-purple-700 {
    background-color: #512da8!important
}
.mdl-color-text--deep-purple-800 {
    color: #4527a0!important
}
.mdl-color--deep-purple-800 {
    background-color: #4527a0!important
}
.mdl-color-text--deep-purple-900 {
    color: #311b92!important
}
.mdl-color--deep-purple-900 {
    background-color: #311b92!important
}
.mdl-color-text--deep-purple-A100 {
    color: #b388ff!important
}
.mdl-color--deep-purple-A100 {
    background-color: #b388ff!important
}
.mdl-color-text--deep-purple-A200 {
    color: #7c4dff!important
}
.mdl-color--deep-purple-A200 {
    background-color: #7c4dff!important
}
.mdl-color-text--deep-purple-A400 {
    color: #651fff!important
}
.mdl-color--deep-purple-A400 {
    background-color: #651fff!important
}
.mdl-color-text--deep-purple-A700 {
    color: #6200ea!important
}
.mdl-color--deep-purple-A700 {
    background-color: #6200ea!important
}
.mdl-color-text--indigo {
    color: #3f51b5!important
}
.mdl-color--indigo {
    background-color: #3f51b5!important
}
.mdl-color-text--indigo-50 {
    color: #e8eaf6!important
}
.mdl-color--indigo-50 {
    background-color: #e8eaf6!important
}
.mdl-color-text--indigo-100 {
    color: #c5cae9!important
}
.mdl-color--indigo-100 {
    background-color: #c5cae9!important
}
.mdl-color-text--indigo-200 {
    color: #9fa8da!important
}
.mdl-color--indigo-200 {
    background-color: #9fa8da!important
}
.mdl-color-text--indigo-300 {
    color: #7986cb!important
}
.mdl-color--indigo-300 {
    background-color: #7986cb!important
}
.mdl-color-text--indigo-400 {
    color: #5c6bc0!important
}
.mdl-color--indigo-400 {
    background-color: #5c6bc0!important
}
.mdl-color-text--indigo-500 {
    color: #3f51b5!important
}
.mdl-color--indigo-500 {
    background-color: #3f51b5!important
}
.mdl-color-text--indigo-600 {
    color: #3949ab!important
}
.mdl-color--indigo-600 {
    background-color: #3949ab!important
}
.mdl-color-text--indigo-700 {
    color: #303f9f!important
}
.mdl-color--indigo-700 {
    background-color: #303f9f!important
}
.mdl-color-text--indigo-800 {
    color: #283593!important
}
.mdl-color--indigo-800 {
    background-color: #283593!important
}
.mdl-color-text--indigo-900 {
    color: #1a237e!important
}
.mdl-color--indigo-900 {
    background-color: #1a237e!important
}
.mdl-color-text--indigo-A100 {
    color: #8c9eff!important
}
.mdl-color--indigo-A100 {
    background-color: #8c9eff!important
}
.mdl-color-text--indigo-A200 {
    color: #536dfe!important
}
.mdl-color--indigo-A200 {
    background-color: #536dfe!important
}
.mdl-color-text--indigo-A400 {
    color: #3d5afe!important
}
.mdl-color--indigo-A400 {
    background-color: #3d5afe!important
}
.mdl-color-text--indigo-A700 {
    color: #304ffe!important
}
.mdl-color--indigo-A700 {
    background-color: #304ffe!important
}
.mdl-color-text--blue {
    color: #2196f3!important
}
.mdl-color--blue {
    background-color: #2196f3!important
}
.mdl-color-text--blue-50 {
    color: #e3f2fd!important
}
.mdl-color--blue-50 {
    background-color: #e3f2fd!important
}
.mdl-color-text--blue-100 {
    color: #bbdefb!important
}
.mdl-color--blue-100 {
    background-color: #bbdefb!important
}
.mdl-color-text--blue-200 {
    color: #90caf9!important
}
.mdl-color--blue-200 {
    background-color: #90caf9!important
}
.mdl-color-text--blue-300 {
    color: #64b5f6!important
}
.mdl-color--blue-300 {
    background-color: #64b5f6!important
}
.mdl-color-text--blue-400 {
    color: #42a5f5!important
}
.mdl-color--blue-400 {
    background-color: #42a5f5!important
}
.mdl-color-text--blue-500 {
    color: #2196f3!important
}
.mdl-color--blue-500 {
    background-color: #2196f3!important
}
.mdl-color-text--blue-600 {
    color: #1e88e5!important
}
.mdl-color--blue-600 {
    background-color: #1e88e5!important
}
.mdl-color-text--blue-700 {
    color: #1976d2!important
}
.mdl-color--blue-700 {
    background-color: #1976d2!important
}
.mdl-color-text--blue-800 {
    color: #1565c0!important
}
.mdl-color--blue-800 {
    background-color: #1565c0!important
}
.mdl-color-text--blue-900 {
    color: #0d47a1!important
}
.mdl-color--blue-900 {
    background-color: #0d47a1!important
}
.mdl-color-text--blue-A100 {
    color: #82b1ff!important
}
.mdl-color--blue-A100 {
    background-color: #82b1ff!important
}
.mdl-color-text--blue-A200 {
    color: #448aff!important
}
.mdl-color--blue-A200 {
    background-color: #448aff!important
}
.mdl-color-text--blue-A400 {
    color: #2979ff!important
}
.mdl-color--blue-A400 {
    background-color: #2979ff!important
}
.mdl-color-text--blue-A700 {
    color: #2962ff!important
}
.mdl-color--blue-A700 {
    background-color: #2962ff!important
}
.mdl-color-text--light-blue {
    color: #03a9f4!important
}
.mdl-color--light-blue {
    background-color: #03a9f4!important
}
.mdl-color-text--light-blue-50 {
    color: #e1f5fe!important
}
.mdl-color--light-blue-50 {
    background-color: #e1f5fe!important
}
.mdl-color-text--light-blue-100 {
    color: #b3e5fc!important
}
.mdl-color--light-blue-100 {
    background-color: #b3e5fc!important
}
.mdl-color-text--light-blue-200 {
    color: #81d4fa!important
}
.mdl-color--light-blue-200 {
    background-color: #81d4fa!important
}
.mdl-color-text--light-blue-300 {
    color: #4fc3f7!important
}
.mdl-color--light-blue-300 {
    background-color: #4fc3f7!important
}
.mdl-color-text--light-blue-400 {
    color: #29b6f6!important
}
.mdl-color--light-blue-400 {
    background-color: #29b6f6!important
}
.mdl-color-text--light-blue-500 {
    color: #03a9f4!important
}
.mdl-color--light-blue-500 {
    background-color: #03a9f4!important
}
.mdl-color-text--light-blue-600 {
    color: #039be5!important
}
.mdl-color--light-blue-600 {
    background-color: #039be5!important
}
.mdl-color-text--light-blue-700 {
    color: #0288d1!important
}
.mdl-color--light-blue-700 {
    background-color: #0288d1!important
}
.mdl-color-text--light-blue-800 {
    color: #0277bd!important
}
.mdl-color--light-blue-800 {
    background-color: #0277bd!important
}
.mdl-color-text--light-blue-900 {
    color: #01579b!important
}
.mdl-color--light-blue-900 {
    background-color: #01579b!important
}
.mdl-color-text--light-blue-A100 {
    color: #80d8ff!important
}
.mdl-color--light-blue-A100 {
    background-color: #80d8ff!important
}
.mdl-color-text--light-blue-A200 {
    color: #40c4ff!important
}
.mdl-color--light-blue-A200 {
    background-color: #40c4ff!important
}
.mdl-color-text--light-blue-A400 {
    color: #00b0ff!important
}
.mdl-color--light-blue-A400 {
    background-color: #00b0ff!important
}
.mdl-color-text--light-blue-A700 {
    color: #0091ea!important
}
.mdl-color--light-blue-A700 {
    background-color: #0091ea!important
}
.mdl-color-text--cyan {
    color: #00bcd4!important
}
.mdl-color--cyan {
    background-color: #00bcd4!important
}
.mdl-color-text--cyan-50 {
    color: #e0f7fa!important
}
.mdl-color--cyan-50 {
    background-color: #e0f7fa!important
}
.mdl-color-text--cyan-100 {
    color: #b2ebf2!important
}
.mdl-color--cyan-100 {
    background-color: #b2ebf2!important
}
.mdl-color-text--cyan-200 {
    color: #80deea!important
}
.mdl-color--cyan-200 {
    background-color: #80deea!important
}
.mdl-color-text--cyan-300 {
    color: #4dd0e1!important
}
.mdl-color--cyan-300 {
    background-color: #4dd0e1!important
}
.mdl-color-text--cyan-400 {
    color: #26c6da!important
}
.mdl-color--cyan-400 {
    background-color: #26c6da!important
}
.mdl-color-text--cyan-500 {
    color: #00bcd4!important
}
.mdl-color--cyan-500 {
    background-color: #00bcd4!important
}
.mdl-color-text--cyan-600 {
    color: #00acc1!important
}
.mdl-color--cyan-600 {
    background-color: #00acc1!important
}
.mdl-color-text--cyan-700 {
    color: #0097a7!important
}
.mdl-color--cyan-700 {
    background-color: #0097a7!important
}
.mdl-color-text--cyan-800 {
    color: #00838f!important
}
.mdl-color--cyan-800 {
    background-color: #00838f!important
}
.mdl-color-text--cyan-900 {
    color: #006064!important
}
.mdl-color--cyan-900 {
    background-color: #006064!important
}
.mdl-color-text--cyan-A100 {
    color: #84ffff!important
}
.mdl-color--cyan-A100 {
    background-color: #84ffff!important
}
.mdl-color-text--cyan-A200 {
    color: #18ffff!important
}
.mdl-color--cyan-A200 {
    background-color: #18ffff!important
}
.mdl-color-text--cyan-A400 {
    color: #00e5ff!important
}
.mdl-color--cyan-A400 {
    background-color: #00e5ff!important
}
.mdl-color-text--cyan-A700 {
    color: #00b8d4!important
}
.mdl-color--cyan-A700 {
    background-color: #00b8d4!important
}
.mdl-color-text--teal {
    color: #009688!important
}
.mdl-color--teal {
    background-color: #009688!important
}
.mdl-color-text--teal-50 {
    color: #e0f2f1!important
}
.mdl-color--teal-50 {
    background-color: #e0f2f1!important
}
.mdl-color-text--teal-100 {
    color: #b2dfdb!important
}
.mdl-color--teal-100 {
    background-color: #b2dfdb!important
}
.mdl-color-text--teal-200 {
    color: #80cbc4!important
}
.mdl-color--teal-200 {
    background-color: #80cbc4!important
}
.mdl-color-text--teal-300 {
    color: #4db6ac!important
}
.mdl-color--teal-300 {
    background-color: #4db6ac!important
}
.mdl-color-text--teal-400 {
    color: #26a69a!important
}
.mdl-color--teal-400 {
    background-color: #26a69a!important
}
.mdl-color-text--teal-500 {
    color: #009688!important
}
.mdl-color--teal-500 {
    background-color: #009688!important
}
.mdl-color-text--teal-600 {
    color: #00897b!important
}
.mdl-color--teal-600 {
    background-color: #00897b!important
}
.mdl-color-text--teal-700 {
    color: #00796b!important
}
.mdl-color--teal-700 {
    background-color: #00796b!important
}
.mdl-color-text--teal-800 {
    color: #00695c!important
}
.mdl-color--teal-800 {
    background-color: #00695c!important
}
.mdl-color-text--teal-900 {
    color: #004d40!important
}
.mdl-color--teal-900 {
    background-color: #004d40!important
}
.mdl-color-text--teal-A100 {
    color: #a7ffeb!important
}
.mdl-color--teal-A100 {
    background-color: #a7ffeb!important
}
.mdl-color-text--teal-A200 {
    color: #64ffda!important
}
.mdl-color--teal-A200 {
    background-color: #64ffda!important
}
.mdl-color-text--teal-A400 {
    color: #1de9b6!important
}
.mdl-color--teal-A400 {
    background-color: #1de9b6!important
}
.mdl-color-text--teal-A700 {
    color: #00bfa5!important
}
.mdl-color--teal-A700 {
    background-color: #00bfa5!important
}
.mdl-color-text--green {
    color: #4caf50!important
}
.mdl-color--green {
    background-color: #4caf50!important
}
.mdl-color-text--green-50 {
    color: #e8f5e9!important
}
.mdl-color--green-50 {
    background-color: #e8f5e9!important
}
.mdl-color-text--green-100 {
    color: #c8e6c9!important
}
.mdl-color--green-100 {
    background-color: #c8e6c9!important
}
.mdl-color-text--green-200 {
    color: #a5d6a7!important
}
.mdl-color--green-200 {
    background-color: #a5d6a7!important
}
.mdl-color-text--green-300 {
    color: #81c784!important
}
.mdl-color--green-300 {
    background-color: #81c784!important
}
.mdl-color-text--green-400 {
    color: #66bb6a!important
}
.mdl-color--green-400 {
    background-color: #66bb6a!important
}
.mdl-color-text--green-500 {
    color: #4caf50!important
}
.mdl-color--green-500 {
    background-color: #4caf50!important
}
.mdl-color-text--green-600 {
    color: #43a047!important
}
.mdl-color--green-600 {
    background-color: #43a047!important
}
.mdl-color-text--green-700 {
    color: #388e3c!important
}
.mdl-color--green-700 {
    background-color: #388e3c!important
}
.mdl-color-text--green-800 {
    color: #2e7d32!important
}
.mdl-color--green-800 {
    background-color: #2e7d32!important
}
.mdl-color-text--green-900 {
    color: #1b5e20!important
}
.mdl-color--green-900 {
    background-color: #1b5e20!important
}
.mdl-color-text--green-A100 {
    color: #b9f6ca!important
}
.mdl-color--green-A100 {
    background-color: #b9f6ca!important
}
.mdl-color-text--green-A200 {
    color: #69f0ae!important
}
.mdl-color--green-A200 {
    background-color: #69f0ae!important
}
.mdl-color-text--green-A400 {
    color: #00e676!important
}
.mdl-color--green-A400 {
    background-color: #00e676!important
}
.mdl-color-text--green-A700 {
    color: #00c853!important
}
.mdl-color--green-A700 {
    background-color: #00c853!important
}
.mdl-color-text--light-green {
    color: #8bc34a!important
}
.mdl-color--light-green {
    background-color: #8bc34a!important
}
.mdl-color-text--light-green-50 {
    color: #f1f8e9!important
}
.mdl-color--light-green-50 {
    background-color: #f1f8e9!important
}
.mdl-color-text--light-green-100 {
    color: #dcedc8!important
}
.mdl-color--light-green-100 {
    background-color: #dcedc8!important
}
.mdl-color-text--light-green-200 {
    color: #c5e1a5!important
}
.mdl-color--light-green-200 {
    background-color: #c5e1a5!important
}
.mdl-color-text--light-green-300 {
    color: #aed581!important
}
.mdl-color--light-green-300 {
    background-color: #aed581!important
}
.mdl-color-text--light-green-400 {
    color: #9ccc65!important
}
.mdl-color--light-green-400 {
    background-color: #9ccc65!important
}
.mdl-color-text--light-green-500 {
    color: #8bc34a!important
}
.mdl-color--light-green-500 {
    background-color: #8bc34a!important
}
.mdl-color-text--light-green-600 {
    color: #7cb342!important
}
.mdl-color--light-green-600 {
    background-color: #7cb342!important
}
.mdl-color-text--light-green-700 {
    color: #689f38!important
}
.mdl-color--light-green-700 {
    background-color: #689f38!important
}
.mdl-color-text--light-green-800 {
    color: #558b2f!important
}
.mdl-color--light-green-800 {
    background-color: #558b2f!important
}
.mdl-color-text--light-green-900 {
    color: #33691e!important
}
.mdl-color--light-green-900 {
    background-color: #33691e!important
}
.mdl-color-text--light-green-A100 {
    color: #ccff90!important
}
.mdl-color--light-green-A100 {
    background-color: #ccff90!important
}
.mdl-color-text--light-green-A200 {
    color: #b2ff59!important
}
.mdl-color--light-green-A200 {
    background-color: #b2ff59!important
}
.mdl-color-text--light-green-A400 {
    color: #76ff03!important
}
.mdl-color--light-green-A400 {
    background-color: #76ff03!important
}
.mdl-color-text--light-green-A700 {
    color: #64dd17!important
}
.mdl-color--light-green-A700 {
    background-color: #64dd17!important
}
.mdl-color-text--lime {
    color: #cddc39!important
}
.mdl-color--lime {
    background-color: #cddc39!important
}
.mdl-color-text--lime-50 {
    color: #f9fbe7!important
}
.mdl-color--lime-50 {
    background-color: #f9fbe7!important
}
.mdl-color-text--lime-100 {
    color: #f0f4c3!important
}
.mdl-color--lime-100 {
    background-color: #f0f4c3!important
}
.mdl-color-text--lime-200 {
    color: #e6ee9c!important
}
.mdl-color--lime-200 {
    background-color: #e6ee9c!important
}
.mdl-color-text--lime-300 {
    color: #dce775!important
}
.mdl-color--lime-300 {
    background-color: #dce775!important
}
.mdl-color-text--lime-400 {
    color: #d4e157!important
}
.mdl-color--lime-400 {
    background-color: #d4e157!important
}
.mdl-color-text--lime-500 {
    color: #cddc39!important
}
.mdl-color--lime-500 {
    background-color: #cddc39!important
}
.mdl-color-text--lime-600 {
    color: #c0ca33!important
}
.mdl-color--lime-600 {
    background-color: #c0ca33!important
}
.mdl-color-text--lime-700 {
    color: #afb42b!important
}
.mdl-color--lime-700 {
    background-color: #afb42b!important
}
.mdl-color-text--lime-800 {
    color: #9e9d24!important
}
.mdl-color--lime-800 {
    background-color: #9e9d24!important
}
.mdl-color-text--lime-900 {
    color: #827717!important
}
.mdl-color--lime-900 {
    background-color: #827717!important
}
.mdl-color-text--lime-A100 {
    color: #f4ff81!important
}
.mdl-color--lime-A100 {
    background-color: #f4ff81!important
}
.mdl-color-text--lime-A200 {
    color: #eeff41!important
}
.mdl-color--lime-A200 {
    background-color: #eeff41!important
}
.mdl-color-text--lime-A400 {
    color: #c6ff00!important
}
.mdl-color--lime-A400 {
    background-color: #c6ff00!important
}
.mdl-color-text--lime-A700 {
    color: #aeea00!important
}
.mdl-color--lime-A700 {
    background-color: #aeea00!important
}
.mdl-color-text--yellow {
    color: #ffeb3b!important
}
.mdl-color--yellow {
    background-color: #ffeb3b!important
}
.mdl-color-text--yellow-50 {
    color: #fffde7!important
}
.mdl-color--yellow-50 {
    background-color: #fffde7!important
}
.mdl-color-text--yellow-100 {
    color: #fff9c4!important
}
.mdl-color--yellow-100 {
    background-color: #fff9c4!important
}
.mdl-color-text--yellow-200 {
    color: #fff59d!important
}
.mdl-color--yellow-200 {
    background-color: #fff59d!important
}
.mdl-color-text--yellow-300 {
    color: #fff176!important
}
.mdl-color--yellow-300 {
    background-color: #fff176!important
}
.mdl-color-text--yellow-400 {
    color: #ffee58!important
}
.mdl-color--yellow-400 {
    background-color: #ffee58!important
}
.mdl-color-text--yellow-500 {
    color: #ffeb3b!important
}
.mdl-color--yellow-500 {
    background-color: #ffeb3b!important
}
.mdl-color-text--yellow-600 {
    color: #fdd835!important
}
.mdl-color--yellow-600 {
    background-color: #fdd835!important
}
.mdl-color-text--yellow-700 {
    color: #fbc02d!important
}
.mdl-color--yellow-700 {
    background-color: #fbc02d!important
}
.mdl-color-text--yellow-800 {
    color: #f9a825!important
}
.mdl-color--yellow-800 {
    background-color: #f9a825!important
}
.mdl-color-text--yellow-900 {
    color: #f57f17!important
}
.mdl-color--yellow-900 {
    background-color: #f57f17!important
}
.mdl-color-text--yellow-A100 {
    color: #ffff8d!important
}
.mdl-color--yellow-A100 {
    background-color: #ffff8d!important
}
.mdl-color-text--yellow-A200 {
    color: #ff0!important
}
.mdl-color--yellow-A200 {
    background-color: #ff0!important
}
.mdl-color-text--yellow-A400 {
    color: #ffea00!important
}
.mdl-color--yellow-A400 {
    background-color: #ffea00!important
}
.mdl-color-text--yellow-A700 {
    color: #ffd600!important
}
.mdl-color--yellow-A700 {
    background-color: #ffd600!important
}
.mdl-color-text--amber {
    color: #ffc107!important
}
.mdl-color--amber {
    background-color: #ffc107!important
}
.mdl-color-text--amber-50 {
    color: #fff8e1!important
}
.mdl-color--amber-50 {
    background-color: #fff8e1!important
}
.mdl-color-text--amber-100 {
    color: #ffecb3!important
}
.mdl-color--amber-100 {
    background-color: #ffecb3!important
}
.mdl-color-text--amber-200 {
    color: #ffe082!important
}
.mdl-color--amber-200 {
    background-color: #ffe082!important
}
.mdl-color-text--amber-300 {
    color: #ffd54f!important
}
.mdl-color--amber-300 {
    background-color: #ffd54f!important
}
.mdl-color-text--amber-400 {
    color: #ffca28!important
}
.mdl-color--amber-400 {
    background-color: #ffca28!important
}
.mdl-color-text--amber-500 {
    color: #ffc107!important
}
.mdl-color--amber-500 {
    background-color: #ffc107!important
}
.mdl-color-text--amber-600 {
    color: #ffb300!important
}
.mdl-color--amber-600 {
    background-color: #ffb300!important
}
.mdl-color-text--amber-700 {
    color: #ffa000!important
}
.mdl-color--amber-700 {
    background-color: #ffa000!important
}
.mdl-color-text--amber-800 {
    color: #ff8f00!important
}
.mdl-color--amber-800 {
    background-color: #ff8f00!important
}
.mdl-color-text--amber-900 {
    color: #ff6f00!important
}
.mdl-color--amber-900 {
    background-color: #ff6f00!important
}
.mdl-color-text--amber-A100 {
    color: #ffe57f!important
}
.mdl-color--amber-A100 {
    background-color: #ffe57f!important
}
.mdl-color-text--amber-A200 {
    color: #ffd740!important
}
.mdl-color--amber-A200 {
    background-color: #ffd740!important
}
.mdl-color-text--amber-A400 {
    color: #ffc400!important
}
.mdl-color--amber-A400 {
    background-color: #ffc400!important
}
.mdl-color-text--amber-A700 {
    color: #ffab00!important
}
.mdl-color--amber-A700 {
    background-color: #ffab00!important
}
.mdl-color-text--orange {
    color: #ff9800!important
}
.mdl-color--orange {
    background-color: #ff9800!important
}
.mdl-color-text--orange-50 {
    color: #fff3e0!important
}
.mdl-color--orange-50 {
    background-color: #fff3e0!important
}
.mdl-color-text--orange-100 {
    color: #ffe0b2!important
}
.mdl-color--orange-100 {
    background-color: #ffe0b2!important
}
.mdl-color-text--orange-200 {
    color: #ffcc80!important
}
.mdl-color--orange-200 {
    background-color: #ffcc80!important
}
.mdl-color-text--orange-300 {
    color: #ffb74d!important
}
.mdl-color--orange-300 {
    background-color: #ffb74d!important
}
.mdl-color-text--orange-400 {
    color: #ffa726!important
}
.mdl-color--orange-400 {
    background-color: #ffa726!important
}
.mdl-color-text--orange-500 {
    color: #ff9800!important
}
.mdl-color--orange-500 {
    background-color: #ff9800!important
}
.mdl-color-text--orange-600 {
    color: #fb8c00!important
}
.mdl-color--orange-600 {
    background-color: #fb8c00!important
}
.mdl-color-text--orange-700 {
    color: #f57c00!important
}
.mdl-color--orange-700 {
    background-color: #f57c00!important
}
.mdl-color-text--orange-800 {
    color: #ef6c00!important
}
.mdl-color--orange-800 {
    background-color: #ef6c00!important
}
.mdl-color-text--orange-900 {
    color: #e65100!important
}
.mdl-color--orange-900 {
    background-color: #e65100!important
}
.mdl-color-text--orange-A100 {
    color: #ffd180!important
}
.mdl-color--orange-A100 {
    background-color: #ffd180!important
}
.mdl-color-text--orange-A200 {
    color: #ffab40!important
}
.mdl-color--orange-A200 {
    background-color: #ffab40!important
}
.mdl-color-text--orange-A400 {
    color: #ff9100!important
}
.mdl-color--orange-A400 {
    background-color: #ff9100!important
}
.mdl-color-text--orange-A700 {
    color: #ff6d00!important
}
.mdl-color--orange-A700 {
    background-color: #ff6d00!important
}
.mdl-color-text--deep-orange {
    color: #ff5722!important
}
.mdl-color--deep-orange {
    background-color: #ff5722!important
}
.mdl-color-text--deep-orange-50 {
    color: #fbe9e7!important
}
.mdl-color--deep-orange-50 {
    background-color: #fbe9e7!important
}
.mdl-color-text--deep-orange-100 {
    color: #ffccbc!important
}
.mdl-color--deep-orange-100 {
    background-color: #ffccbc!important
}
.mdl-color-text--deep-orange-200 {
    color: #ffab91!important
}
.mdl-color--deep-orange-200 {
    background-color: #ffab91!important
}
.mdl-color-text--deep-orange-300 {
    color: #ff8a65!important
}
.mdl-color--deep-orange-300 {
    background-color: #ff8a65!important
}
.mdl-color-text--deep-orange-400 {
    color: #ff7043!important
}
.mdl-color--deep-orange-400 {
    background-color: #ff7043!important
}
.mdl-color-text--deep-orange-500 {
    color: #ff5722!important
}
.mdl-color--deep-orange-500 {
    background-color: #ff5722!important
}
.mdl-color-text--deep-orange-600 {
    color: #f4511e!important
}
.mdl-color--deep-orange-600 {
    background-color: #f4511e!important
}
.mdl-color-text--deep-orange-700 {
    color: #e64a19!important
}
.mdl-color--deep-orange-700 {
    background-color: #e64a19!important
}
.mdl-color-text--deep-orange-800 {
    color: #d84315!important
}
.mdl-color--deep-orange-800 {
    background-color: #d84315!important
}
.mdl-color-text--deep-orange-900 {
    color: #bf360c!important
}
.mdl-color--deep-orange-900 {
    background-color: #bf360c!important
}
.mdl-color-text--deep-orange-A100 {
    color: #ff9e80!important
}
.mdl-color--deep-orange-A100 {
    background-color: #ff9e80!important
}
.mdl-color-text--deep-orange-A200 {
    color: #ff6e40!important
}
.mdl-color--deep-orange-A200 {
    background-color: #ff6e40!important
}
.mdl-color-text--deep-orange-A400 {
    color: #ff3d00!important
}
.mdl-color--deep-orange-A400 {
    background-color: #ff3d00!important
}
.mdl-color-text--deep-orange-A700 {
    color: #dd2c00!important
}
.mdl-color--deep-orange-A700 {
    background-color: #dd2c00!important
}
.mdl-color-text--brown {
    color: #795548!important
}
.mdl-color--brown {
    background-color: #795548!important
}
.mdl-color-text--brown-50 {
    color: #efebe9!important
}
.mdl-color--brown-50 {
    background-color: #efebe9!important
}
.mdl-color-text--brown-100 {
    color: #d7ccc8!important
}
.mdl-color--brown-100 {
    background-color: #d7ccc8!important
}
.mdl-color-text--brown-200 {
    color: #bcaaa4!important
}
.mdl-color--brown-200 {
    background-color: #bcaaa4!important
}
.mdl-color-text--brown-300 {
    color: #a1887f!important
}
.mdl-color--brown-300 {
    background-color: #a1887f!important
}
.mdl-color-text--brown-400 {
    color: #8d6e63!important
}
.mdl-color--brown-400 {
    background-color: #8d6e63!important
}
.mdl-color-text--brown-500 {
    color: #795548!important
}
.mdl-color--brown-500 {
    background-color: #795548!important
}
.mdl-color-text--brown-600 {
    color: #6d4c41!important
}
.mdl-color--brown-600 {
    background-color: #6d4c41!important
}
.mdl-color-text--brown-700 {
    color: #5d4037!important
}
.mdl-color--brown-700 {
    background-color: #5d4037!important
}
.mdl-color-text--brown-800 {
    color: #4e342e!important
}
.mdl-color--brown-800 {
    background-color: #4e342e!important
}
.mdl-color-text--brown-900 {
    color: #3e2723!important
}
.mdl-color--brown-900 {
    background-color: #3e2723!important
}
.mdl-color-text--grey {
    color: #9e9e9e!important
}
.mdl-color--grey {
    background-color: #9e9e9e!important
}
.mdl-color-text--grey-50 {
    color: #fafafa!important
}
.mdl-color--grey-50 {
    background-color: #fafafa!important
}
.mdl-color-text--grey-100 {
    color: #f5f5f5!important
}
.mdl-color--grey-100 {
    background-color: #f5f5f5!important
}
.mdl-color-text--grey-200 {
    color: #eee!important
}
.mdl-color--grey-200 {
    background-color: #eee!important
}
.mdl-color-text--grey-300 {
    color: #e0e0e0!important
}
.mdl-color--grey-300 {
    background-color: #e0e0e0!important
}
.mdl-color-text--grey-400 {
    color: #bdbdbd!important
}
.mdl-color--grey-400 {
    background-color: #bdbdbd!important
}
.mdl-color-text--grey-500 {
    color: #9e9e9e!important
}
.mdl-color--grey-500 {
    background-color: #9e9e9e!important
}
.mdl-color-text--grey-600 {
    color: #757575!important
}
.mdl-color--grey-600 {
    background-color: #757575!important
}
.mdl-color-text--grey-700 {
    color: #616161!important
}
.mdl-color--grey-700 {
    background-color: #616161!important
}
.mdl-color-text--grey-800 {
    color: #424242!important
}
.mdl-color--grey-800 {
    background-color: #424242!important
}
.mdl-color-text--grey-900 {
    color: #212121!important
}
.mdl-color--grey-900 {
    background-color: #212121!important
}
.mdl-color-text--blue-grey {
    color: #607d8b!important
}
.mdl-color--blue-grey {
    background-color: #607d8b!important
}
.mdl-color-text--blue-grey-50 {
    color: #eceff1!important
}
.mdl-color--blue-grey-50 {
    background-color: #eceff1!important
}
.mdl-color-text--blue-grey-100 {
    color: #cfd8dc!important
}
.mdl-color--blue-grey-100 {
    background-color: #cfd8dc!important
}
.mdl-color-text--blue-grey-200 {
    color: #b0bec5!important
}
.mdl-color--blue-grey-200 {
    background-color: #b0bec5!important
}
.mdl-color-text--blue-grey-300 {
    color: #90a4ae!important
}
.mdl-color--blue-grey-300 {
    background-color: #90a4ae!important
}
.mdl-color-text--blue-grey-400 {
    color: #78909c!important
}
.mdl-color--blue-grey-400 {
    background-color: #78909c!important
}
.mdl-color-text--blue-grey-500 {
    color: #607d8b!important
}
.mdl-color--blue-grey-500 {
    background-color: #607d8b!important
}
.mdl-color-text--blue-grey-600 {
    color: #546e7a!important
}
.mdl-color--blue-grey-600 {
    background-color: #546e7a!important
}
.mdl-color-text--blue-grey-700 {
    color: #455a64!important
}
.mdl-color--blue-grey-700 {
    background-color: #455a64!important
}
.mdl-color-text--blue-grey-800 {
    color: #37474f!important
}
.mdl-color--blue-grey-800 {
    background-color: #37474f!important
}
.mdl-color-text--blue-grey-900 {
    color: #263238!important
}
.mdl-color--blue-grey-900 {
    background-color: #263238!important
}
.mdl-color--black {
    background-color: #000!important
}
.mdl-color-text--black {
    color: #000!important
}
.mdl-color--white {
    background-color: #fff!important
}
.mdl-color-text--white {
    color: #fff!important
}
.mdl-color--primary {
    background-color: #3f51b5!important
}
.mdl-color--primary-contrast {
    background-color: #fff!important
}
.mdl-color--primary-dark {
    background-color: #303f9f!important
}
.mdl-color--accent {
    background-color: #ff4081!important
}
.mdl-color--accent-contrast {
    background-color: #fff!important
}
.mdl-color-text--primary {
    color: #3f51b5!important
}
.mdl-color-text--primary-contrast {
    color: #fff!important
}
.mdl-color-text--primary-dark {
    color: #303f9f!important
}
.mdl-color-text--accent {
    color: #ff4081!important
}
.mdl-color-text--accent-contrast {
    color: #fff!important
}
.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}
.mdl-ripple.is-animating {
    transition: width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}
.mdl-ripple.is-visible {
    opacity: .3
}
.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}
.mdl-badge:not([data-badge]) {
    margin-right: auto
}
.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: #fff
}
.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 1px gray
}
.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}
.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: 0;
    text-decoration: none;
    text-align: center;
    line-height: 36px
}
.mdl-button--fab,
.mdl-button--icon {
    font-size: 24px;
    padding: 0;
    overflow: hidden
}
.mdl-checkbox__tick-outline,
.mdl-data-table tbody tr {
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-button::-moz-focus-inner {
    border: 0
}
.mdl-button:hover {
    background-color: rgba(158, 158, 158, .2)
}
.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}
.mdl-button:active {
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button.mdl-button--colored {
    color: #3f51b5
}
.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}
input.mdl-button[type=submit] {
    -webkit-appearance: none
}
.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: #fff
}
.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}
.mdl-button--fab {
    border-radius: 50%;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    position: relative;
    line-height: normal
}
.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}
.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}
.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff
}
.mdl-button--fab.mdl-button--colored:active,
.mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}
.mdl-button--icon {
    border-radius: 50%;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    color: inherit;
    line-height: normal
}
.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}
.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}
.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}
.mdl-button--primary.mdl-button--primary {
    color: #3f51b5
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}
.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff;
    background-color: #3f51b5
}
.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff;
    background-color: #ff4081
}
.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    cursor: default;
    background-color: transparent
}
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
    box-shadow: none
}
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}
.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px
}
.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll
}
.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px
}
.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}
.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    margin: 0
}
.mdl-card__supporting-text {
    color: rgba(0, 0, 0, .54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px;
    width: 90%
}
.mdl-card__actions,
.mdl-checkbox {
    box-sizing: border-box;
    width: 100%
}
.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    background-color: transparent;
    padding: 8px
}
.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}
.mdl-checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 24px;
    margin: 0;
    padding: 0
}
.mdl-checkbox.is-upgraded {
    padding-left: 24px
}
.mdl-checkbox__input {
    line-height: 24px
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-checkbox__box-outline,
.mdl-checkbox__focus-helper {
    top: 3px;
    width: 16px;
    height: 16px;
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
    left: 0
}
.mdl-checkbox__box-outline {
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    z-index: 2
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #3f51b5
}
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-checkbox__focus-helper {
    border-radius: 50%;
    background-color: transparent
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}
.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
    mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
    background: 0 0;
    transition-property: background
}
.mdl-checkbox__ripple-container,
.mdl-icon-toggle__ripple-container {
    z-index: 2;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    overflow: hidden;
    border-radius: 50%
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K) #3f51b5
}
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K) rgba(0, 0, 0, .26)
}
.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}
.mdl-checkbox.is-disabled .mdl-checkbox__label,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-checkbox__ripple-container {
    position: absolute;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    cursor: pointer
}
.mdl-checkbox__ripple-container .mdl-ripple {
    background: #3f51b5
}
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container {
    cursor: auto
}
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap;
    font-size: 13px;
    background-color: #fff
}
.mdl-data-table thead {
    padding-bottom: 3px
}
.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}
.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-property: background-color
}
.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}
.mdl-data-table tbody tr:hover {
    background-color: #eee
}
.mdl-data-table td,
.mdl-data-table th {
    padding: 0 18px 12px;
    text-align: right
}
.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 24px
}
.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 24px
}
.mdl-data-table td {
    position: relative;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding-top: 12px;
    box-sizing: border-box
}
.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    padding-bottom: 8px;
    box-sizing: border-box
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, .87)
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}
.center-container .center-content,
.mdl-icon-toggle,
.mdl-navigation__link .material-icons,
.mdl-snackbar__text,
.mdl-switch {
    vertical-align: middle
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, .26)
}
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}
.mdl-data-table__select {
    width: 16px
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}
.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
    width: 280px
}
.mdl-layout__drawer,
.mdl-layout__header,
.mdl-menu__outline {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}
.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mdl-dialog__actions>* {
    margin-right: 8px;
    height: 36px
}
.mdl-dialog__actions>:first-child {
    margin-right: 0
}
.mdl-dialog__actions--full-width {
    padding: 0 0 8px
}
.mdl-dialog__actions--full-width>* {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}
.mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, .54)
}
.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--top-section:after,
.mdl-mega-footer__bottom-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__top-section:after {
    content: '';
    display: block;
    clear: both
}
.mdl-mega-footer--left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px
}
.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section,
    .mdl-mega-footer__left-section {
        float: left
    }
    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right
    }
    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}
.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}
.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer__drop-down-section {
        width: 33%
    }
    .mdl-mega-footer--drop-down-section:nth-child(1),
    .mdl-mega-footer--drop-down-section:nth-child(2),
    .mdl-mega-footer__drop-down-section:nth-child(1),
    .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }
    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }
    .mdl-mega-footer--middle-section:after,
    .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both
    }
    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}
@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section,
    .mdl-mega-footer__drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}
.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: -16px 0 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}
.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'
}
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
    display: none
}
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}
.mdl-layout-title,
.mdl-layout__title,
.mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}
.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}
.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0
}
.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''
}
.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}
.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}
.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}
.mdl-logo {
    margin-bottom: 16px;
    color: #fff
}
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
        content: ''
    }
    .mdl-mega-footer--heading-checkbox,
    .mdl-mega-footer__heading-checkbox {
        display: none
    }
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
        display: block
    }
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}
.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}
.mdl-mini-footer:after {
    content: '';
    display: block
}
.mdl-mini-footer .mdl-logo {
    line-height: 36px
}
.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}
.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}
.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}
.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}
.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}
.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}
.mdl-icon-toggle__input {
    line-height: 32px
}
.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}
.mdl-layout__drawer,
.mdl-menu__outline,
.mdl-snackbar,
.mdl-tooltip {
    will-change: transform
}
.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #3f51b5
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
    transition: none
}
.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, .26)
}
.mdl-icon-toggle__ripple-container {
    position: absolute;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    cursor: pointer
}
.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none
}
.mdl-list__item {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, .87);
    overflow: hidden
}
.mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px
}
.mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .54)
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}
.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575
}
.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: #fff
}
.mdl-menu__container,
.mdl-menu__outline {
    padding: 0;
    border: none;
    position: absolute;
    display: block
}
.mdl-list__item--three-line .mdl-list__item-text-body,
.mdl-menu__item,
.mdl-navigation__link {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400
}
.mdl-list__item--two-line {
    height: 72px
}
.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, .54);
    display: block;
    padding: 0
}
.mdl-list__item--three-line {
    height: 88px
}
.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block
}
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}
.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px
}
.mdl-list__item--three-line .mdl-list__item-text-body {
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, .54);
    display: block;
    padding: 0
}
.mdl-menu__container {
    margin: 0;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}
.mdl-menu__container.is-animating,
.mdl-menu__container.is-visible {
    z-index: 999;
    visibility: visible
}
.mdl-menu__outline {
    background: #fff;
    margin: 0;
    border-radius: 2px;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    z-index: -1
}
.mdl-menu__item,
.mdl-menu__item[data-mdl-disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:hover,
.mdl-menu__item[disabled]:focus,
.mdl-menu__item[disabled]:hover {
    background-color: transparent
}
.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999
}
.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}
.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}
.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}
.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}
.mdl-menu.is-animating {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), clip .3s cubic-bezier(.4, 0, .2, 1)
}
.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}
.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}
.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}
.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}
.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, .87);
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}
.mdl-menu__item::-moz-focus-inner {
    border: 0
}
.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}
.mdl-menu__item[data-mdl-disabled],
.mdl-menu__item[disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}
.mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdl-menu__item[disabled] .mdl-ripple {
    background: 0 0
}
.mdl-menu__item:focus,
.mdl-menu__item:hover {
    background-color: #eee
}
.mdl-menu__item:focus {
    outline: 0
}
.mdl-menu__item:active {
    background-color: #e0e0e0
}
.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}
.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}
.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}
.mdl-layout__drawer,
.mdl-layout__header,
.mdl-layout__obfuscator {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-progress>.progressbar {
    background-color: #3f51b5;
    z-index: 1;
    left: 0
}
.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #3f51b5, #3f51b5);
    z-index: 0;
    left: 0
}
.mdl-progress>.auxbar {
    right: 0
}
@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #3f51b5, #3f51b5);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}
.mdl-radio__ripple-container,
.mdl-switch__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(to right, #3f51b5, #3f51b5)
}
.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@-webkit-keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0
    }
}
@keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0
    }
}
@-webkit-keyframes indeterminate2 {
    0%, 50% {
        left: 0;
        width: 0
    }
    75% {
        left: 0;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0
    }
}
@keyframes indeterminate2 {
    0%, 50% {
        left: 0;
        width: 0
    }
    75% {
        left: 0;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0
    }
}
.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}
.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    line-height: 24px;
    opacity: .87
}
.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}
.mdl-layout.is-small-screen .mdl-layout--large-screen-only,
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}
.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}
.mdl-layout-title,
.mdl-layout__title {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400
}
.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}
.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content {
    overflow: hidden
}
.mdl-layout__drawer>* {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mdl-layout__drawer>.mdl-layout-title,
.mdl-layout__drawer>.mdl-layout__title {
    line-height: 64px;
    padding-left: 40px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__drawer>.mdl-layout-title,
    .mdl-layout__drawer>.mdl-layout__title {
        line-height: 56px;
        padding-left: 16px
    }
}
.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    padding-top: 16px
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #000;
    color: #e0e0e0
}
.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 50px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 10px 12px;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 4
}
.mdl-snackbar,
.mdl-snackbar__action {
    font-family: Roboto, Helvetica, Arial, sans-serif
}
.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: #fff;
    background-color: inherit
}
@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px
    }
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, .5)
    }
}
@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer-button,
    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}
.mdl-layout--no-drawer-button .mdl-layout__drawer-button {
    display: none
}
.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #3f51b5;
    color: #fff;
    transition-property: max-height, box-shadow
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}
@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}
.mdl-layout__header>.mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}
.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
    display: none
}
.mdl-layout__header.is-compact {
    max-height: 64px
}
.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px;
        display: none
    }
    .mdl-layout__header>.mdl-layout-icon {
        left: 16px;
        top: 12px
    }
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
    .mdl-layout--fixed-header>.mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}
.mdl-layout__header--scroll,
.mdl-layout__header--seamed {
    box-shadow: none
}
.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}
.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}
.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px
}
@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px
    }
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }
    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px
    }
}
.mdl-layout__header-row>* {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}
.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}
.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #fff;
    line-height: 64px;
    padding: 0 24px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}
.mdl-layout__tab,
.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}
.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color
}
.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, .5);
    visibility: visible
}
@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }
    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}
.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}
.mdl-layout--fixed-drawer>.mdl-layout__content {
    margin-left: 240px
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}
@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin-left: 0
    }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}
.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #3f51b5;
    overflow-y: hidden;
    overflow-x: scroll
}
.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}
.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px)
}
@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px)
    }
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}
.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}
.mdl-layout__container>.mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}
.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #3f51b5;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mdl-slider.is-upgraded,
.mdl-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        display: none;
        width: 60px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}
.mdl-layout__tab-bar-button.is-active {
    color: #fff
}
.mdl-layout__tab-bar-left-button {
    left: 0
}
.mdl-layout__tab-bar-right-button {
    right: 0
}
.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6);
    overflow: hidden
}
.mdl-radio,
.mdl-radio__button {
    line-height: 24px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: #fff
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}
.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}
.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: #fff
}
.mdl-layout__tab-panel {
    display: block
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}
.mdl-radio,
.mdl-radio__outer-circle {
    display: inline-block;
    box-sizing: border-box;
    margin: 0
}
.mdl-radio {
    position: relative;
    font-size: 16px;
    padding-left: 0
}
.mdl-radio.is-upgraded {
    padding-left: 24px
}
.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 50%;
    z-index: 2
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5
}
.mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio__inner-circle,
.mdl-radio__ripple-container {
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box
}
.mdl-radio__inner-circle {
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    background: #3f51b5
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
.mdl-radio.is-disabled .mdl-radio__inner-circle,
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}
.mdl-radio__label {
    cursor: pointer
}
.mdl-radio.is-disabled .mdl-radio__label,
fieldset[disabled] .mdl-radio .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio__ripple-container {
    z-index: 2;
    top: -9px;
    left: -13px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    overflow: hidden
}
.mdl-radio__ripple-container .mdl-ripple {
    background: #3f51b5
}
.mdl-radio.is-disabled .mdl-radio__ripple-container,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container {
    cursor: auto
}
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}
:root .mdl-slider.mdl-slider.is-upgraded,
_:-ms-input-placeholder {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}
.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}
.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: 0 0;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #3f51b5;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer
}
.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}
.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}
.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0
}
.mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none
}
.mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}
.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)
}
.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, .26) 16px, rgba(0, 0, 0, .26) 0)
}
.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #3f51b5;
    border: none;
    transition: border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1)
}
.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #3f51b5;
    border: none
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, .26)
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background: #3f51b5;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: #3f51b5;
    transform: scale(1.5)
}
.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #3f51b5;
    transform: scale(.375);
    transition: background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1)
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #3f51b5 0, #3f51b5 37.5%, rgba(63, 81, 181, .26) 37.5%, rgba(63, 81, 181, .26) 100%);
    transform: scale(1)
}
.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #3f51b5;
    transform: scale(.5625)
}
.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, .26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 9px
}
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, .26);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(0, 0, 0, .26) 66.67%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12) 100%);
    transform: scale(1)
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(.5625);
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(0, 0, 0, .26) 77.78%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
    -webkit-transform: scale(.667);
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, .26);
    left: -6px
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper,
.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    -webkit-transform: scale(.667);
    transform: scale(.667)
}
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    transform: scale(.667)
}
.mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
    transform: scale(.25);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
    transform: scale(.25);
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(0, 0, 0, .26) 50%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, .26) 25px, rgba(0, 0, 0, .26) 0)
}
.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}
.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}
.mdl-slider__container {
    height: 18px;
    position: relative;
    background: 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.mdl-slider__background-flex {
    background: 0 0;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px)
}
.mdl-slider__background-lower {
    background: #3f51b5;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}
.mdl-slider__background-upper {
    background: rgba(0, 0, 0, .26);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left .18s cubic-bezier(.4, 0, .2, 1)
}
.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    pointer-events: none
}
@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}
@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }
}
.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}
.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    color: #fff;
    float: left
}
.mdl-snackbar__action {
    background: 0 0;
    border: none;
    color: #ff4081;
    float: right;
    padding: 14px 24px 14px 12px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: 0;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}
.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}
.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}
.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}
.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1.568s linear infinite;
    animation: mdl-spinner__container-rotate 1.568s linear infinite
}
@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}
.mdl-spinner__layer-1 {
    border-color: #42a5f5
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-2 {
    border-color: #f44336
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-3 {
    border-color: #fdd835
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-4 {
    border-color: #4caf50
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}
@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    100%, 25%, 90%, from {
        opacity: .99
    }
    26%,
    89% {
        opacity: 0
    }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
    100%, 25%, 90%, from {
        opacity: .99
    }
    26%,
    89% {
        opacity: 0
    }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    15%, 51%, from {
        opacity: 0
    }
    25%,
    50% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
    15%, 51%, from {
        opacity: 0
    }
    25%,
    50% {
        opacity: .99
    }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    40%, 76%, from {
        opacity: 0
    }
    50%,
    75% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
    40%, 76%, from {
        opacity: 0
    }
    50%,
    75% {
        opacity: .99
    }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    100%, 65%, from {
        opacity: 0
    }
    75%,
    90% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
    100%, 65%, from {
        opacity: 0
    }
    75%,
    90% {
        opacity: .99
    }
}
.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}
.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}
.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent!important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent!important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
@-webkit-keyframes mdl-spinner__left-spin {
    from, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@keyframes mdl-spinner__left-spin {
    from, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@-webkit-keyframes mdl-spinner__right-spin {
    from, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}
@keyframes mdl-spinner__right-spin {
    from, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}
.mdl-switch {
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    user-select: none
}
.mdl-switch.is-upgraded {
    padding-left: 28px
}
.mdl-switch__input {
    line-height: 24px
}
.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-switch__track {
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}
.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, .5)
}
.mdl-switch.is-disabled .mdl-switch__track,
.mdl-switch__track fieldset[disabled] .mdl-switch {
    background: rgba(0, 0, 0, .12);
    cursor: auto
}
.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: left
}
.mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.mdl-switch.is-disabled .mdl-switch__thumb,
.mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: #bdbdbd;
    cursor: auto
}
.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}
.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px
}
.mdl-switch.is-disabled .mdl-switch__label,
.mdl-switch__label fieldset[disabled] .mdl-switch {
    color: #bdbdbd;
    cursor: auto
}
.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}
.mdl-switch__ripple-container .mdl-ripple {
    background: #3f51b5
}
.mdl-switch.is-disabled .mdl-switch__ripple-container,
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch {
    cursor: auto
}
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}
.mdl-tabs {
    display: block;
    width: 100%
}
.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}
.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .54);
    overflow: hidden
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, .87)
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #3f51b5;
    -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #3f51b5
}
.mdl-tabs__panel {
    display: block
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}
@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}
@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}
.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}
.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}
.mdl-textfield--align-right {
    text-align: right
}
.mdl-textfield--full-width {
    width: 100%
}
.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}
.mdl-textfield__input,
.mdl-textfield__label {
    font-size: 16px;
    width: 100%;
    text-align: left;
    display: block
}
.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 4px 0;
    background: 0 0;
    color: inherit
}
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdl-textfield__label,
fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}
.mdl-textfield__input[type=number] {
    -moz-appearance: textfield
}
.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.mdl-textfield.is-focused .mdl-textfield__input {
    outline: 0
}
.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}
.mdl-textfield.is-disabled .mdl-textfield__input,
fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}
.mdl-textfield textarea.mdl-textfield__input {
    display: block
}
.mdl-textfield__label {
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 24px;
    overflow: hidden;
    white-space: normal
}
.mdl-textfield.has-placeholder .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden
}
.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}
.mdl-textfield__expandable-holder,
.mdl-textfield__label:after {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield__error {
    color: #d50000;
    font-size: 12px
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}
.mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    visibility: hidden;
    width: 10px
}
.base-icon-facebook:before,
.icon-cookies:before {
    content: "\e900"
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}
.mdl-textfield__error {
    position: absolute;
    margin-top: 3px;
    visibility: hidden;
    display: block
}
.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}
.mdl-textfield__expandable-holder {
    position: relative;
    margin-left: 32px;
    display: inline-block;
    max-width: .1px
}
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
    max-width: 600px
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}
.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}
.mdl-tooltip.is-active {
    -webkit-animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards;
    animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards
}
.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.99);
        transform: scale(.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.99);
        transform: scale(.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}
.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}
.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}
.mdl-cell {
    box-sizing: border-box
}
.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}
.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
    margin: 0
}
.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}
.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}
.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}
.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}
.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}
.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}
.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}
.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}
.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}
.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}
.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}
@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px
    }
    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 100%
    }
    .mdl-cell--hide-phone {
        display: none!important
    }
    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}
@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px
    }
    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 50%
    }
    .mdl-cell--hide-tablet {
        display: none!important
    }
    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%
    }
    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%
    }
    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%
    }
    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%
    }
    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}
@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px
    }
    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 33.33333%
    }
    .mdl-cell--hide-desktop {
        display: none!important
    }
    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.33333%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.66667%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.33333%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.66667%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.33333%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.66667%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.33333%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.66667%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.33333%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.66667%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }
    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.33333%
    }
    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.66667%
    }
    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }
    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.33333%
    }
    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.66667%
    }
    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }
    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.33333%
    }
    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.66667%
    }
}
@font-face {
    font-family: locussolus;
    src: url(http://www.locus-solus.it/fonts/locussolus.eot?6ijs3b);
    src: url(http://www.locus-solus.it/fonts/locussolus.eot?6ijs3b#iefix) format('embedded-opentype'), url(http://www.locus-solus.it/fonts/locussolus.ttf?6ijs3b) format('truetype'), url(http://www.locus-solus.it/fonts/locussolus.woff?6ijs3b) format('woff'), url(http://www.locus-solus.it/fonts/locussolus.svg?6ijs3b#locussolus) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" icon-"],
[class^=icon-] {
    font-family: locussolus!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
[data-module=cookies][data-type=standard] {
    left: 0;
    top: auto;
    bottom: 0;
    right: auto;
    width: auto;
    height: auto;
    padding: 44px;
    display: block;
    position: fixed;
    background: 0 0
}
[data-module=cookies][data-type=standard] button#cookies_btn {
    float: right;
    padding: 4px 8px 8px;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    border: 0;
    background: 0 0;
    color: #000;
    font-family: sans-serif
}
[data-module=cookies][data-type=standard] button#cookies_btn:hover {
    background: 0 0;
    color: #000
}
[data-module=cookies][data-type=standard] #cookies_text {
    width: auto;
    float: left;
    font-family: Theinhardt, serif;
    color: #000;
    padding-top: 3px;
    font-size: 12px;
    line-height: 27px
}
[data-module=cookies][data-type=standard] #cookies_text a {
    color: #000;
    text-decoration: underline
}
[data-module=cookies][data-type=standard] #cookies_text span {
    opacity: .4
}
[data-module=cookies][data-type=standard] .icon-cookies {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
    color: #000;
    font-size: 19px
}
@font-face {
    font-family: Theinhardt;
    src: url(http://www.locus-solus.it/fonts/Theinhardt.eot);
    src: local('☺'), url(http://www.locus-solus.it/fonts/Theinhardt.woff) format('woff'), url(http://www.locus-solus.it/fonts/Theinhardt.ttf) format('truetype'), url(http://www.locus-solus.it/fonts/Theinhardt.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: TheinhardtMed;
    src: url(http://www.locus-solus.it/fonts/TheinhardtBold.eot);
    src: local('☺'), url(http://www.locus-solus.it/fonts/TheinhardtBold.woff) format('woff'), url(http://www.locus-solus.it/fonts/TheinhardtBold.ttf) format('truetype'), url(http://www.locus-solus.it/fonts/TheinhardtBold.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: TheinhardtLight;
    src: url(http://www.locus-solus.it/fonts/TheinhardtLight.eot);
    src: local('☺'), url(http://www.locus-solus.it/fonts/TheinhardtLight.woff) format('woff'), url(http://www.locus-solus.it/fonts/TheinhardtLight.ttf) format('truetype'), url(http://www.locus-solus.it/fonts/TheinhardtLight.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Cervo-Regular;
    src: url(http://www.locus-solus.it/fonts/Cervo-Regular.eot);
    src: url(http://www.locus-solus.it/fonts/Cervo-Regular.eot?#iefix) format('embedded-opentype'), url(http://www.locus-solus.it/fonts/Cervo-Regular.woff) format('woff'), url(http://www.locus-solus.it/fonts/Cervo-Regular.ttf) format('truetype'), url(http://www.locus-solus.it/fonts/Cervo-Regular.svg#fd5629fe05a0987eb94c6d4317437b5e) format('svg');
    font-style: normal;
    font-weight: 400
}
@font-face {
    font-family: Cervo-Light;
    src: url(http://www.locus-solus.it/fonts/Cervo-Thin.eot);
    src: url(http://www.locus-solus.it/fonts/Cervo-Thin.woff) format('woff'), url(http://www.locus-solus.it/fonts/Cervo-Thin.ttf) format('truetype'), url(http://www.locus-solus.it/fonts/Cervo-Thin.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: gustoso;
    src: url(http://www.locus-solus.it/fonts/gustoso.eot?8rvspp);
    src: url(http://www.locus-solus.it/fonts/gustoso.eot?8rvspp#iefix) format('embedded-opentype'), url(http://www.locus-solus.it/fonts/gustoso.ttf?8rvspp) format('truetype'), url(http://www.locus-solus.it/fonts/gustoso.woff?8rvspp) format('woff'), url(http://www.locus-solus.it/fonts/gustoso.svg?8rvspp#gustoso) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" base-icon-"],
[class^=base-icon-] {
    font-family: gustoso!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.base-icon-twitter:before {
    content: "\e901"
}
.base-icon-instagram:before {
    content: "\e902"
}
.base-icon-pinterest:before {
    content: "\e903"
}
.base-icon-vimeo:before {
    content: "\e904"
}
.base-icon-youtube:before {
    content: "\e905"
}
.base-icon-gplus:before {
    content: "\e906"
}
.base-icon-3d_rotation:before {
    content: "\e84d"
}
.base-icon-ac_unit:before {
    content: "\eb3b"
}
.base-icon-alarm:before {
    content: "\e855"
}
.base-icon-access_alarms:before {
    content: "\e191"
}
.base-icon-schedule:before {
    content: "\e8b5"
}
.base-icon-accessibility:before {
    content: "\e84e"
}
.base-icon-accessible:before {
    content: "\e914"
}
.base-icon-account_balance:before {
    content: "\e84f"
}
.base-icon-account_balance_wallet:before {
    content: "\e850"
}
.base-icon-account_box:before {
    content: "\e851"
}
.base-icon-account_circle:before {
    content: "\e853"
}
.base-icon-adb:before {
    content: "\e60e"
}
.base-icon-add:before {
    content: "\e145"
}
.base-icon-add_a_photo:before {
    content: "\e439"
}
.base-icon-alarm_add:before {
    content: "\e856"
}
.base-icon-add_alert:before {
    content: "\e003"
}
.base-icon-add_box:before {
    content: "\e146"
}
.base-icon-add_circle:before {
    content: "\e147"
}
.base-icon-control_point:before {
    content: "\e3ba"
}
.base-icon-add_location:before {
    content: "\e567"
}
.base-icon-add_shopping_cart:before {
    content: "\e854"
}
.base-icon-queue:before {
    content: "\e03c"
}
.base-icon-add_to_queue:before {
    content: "\e05c"
}
.base-icon-adjust:before {
    content: "\e39e"
}
.base-icon-airline_seat_flat:before {
    content: "\e630"
}
.base-icon-airline_seat_flat_angled:before {
    content: "\e631"
}
.base-icon-airline_seat_individual_suite:before {
    content: "\e632"
}
.base-icon-airline_seat_legroom_extra:before {
    content: "\e633"
}
.base-icon-airline_seat_legroom_normal:before {
    content: "\e634"
}
.base-icon-airline_seat_legroom_reduced:before {
    content: "\e635"
}
.base-icon-airline_seat_recline_extra:before {
    content: "\e636"
}
.base-icon-airline_seat_recline_normal:before {
    content: "\e637"
}
.base-icon-flight:before {
    content: "\e539"
}
.base-icon-airplanemode_inactive:before {
    content: "\e194"
}
.base-icon-airplay:before {
    content: "\e055"
}
.base-icon-airport_shuttle:before {
    content: "\eb3c"
}
.base-icon-alarm_off:before {
    content: "\e857"
}
.base-icon-alarm_on:before {
    content: "\e858"
}
.base-icon-album:before {
    content: "\e019"
}
.base-icon-all_inclusive:before {
    content: "\eb3d"
}
.base-icon-all_out:before {
    content: "\e90b"
}
.base-icon-android:before {
    content: "\e859"
}
.base-icon-announcement:before {
    content: "\e85a"
}
.base-icon-apps:before {
    content: "\e5c3"
}
.base-icon-archive:before {
    content: "\e149"
}
.base-icon-arrow_back:before {
    content: "\e5c4"
}
.base-icon-arrow_downward:before {
    content: "\e5db"
}
.base-icon-arrow_drop_down:before {
    content: "\e5c5"
}
.base-icon-arrow_drop_down_circle:before {
    content: "\e5c6"
}
.base-icon-arrow_drop_up:before {
    content: "\e5c7"
}
.base-icon-arrow_forward:before {
    content: "\e5c8"
}
.base-icon-arrow_upward:before {
    content: "\e5d8"
}
.base-icon-art_track:before {
    content: "\e060"
}
.base-icon-aspect_ratio:before {
    content: "\e85b"
}
.base-icon-poll:before {
    content: "\e801"
}
.base-icon-assignment:before {
    content: "\e85d"
}
.base-icon-assignment_ind:before {
    content: "\e85e"
}
.base-icon-assignment_late:before {
    content: "\e85f"
}
.base-icon-assignment_return:before {
    content: "\e860"
}
.base-icon-assignment_returned:before {
    content: "\e861"
}
.base-icon-assignment_turned_in:before {
    content: "\e862"
}
.base-icon-assistant:before {
    content: "\e39f"
}
.base-icon-flag:before {
    content: "\e153"
}
.base-icon-attach_file:before {
    content: "\e226"
}
.base-icon-attach_money:before {
    content: "\e227"
}
.base-icon-attachment:before {
    content: "\e2bc"
}
.base-icon-audiotrack:before {
    content: "\e3a1"
}
.base-icon-autorenew:before {
    content: "\e863"
}
.base-icon-av_timer:before {
    content: "\e01b"
}
.base-icon-backspace:before {
    content: "\e14a"
}
.base-icon-cloud_upload:before {
    content: "\e2c3"
}
.base-icon-battery_alert:before {
    content: "\e19c"
}
.base-icon-battery_charging_full:before {
    content: "\e1a3"
}
.base-icon-battery_std:before {
    content: "\e1a5"
}
.base-icon-battery_unknown:before {
    content: "\e1a6"
}
.base-icon-beach_access:before {
    content: "\eb3e"
}
.base-icon-beenhere:before {
    content: "\e52d"
}
.base-icon-block:before {
    content: "\e14b"
}
.base-icon-bluetooth:before {
    content: "\e1a7"
}
.base-icon-bluetooth_searching:before {
    content: "\e1aa"
}
.base-icon-bluetooth_connected:before {
    content: "\e1a8"
}
.base-icon-bluetooth_disabled:before {
    content: "\e1a9"
}
.base-icon-blur_circular:before {
    content: "\e3a2"
}
.base-icon-blur_linear:before {
    content: "\e3a3"
}
.base-icon-blur_off:before {
    content: "\e3a4"
}
.base-icon-blur_on:before {
    content: "\e3a5"
}
.base-icon-class:before {
    content: "\e86e"
}
.base-icon-turned_in:before {
    content: "\e8e6"
}
.base-icon-turned_in_not:before {
    content: "\e8e7"
}
.base-icon-border_all:before {
    content: "\e228"
}
.base-icon-border_bottom:before {
    content: "\e229"
}
.base-icon-border_clear:before {
    content: "\e22a"
}
.base-icon-border_color:before {
    content: "\e22b"
}
.base-icon-border_horizontal:before {
    content: "\e22c"
}
.base-icon-border_inner:before {
    content: "\e22d"
}
.base-icon-border_left:before {
    content: "\e22e"
}
.base-icon-border_outer:before {
    content: "\e22f"
}
.base-icon-border_right:before {
    content: "\e230"
}
.base-icon-border_style:before {
    content: "\e231"
}
.base-icon-border_top:before {
    content: "\e232"
}
.base-icon-border_vertical:before {
    content: "\e233"
}
.base-icon-branding_watermark:before {
    content: "\e06b"
}
.base-icon-brightness_1:before {
    content: "\e3a6"
}
.base-icon-brightness_2:before {
    content: "\e3a7"
}
.base-icon-brightness_3:before {
    content: "\e3a8"
}
.base-icon-brightness_4:before {
    content: "\e3a9"
}
.base-icon-brightness_low:before {
    content: "\e1ad"
}
.base-icon-brightness_medium:before {
    content: "\e1ae"
}
.base-icon-brightness_high:before {
    content: "\e1ac"
}
.base-icon-brightness_auto:before {
    content: "\e1ab"
}
.base-icon-broken_image:before {
    content: "\e3ad"
}
.base-icon-brush:before {
    content: "\e3ae"
}
.base-icon-bubble_chart:before {
    content: "\e6dd"
}
.base-icon-bug_report:before {
    content: "\e868"
}
.base-icon-build:before {
    content: "\e869"
}
.base-icon-burst_mode:before {
    content: "\e43c"
}
.base-icon-domain:before {
    content: "\e7ee"
}
.base-icon-business_center:before {
    content: "\eb3f"
}
.base-icon-cached:before {
    content: "\e86a"
}
.base-icon-cake:before {
    content: "\e7e9"
}
.base-icon-phone:before {
    content: "\e0cd"
}
.base-icon-call_end:before {
    content: "\e0b1"
}
.base-icon-call_made:before {
    content: "\e0b2"
}
.base-icon-merge_type:before {
    content: "\e252"
}
.base-icon-call_missed:before {
    content: "\e0b4"
}
.base-icon-call_missed_outgoing:before {
    content: "\e0e4"
}
.base-icon-call_received:before {
    content: "\e0b5"
}
.base-icon-call_split:before {
    content: "\e0b6"
}
.base-icon-call_to_action:before {
    content: "\e06c"
}
.base-icon-camera:before {
    content: "\e3af"
}
.base-icon-photo_camera:before {
    content: "\e412"
}
.base-icon-camera_enhance:before {
    content: "\e8fc"
}
.base-icon-camera_front:before {
    content: "\e3b1"
}
.base-icon-camera_rear:before {
    content: "\e3b2"
}
.base-icon-camera_roll:before {
    content: "\e3b3"
}
.base-icon-cancel:before {
    content: "\e5c9"
}
.base-icon-redeem:before {
    content: "\e8b1"
}
.base-icon-card_membership:before {
    content: "\e8f7"
}
.base-icon-card_travel:before {
    content: "\e8f8"
}
.base-icon-casino:before {
    content: "\eb40"
}
.base-icon-cast:before {
    content: "\e307"
}
.base-icon-cast_connected:before {
    content: "\e308"
}
.base-icon-center_focus_strong:before {
    content: "\e3b4"
}
.base-icon-center_focus_weak:before {
    content: "\e3b5"
}
.base-icon-change_history:before {
    content: "\e86b"
}
.base-icon-chat:before {
    content: "\e0b7"
}
.base-icon-chat_bubble:before {
    content: "\e0ca"
}
.base-icon-chat_bubble_outline:before {
    content: "\e0cb"
}
.base-icon-check:before {
    content: "\e5ca"
}
.base-icon-check_box:before {
    content: "\e834"
}
.base-icon-check_box_outline_blank:before {
    content: "\e835"
}
.base-icon-check_circle:before {
    content: "\e86c"
}
.base-icon-navigate_before:before {
    content: "\e408"
}
.base-icon-navigate_next:before {
    content: "\e409"
}
.base-icon-child_care:before {
    content: "\eb41"
}
.base-icon-child_friendly:before {
    content: "\eb42"
}
.base-icon-chrome_reader_mode:before {
    content: "\e86d"
}
.base-icon-close:before {
    content: "\e5cd"
}
.base-icon-clear_all:before {
    content: "\e0b8"
}
.base-icon-closed_caption:before {
    content: "\e01c"
}
.base-icon-wb_cloudy:before {
    content: "\e42d"
}
.base-icon-cloud_circle:before {
    content: "\e2be"
}
.base-icon-cloud_done:before {
    content: "\e2bf"
}
.base-icon-cloud_download:before {
    content: "\e2c0"
}
.base-icon-cloud_off:before {
    content: "\e2c1"
}
.base-icon-cloud_queue:before {
    content: "\e2c2"
}
.base-icon-code:before {
    content: "\e86f"
}
.base-icon-photo_library:before {
    content: "\e413"
}
.base-icon-collections_bookmark:before {
    content: "\e431"
}
.base-icon-palette:before {
    content: "\e40a"
}
.base-icon-colorize:before {
    content: "\e3b8"
}
.base-icon-comment:before {
    content: "\e0b9"
}
.base-icon-compare:before {
    content: "\e3b9"
}
.base-icon-compare_arrows:before {
    content: "\e915"
}
.base-icon-laptop:before {
    content: "\e31e"
}
.base-icon-confirmation_number:before {
    content: "\e638"
}
.base-icon-contact_mail:before {
    content: "\e0d0"
}
.base-icon-contact_phone:before {
    content: "\e0cf"
}
.base-icon-contacts:before {
    content: "\e0ba"
}
.base-icon-content_copy:before {
    content: "\e14d"
}
.base-icon-content_cut:before {
    content: "\e14e"
}
.base-icon-content_paste:before {
    content: "\e14f"
}
.base-icon-control_point_duplicate:before {
    content: "\e3bb"
}
.base-icon-copyright:before {
    content: "\e90c"
}
.base-icon-mode_edit:before {
    content: "\e254"
}
.base-icon-create_new_folder:before {
    content: "\e2cc"
}
.base-icon-payment:before {
    content: "\e8a1"
}
.base-icon-crop:before {
    content: "\e3be"
}
.base-icon-crop_16_9:before {
    content: "\e3bc"
}
.base-icon-crop_3_2:before {
    content: "\e3bd"
}
.base-icon-crop_landscape:before {
    content: "\e3c3"
}
.base-icon-crop_7_5:before {
    content: "\e3c0"
}
.base-icon-crop_din:before {
    content: "\e3c1"
}
.base-icon-crop_free:before {
    content: "\e3c2"
}
.base-icon-crop_original:before {
    content: "\e3c4"
}
.base-icon-crop_portrait:before {
    content: "\e3c5"
}
.base-icon-crop_rotate:before {
    content: "\e437"
}
.base-icon-crop_square:before {
    content: "\e3c6"
}
.base-icon-dashboard:before {
    content: "\e871"
}
.base-icon-data_usage:before {
    content: "\e1af"
}
.base-icon-date_range:before {
    content: "\e916"
}
.base-icon-dehaze:before {
    content: "\e3c7"
}
.base-icon-delete:before {
    content: "\e872"
}
.base-icon-delete_forever:before {
    content: "\e92b"
}
.base-icon-delete_sweep:before {
    content: "\e16c"
}
.base-icon-description:before {
    content: "\e873"
}
.base-icon-desktop_mac:before {
    content: "\e30b"
}
.base-icon-desktop_windows:before {
    content: "\e30c"
}
.base-icon-details:before {
    content: "\e3c8"
}
.base-icon-developer_board:before {
    content: "\e30d"
}
.base-icon-developer_mode:before {
    content: "\e1b0"
}
.base-icon-device_hub:before {
    content: "\e335"
}
.base-icon-phonelink:before {
    content: "\e326"
}
.base-icon-devices_other:before {
    content: "\e337"
}
.base-icon-dialer_sip:before {
    content: "\e0bb"
}
.base-icon-dialpad:before {
    content: "\e0bc"
}
.base-icon-directions:before {
    content: "\e52e"
}
.base-icon-directions_bike:before {
    content: "\e52f"
}
.base-icon-directions_boat:before {
    content: "\e532"
}
.base-icon-directions_bus:before {
    content: "\e530"
}
.base-icon-directions_car:before {
    content: "\e531"
}
.base-icon-directions_railway:before {
    content: "\e534"
}
.base-icon-directions_run:before {
    content: "\e566"
}
.base-icon-directions_transit:before {
    content: "\e535"
}
.base-icon-directions_walk:before {
    content: "\e536"
}
.base-icon-disc_full:before {
    content: "\e610"
}
.base-icon-dns:before {
    content: "\e875"
}
.base-icon-not_interested:before {
    content: "\e033"
}
.base-icon-do_not_disturb_alt:before {
    content: "\e611"
}
.base-icon-do_not_disturb_off:before {
    content: "\e643"
}
.base-icon-remove_circle:before {
    content: "\e15c"
}
.base-icon-dock:before {
    content: "\e30e"
}
.base-icon-done:before {
    content: "\e876"
}
.base-icon-done_all:before {
    content: "\e877"
}
.base-icon-donut_large:before {
    content: "\e917"
}
.base-icon-donut_small:before {
    content: "\e918"
}
.base-icon-drafts:before {
    content: "\e151"
}
.base-icon-drag_handle:before {
    content: "\e25d"
}
.base-icon-time_to_leave:before {
    content: "\e62c"
}
.base-icon-dvr:before {
    content: "\e1b2"
}
.base-icon-edit_location:before {
    content: "\e568"
}
.base-icon-eject:before {
    content: "\e8fb"
}
.base-icon-markunread:before {
    content: "\e159"
}
.base-icon-enhanced_encryption:before {
    content: "\e63f"
}
.base-icon-equalizer:before {
    content: "\e01d"
}
.base-icon-error:before {
    content: "\e000"
}
.base-icon-error_outline:before {
    content: "\e001"
}
.base-icon-euro_symbol:before {
    content: "\e926"
}
.base-icon-ev_station:before {
    content: "\e56d"
}
.base-icon-insert_invitation:before {
    content: "\e24f"
}
.base-icon-event_available:before {
    content: "\e614"
}
.base-icon-event_busy:before {
    content: "\e615"
}
.base-icon-event_note:before {
    content: "\e616"
}
.base-icon-event_seat:before {
    content: "\e907"
}
.base-icon-exit_to_app:before {
    content: "\e879"
}
.base-icon-expand_less:before {
    content: "\e5ce"
}
.base-icon-expand_more:before {
    content: "\e5cf"
}
.base-icon-explicit:before {
    content: "\e01e"
}
.base-icon-explore:before {
    content: "\e87a"
}
.base-icon-exposure:before {
    content: "\e3ca"
}
.base-icon-exposure_neg_1:before {
    content: "\e3cb"
}
.base-icon-exposure_neg_2:before {
    content: "\e3cc"
}
.base-icon-exposure_plus_1:before {
    content: "\e3cd"
}
.base-icon-exposure_plus_2:before {
    content: "\e3ce"
}
.base-icon-exposure_zero:before {
    content: "\e3cf"
}
.base-icon-extension:before {
    content: "\e87b"
}
.base-icon-face:before {
    content: "\e87c"
}
.base-icon-fast_forward:before {
    content: "\e01f"
}
.base-icon-fast_rewind:before {
    content: "\e020"
}
.base-icon-favorite:before {
    content: "\e87d"
}
.base-icon-favorite_border:before {
    content: "\e87e"
}
.base-icon-featured_play_list:before {
    content: "\e06d"
}
.base-icon-featured_video:before {
    content: "\e06e"
}
.base-icon-sms_failed:before {
    content: "\e626"
}
.base-icon-fiber_dvr:before {
    content: "\e05d"
}
.base-icon-fiber_manual_record:before {
    content: "\e061"
}
.base-icon-fiber_new:before {
    content: "\e05e"
}
.base-icon-fiber_pin:before {
    content: "\e06a"
}
.base-icon-fiber_smart_record:before {
    content: "\e062"
}
.base-icon-get_app:before {
    content: "\e884"
}
.base-icon-file_upload:before {
    content: "\e2c6"
}
.base-icon-filter:before {
    content: "\e3d3"
}
.base-icon-filter_1:before {
    content: "\e3d0"
}
.base-icon-filter_2:before {
    content: "\e3d1"
}
.base-icon-filter_3:before {
    content: "\e3d2"
}
.base-icon-filter_4:before {
    content: "\e3d4"
}
.base-icon-filter_5:before {
    content: "\e3d5"
}
.base-icon-filter_6:before {
    content: "\e3d6"
}
.base-icon-filter_7:before {
    content: "\e3d7"
}
.base-icon-filter_8:before {
    content: "\e3d8"
}
.base-icon-filter_9:before {
    content: "\e3d9"
}
.base-icon-filter_9_plus:before {
    content: "\e3da"
}
.base-icon-filter_b_and_w:before {
    content: "\e3db"
}
.base-icon-filter_center_focus:before {
    content: "\e3dc"
}
.base-icon-filter_drama:before {
    content: "\e3dd"
}
.base-icon-filter_frames:before {
    content: "\e3de"
}
.base-icon-terrain:before {
    content: "\e564"
}
.base-icon-filter_list:before {
    content: "\e152"
}
.base-icon-filter_none:before {
    content: "\e3e0"
}
.base-icon-filter_tilt_shift:before {
    content: "\e3e2"
}
.base-icon-filter_vintage:before {
    content: "\e3e3"
}
.base-icon-find_in_page:before {
    content: "\e880"
}
.base-icon-find_replace:before {
    content: "\e881"
}
.base-icon-fingerprint:before {
    content: "\e90d"
}
.base-icon-first_page:before {
    content: "\e5dc"
}
.base-icon-fitness_center:before {
    content: "\eb43"
}
.base-icon-flare:before {
    content: "\e3e4"
}
.base-icon-flash_auto:before {
    content: "\e3e5"
}
.base-icon-flash_off:before {
    content: "\e3e6"
}
.base-icon-flash_on:before {
    content: "\e3e7"
}
.base-icon-flight_land:before {
    content: "\e908"
}
.base-icon-flight_takeoff:before {
    content: "\e909"
}
.base-icon-flip:before {
    content: "\e3e8"
}
.base-icon-flip_to_back:before {
    content: "\e882"
}
.base-icon-flip_to_front:before {
    content: "\e883"
}
.base-icon-folder:before {
    content: "\e2c7"
}
.base-icon-folder_open:before {
    content: "\e2c8"
}
.base-icon-folder_shared:before {
    content: "\e2c9"
}
.base-icon-folder_special:before {
    content: "\e617"
}
.base-icon-font_download:before {
    content: "\e167"
}
.base-icon-format_align_center:before {
    content: "\e234"
}
.base-icon-format_align_justify:before {
    content: "\e235"
}
.base-icon-format_align_left:before {
    content: "\e236"
}
.base-icon-format_align_right:before {
    content: "\e237"
}
.base-icon-format_bold:before {
    content: "\e238"
}
.base-icon-format_clear:before {
    content: "\e239"
}
.base-icon-format_color_fill:before {
    content: "\e23a"
}
.base-icon-format_color_reset:before {
    content: "\e23b"
}
.base-icon-format_color_text:before {
    content: "\e23c"
}
.base-icon-format_indent_decrease:before {
    content: "\e23d"
}
.base-icon-format_indent_increase:before {
    content: "\e23e"
}
.base-icon-format_italic:before {
    content: "\e23f"
}
.base-icon-format_line_spacing:before {
    content: "\e240"
}
.base-icon-format_list_bulleted:before {
    content: "\e241"
}
.base-icon-format_list_numbered:before {
    content: "\e242"
}
.base-icon-format_paint:before {
    content: "\e243"
}
.base-icon-format_quote:before {
    content: "\e244"
}
.base-icon-format_shapes:before {
    content: "\e25e"
}
.base-icon-format_size:before {
    content: "\e245"
}
.base-icon-format_strikethrough:before {
    content: "\e246"
}
.base-icon-format_textdirection_l_to_r:before {
    content: "\e247"
}
.base-icon-format_textdirection_r_to_l:before {
    content: "\e248"
}
.base-icon-format_underlined:before {
    content: "\e249"
}
.base-icon-question_answer:before {
    content: "\e8af"
}
.base-icon-forward:before {
    content: "\e154"
}
.base-icon-forward_10:before {
    content: "\e056"
}
.base-icon-forward_30:before {
    content: "\e057"
}
.base-icon-forward_5:before {
    content: "\e058"
}
.base-icon-free_breakfast:before {
    content: "\eb44"
}
.base-icon-fullscreen:before {
    content: "\e5d0"
}
.base-icon-fullscreen_exit:before {
    content: "\e5d1"
}
.base-icon-functions:before {
    content: "\e24a"
}
.base-icon-g_translate:before {
    content: "\e927"
}
.base-icon-games:before {
    content: "\e021"
}
.base-icon-gavel:before {
    content: "\e90e"
}
.base-icon-gesture:before {
    content: "\e155"
}
.base-icon-gif:before {
    content: "\e90a"
}
.base-icon-goat:before {
    content: "\e90f"
}
.base-icon-golf_course:before {
    content: "\eb45"
}
.base-icon-my_location:before {
    content: "\e55c"
}
.base-icon-location_searching:before {
    content: "\e1b7"
}
.base-icon-location_disabled:before {
    content: "\e1b6"
}
.base-icon-star:before {
    content: "\e838"
}
.base-icon-gradient:before {
    content: "\e3e9"
}
.base-icon-grain:before {
    content: "\e3ea"
}
.base-icon-graphic_eq:before {
    content: "\e1b8"
}
.base-icon-grid_off:before {
    content: "\e3eb"
}
.base-icon-grid_on:before {
    content: "\e3ec"
}
.base-icon-people:before {
    content: "\e7fb"
}
.base-icon-group_add:before {
    content: "\e7f0"
}
.base-icon-group_work:before {
    content: "\e886"
}
.base-icon-hd:before {
    content: "\e052"
}
.base-icon-hdr_off:before {
    content: "\e3ed"
}
.base-icon-hdr_on:before {
    content: "\e3ee"
}
.base-icon-hdr_strong:before {
    content: "\e3f1"
}
.base-icon-hdr_weak:before {
    content: "\e3f2"
}
.base-icon-headset:before {
    content: "\e310"
}
.base-icon-headset_mic:before {
    content: "\e311"
}
.base-icon-healing:before {
    content: "\e3f3"
}
.base-icon-hearing:before {
    content: "\e023"
}
.base-icon-help:before {
    content: "\e887"
}
.base-icon-help_outline:before {
    content: "\e8fd"
}
.base-icon-high_quality:before {
    content: "\e024"
}
.base-icon-highlight:before {
    content: "\e25f"
}
.base-icon-highlight_off:before {
    content: "\e888"
}
.base-icon-restore:before {
    content: "\e8b3"
}
.base-icon-home:before {
    content: "\e88a"
}
.base-icon-hot_tub:before {
    content: "\eb46"
}
.base-icon-local_hotel:before {
    content: "\e549"
}
.base-icon-hourglass_empty:before {
    content: "\e88b"
}
.base-icon-hourglass_full:before {
    content: "\e88c"
}
.base-icon-http:before {
    content: "\e910"
}
.base-icon-lock:before {
    content: "\e897"
}
.base-icon-photo:before {
    content: "\e410"
}
.base-icon-image_aspect_ratio:before {
    content: "\e3f5"
}
.base-icon-import_contacts:before {
    content: "\e0e0"
}
.base-icon-import_export:before {
    content: "\e0c3"
}
.base-icon-important_devices:before {
    content: "\e912"
}
.base-icon-inbox:before {
    content: "\e156"
}
.base-icon-indeterminate_check_box:before {
    content: "\e911"
}
.base-icon-info:before {
    content: "\e88e"
}
.base-icon-info_outline:before {
    content: "\e88f"
}
.base-icon-input:before {
    content: "\e890"
}
.base-icon-insert_comment:before {
    content: "\e24c"
}
.base-icon-insert_drive_file:before {
    content: "\e24d"
}
.base-icon-tag_faces:before {
    content: "\e420"
}
.base-icon-link:before {
    content: "\e157"
}
.base-icon-invert_colors:before {
    content: "\e891"
}
.base-icon-invert_colors_off:before {
    content: "\e0c4"
}
.base-icon-iso:before {
    content: "\e3f6"
}
.base-icon-keyboard:before {
    content: "\e312"
}
.base-icon-keyboard_arrow_down:before {
    content: "\e313"
}
.base-icon-keyboard_arrow_left:before {
    content: "\e314"
}
.base-icon-keyboard_arrow_right:before {
    content: "\e315"
}
.base-icon-keyboard_arrow_up:before {
    content: "\e316"
}
.base-icon-keyboard_backspace:before {
    content: "\e317"
}
.base-icon-keyboard_backspace_forward:before {
    content: "\e319"
}
.base-icon-keyboard_capslock:before {
    content: "\e318"
}
.base-icon-keyboard_hide:before {
    content: "\e31a"
}
.base-icon-keyboard_return:before {
    content: "\e31b"
}
.base-icon-keyboard_tab:before {
    content: "\e31c"
}
.base-icon-keyboard_voice:before {
    content: "\e31d"
}
.base-icon-kitchen:before {
    content: "\eb47"
}
.base-icon-label:before {
    content: "\e892"
}
.base-icon-label_outline:before {
    content: "\e893"
}
.base-icon-language:before {
    content: "\e894"
}
.base-icon-laptop_chromebook:before {
    content: "\e31f"
}
.base-icon-laptop_mac:before {
    content: "\e320"
}
.base-icon-laptop_windows:before {
    content: "\e321"
}
.base-icon-last_page:before {
    content: "\e5dd"
}
.base-icon-open_in_new:before {
    content: "\e89e"
}
.base-icon-layers:before {
    content: "\e53b"
}
.base-icon-layers_clear:before {
    content: "\e53c"
}
.base-icon-leak_add:before {
    content: "\e3f8"
}
.base-icon-leak_remove:before {
    content: "\e3f9"
}
.base-icon-lens:before {
    content: "\e3fa"
}
.base-icon-library_books:before {
    content: "\e02f"
}
.base-icon-library_music:before {
    content: "\e030"
}
.base-icon-lightbulb_outline:before {
    content: "\e913"
}
.base-icon-line_style:before {
    content: "\e919"
}
.base-icon-line_weight:before {
    content: "\e91a"
}
.base-icon-linear_scale:before {
    content: "\e260"
}
.base-icon-linked_camera:before {
    content: "\e438"
}
.base-icon-list:before {
    content: "\e896"
}
.base-icon-live_help:before {
    content: "\e0c6"
}
.base-icon-live_tv:before {
    content: "\e639"
}
.base-icon-local_play:before {
    content: "\e553"
}
.base-icon-local_airport:before {
    content: "\e53d"
}
.base-icon-local_atm:before {
    content: "\e53e"
}
.base-icon-local_bar:before {
    content: "\e540"
}
.base-icon-local_cafe:before {
    content: "\e541"
}
.base-icon-local_car_wash:before {
    content: "\e542"
}
.base-icon-local_convenience_store:before {
    content: "\e543"
}
.base-icon-restaurant_menu:before {
    content: "\e561"
}
.base-icon-local_drink:before {
    content: "\e544"
}
.base-icon-local_florist:before {
    content: "\e545"
}
.base-icon-local_gas_station:before {
    content: "\e546"
}
.base-icon-shopping_cart:before {
    content: "\e8cc"
}
.base-icon-local_hospital:before {
    content: "\e548"
}
.base-icon-local_laundry_service:before {
    content: "\e54a"
}
.base-icon-local_library:before {
    content: "\e54b"
}
.base-icon-local_mall:before {
    content: "\e54c"
}
.base-icon-theaters:before {
    content: "\e8da"
}
.base-icon-local_offer:before {
    content: "\e54e"
}
.base-icon-local_parking:before {
    content: "\e54f"
}
.base-icon-local_pharmacy:before {
    content: "\e550"
}
.base-icon-local_pizza:before {
    content: "\e552"
}
.base-icon-print:before {
    content: "\e8ad"
}
.base-icon-local_shipping:before {
    content: "\e558"
}
.base-icon-local_taxi:before {
    content: "\e559"
}
.base-icon-location_city:before {
    content: "\e7f1"
}
.base-icon-location_off:before {
    content: "\e0c7"
}
.base-icon-room:before {
    content: "\e8b4"
}
.base-icon-lock_open:before {
    content: "\e898"
}
.base-icon-lock_outline:before {
    content: "\e899"
}
.base-icon-looks:before {
    content: "\e3fc"
}
.base-icon-looks_3:before {
    content: "\e3fb"
}
.base-icon-looks_4:before {
    content: "\e3fd"
}
.base-icon-looks_5:before {
    content: "\e3fe"
}
.base-icon-looks_6:before {
    content: "\e3ff"
}
.base-icon-looks_one:before {
    content: "\e400"
}
.base-icon-looks_two:before {
    content: "\e401"
}
.base-icon-sync:before {
    content: "\e627"
}
.base-icon-loupe:before {
    content: "\e402"
}
.base-icon-low_priority:before {
    content: "\e16d"
}
.base-icon-loyalty:before {
    content: "\e89a"
}
.base-icon-mail_outline:before {
    content: "\e0e1"
}
.base-icon-map:before {
    content: "\e55b"
}
.base-icon-markunread_mailbox:before {
    content: "\e89b"
}
.base-icon-memory:before {
    content: "\e322"
}
.base-icon-menu:before {
    content: "\e5d2"
}
.base-icon-message:before {
    content: "\e0c9"
}
.base-icon-mic:before {
    content: "\e029"
}
.base-icon-mic_none:before {
    content: "\e02a"
}
.base-icon-mic_off:before {
    content: "\e02b"
}
.base-icon-mms:before {
    content: "\e618"
}
.base-icon-mode_comment:before {
    content: "\e253"
}
.base-icon-monetization_on:before {
    content: "\e263"
}
.base-icon-money_off:before {
    content: "\e25c"
}
.base-icon-monochrome_photos:before {
    content: "\e403"
}
.base-icon-mood_bad:before {
    content: "\e7f3"
}
.base-icon-more:before {
    content: "\e619"
}
.base-icon-more_horiz:before {
    content: "\e5d3"
}
.base-icon-more_vert:before {
    content: "\e5d4"
}
.base-icon-motorcycle:before {
    content: "\e91b"
}
.base-icon-mouse:before {
    content: "\e323"
}
.base-icon-move_to_inbox:before {
    content: "\e168"
}
.base-icon-movie_creation:before {
    content: "\e404"
}
.base-icon-movie_filter:before {
    content: "\e43a"
}
.base-icon-multiline_chart:before {
    content: "\e6df"
}
.base-icon-music_note:before {
    content: "\e405"
}
.base-icon-music_video:before {
    content: "\e063"
}
.base-icon-nature:before {
    content: "\e406"
}
.base-icon-nature_people:before {
    content: "\e407"
}
.base-icon-navigation:before {
    content: "\e55d"
}
.base-icon-near_me:before {
    content: "\e569"
}
.base-icon-network_cell:before {
    content: "\e1b9"
}
.base-icon-network_check:before {
    content: "\e640"
}
.base-icon-network_locked:before {
    content: "\e61a"
}
.base-icon-network_wifi:before {
    content: "\e1ba"
}
.base-icon-new_releases:before {
    content: "\e031"
}
.base-icon-next_week:before {
    content: "\e16a"
}
.base-icon-nfc:before {
    content: "\e1bb"
}
.base-icon-no_encryption:before {
    content: "\e641"
}
.base-icon-signal_cellular_no_sim:before {
    content: "\e1ce"
}
.base-icon-note:before {
    content: "\e06f"
}
.base-icon-note_add:before {
    content: "\e89c"
}
.base-icon-notifications:before {
    content: "\e7f4"
}
.base-icon-notifications_active:before {
    content: "\e7f7"
}
.base-icon-notifications_none:before {
    content: "\e7f5"
}
.base-icon-notifications_off:before {
    content: "\e7f6"
}
.base-icon-notifications_paused:before {
    content: "\e7f8"
}
.base-icon-offline_pin:before {
    content: "\e91c"
}
.base-icon-ondemand_video:before {
    content: "\e63a"
}
.base-icon-opacity:before {
    content: "\e91d"
}
.base-icon-open_in_browser:before {
    content: "\e89d"
}
.base-icon-open_with:before {
    content: "\e89f"
}
.base-icon-pages:before {
    content: "\e7f9"
}
.base-icon-pageview:before {
    content: "\e8a0"
}
.base-icon-pan_tool:before {
    content: "\e925"
}
.base-icon-panorama:before {
    content: "\e40b"
}
.base-icon-radio_button_unchecked:before {
    content: "\e836"
}
.base-icon-panorama_horizontal:before {
    content: "\e40d"
}
.base-icon-panorama_vertical:before {
    content: "\e40e"
}
.base-icon-panorama_wide_angle:before {
    content: "\e40f"
}
.base-icon-party_mode:before {
    content: "\e7fa"
}
.base-icon-pause:before {
    content: "\e034"
}
.base-icon-pause_circle_filled:before {
    content: "\e035"
}
.base-icon-pause_circle_outline:before {
    content: "\e036"
}
.base-icon-people_outline:before {
    content: "\e7fc"
}
.base-icon-perm_camera_mic:before {
    content: "\e8a2"
}
.base-icon-perm_contact_calendar:before {
    content: "\e8a3"
}
.base-icon-perm_data_setting:before {
    content: "\e8a4"
}
.base-icon-perm_device_information:before {
    content: "\e8a5"
}
.base-icon-person_outline:before {
    content: "\e7ff"
}
.base-icon-perm_media:before {
    content: "\e8a7"
}
.base-icon-perm_phone_msg:before {
    content: "\e8a8"
}
.base-icon-perm_scan_wifi:before {
    content: "\e8a9"
}
.base-icon-person:before {
    content: "\e7fd"
}
.base-icon-person_add:before {
    content: "\e7fe"
}
.base-icon-person_pin:before {
    content: "\e55a"
}
.base-icon-person_pin_circle:before {
    content: "\e56a"
}
.base-icon-personal_video:before {
    content: "\e63b"
}
.base-icon-pets:before {
    content: "\e91e"
}
.base-icon-phone_android:before {
    content: "\e324"
}
.base-icon-phone_bluetooth_speaker:before {
    content: "\e61b"
}
.base-icon-phone_forwarded:before {
    content: "\e61c"
}
.base-icon-phone_in_talk:before {
    content: "\e61d"
}
.base-icon-phone_iphone:before {
    content: "\e325"
}
.base-icon-phone_locked:before {
    content: "\e61e"
}
.base-icon-phone_missed:before {
    content: "\e61f"
}
.base-icon-phone_paused:before {
    content: "\e620"
}
.base-icon-phonelink_erase:before {
    content: "\e0db"
}
.base-icon-phonelink_lock:before {
    content: "\e0dc"
}
.base-icon-phonelink_off:before {
    content: "\e327"
}
.base-icon-phonelink_ring:before {
    content: "\e0dd"
}
.base-icon-phonelink_setup:before {
    content: "\e0de"
}
.base-icon-photo_album:before {
    content: "\e411"
}
.base-icon-photo_filter:before {
    content: "\e43b"
}
.base-icon-photo_size_select_actual:before {
    content: "\e432"
}
.base-icon-photo_size_select_large:before {
    content: "\e433"
}
.base-icon-photo_size_select_small:before {
    content: "\e434"
}
.base-icon-picture_as_pdf:before {
    content: "\e415"
}
.base-icon-picture_in_picture:before {
    content: "\e8aa"
}
.base-icon-picture_in_picture_alt:before {
    content: "\e91f"
}
.base-icon-pie_chart:before {
    content: "\e6c4"
}
.base-icon-pie_chart_outlined:before {
    content: "\e6c5"
}
.base-icon-pin_drop:before {
    content: "\e55e"
}
.base-icon-play_arrow:before {
    content: "\e037"
}
.base-icon-play_circle_filled:before {
    content: "\e038"
}
.base-icon-play_circle_outline:before {
    content: "\e039"
}
.base-icon-play_for_work:before {
    content: "\e920"
}
.base-icon-playlist_add:before {
    content: "\e03b"
}
.base-icon-playlist_add_check:before {
    content: "\e065"
}
.base-icon-playlist_play:before {
    content: "\e05f"
}
.base-icon-plus_one:before {
    content: "\e800"
}
.base-icon-polymer:before {
    content: "\e8ab"
}
.base-icon-pool:before {
    content: "\eb48"
}
.base-icon-portable_wifi_off:before {
    content: "\e0ce"
}
.base-icon-portrait:before {
    content: "\e416"
}
.base-icon-power:before {
    content: "\e63c"
}
.base-icon-power_input:before {
    content: "\e336"
}
.base-icon-power_settings_new:before {
    content: "\e8ac"
}
.base-icon-pregnant_woman:before {
    content: "\e921"
}
.base-icon-present_to_all:before {
    content: "\e0df"
}
.base-icon-priority_high:before {
    content: "\e645"
}
.base-icon-public:before {
    content: "\e80b"
}
.base-icon-publish:before {
    content: "\e255"
}
.base-icon-queue_music:before {
    content: "\e03d"
}
.base-icon-queue_play_next:before {
    content: "\e066"
}
.base-icon-radio:before {
    content: "\e03e"
}
.base-icon-radio_button_checked:before {
    content: "\e837"
}
.base-icon-rate_review:before {
    content: "\e560"
}
.base-icon-receipt:before {
    content: "\e8b0"
}
.base-icon-recent_actors:before {
    content: "\e03f"
}
.base-icon-record_voice_over:before {
    content: "\e922"
}
.base-icon-redo:before {
    content: "\e15a"
}
.base-icon-refresh:before {
    content: "\e5d5"
}
.base-icon-remove:before {
    content: "\e15b"
}
.base-icon-remove_circle_outline:before {
    content: "\e15d"
}
.base-icon-remove_from_queue:before {
    content: "\e067"
}
.base-icon-visibility:before {
    content: "\e8f4"
}
.base-icon-remove_shopping_cart:before {
    content: "\e928"
}
.base-icon-reorder:before {
    content: "\e8fe"
}
.base-icon-repeat:before {
    content: "\e040"
}
.base-icon-repeat_one:before {
    content: "\e041"
}
.base-icon-replay:before {
    content: "\e042"
}
.base-icon-replay_10:before {
    content: "\e059"
}
.base-icon-replay_30:before {
    content: "\e05a"
}
.base-icon-replay_5:before {
    content: "\e05b"
}
.base-icon-reply:before {
    content: "\e15e"
}
.base-icon-reply_all:before {
    content: "\e15f"
}
.base-icon-report:before {
    content: "\e160"
}
.base-icon-warning:before {
    content: "\e002"
}
.base-icon-restaurant:before {
    content: "\e56c"
}
.base-icon-restore_page:before {
    content: "\e929"
}
.base-icon-ring_volume:before {
    content: "\e0d1"
}
.base-icon-room_service:before {
    content: "\eb49"
}
.base-icon-rotate_90_degrees_ccw:before {
    content: "\e418"
}
.base-icon-rotate_left:before {
    content: "\e419"
}
.base-icon-rotate_right:before {
    content: "\e41a"
}
.base-icon-rounded_corner:before {
    content: "\e923"
}
.base-icon-router:before {
    content: "\e328"
}
.base-icon-rowing:before {
    content: "\e924"
}
.base-icon-rss_feed:before {
    content: "\e0e5"
}
.base-icon-rv_hookup:before {
    content: "\e642"
}
.base-icon-satellite:before {
    content: "\e562"
}
.base-icon-save:before {
    content: "\e161"
}
.base-icon-scanner:before {
    content: "\e329"
}
.base-icon-school:before {
    content: "\e80c"
}
.base-icon-screen_lock_landscape:before {
    content: "\e1be"
}
.base-icon-screen_lock_portrait:before {
    content: "\e1bf"
}
.base-icon-screen_lock_rotation:before {
    content: "\e1c0"
}
.base-icon-screen_rotation:before {
    content: "\e1c1"
}
.base-icon-screen_share:before {
    content: "\e0e2"
}
.base-icon-sd_storage:before {
    content: "\e1c2"
}
.base-icon-search:before {
    content: "\e8b6"
}
.base-icon-security:before {
    content: "\e32a"
}
.base-icon-select_all:before {
    content: "\e162"
}
.base-icon-send:before {
    content: "\e163"
}
.base-icon-sentiment_dissatisfied:before {
    content: "\e811"
}
.base-icon-sentiment_neutral:before {
    content: "\e812"
}
.base-icon-sentiment_satisfied:before {
    content: "\e813"
}
.base-icon-sentiment_very_dissatisfied:before {
    content: "\e814"
}
.base-icon-sentiment_very_satisfied:before {
    content: "\e815"
}
.base-icon-settings:before {
    content: "\e8b8"
}
.base-icon-settings_applications:before {
    content: "\e8b9"
}
.base-icon-settings_backup_restore:before {
    content: "\e8ba"
}
.base-icon-settings_bluetooth:before {
    content: "\e8bb"
}
.base-icon-settings_brightness:before {
    content: "\e8bd"
}
.base-icon-settings_cell:before {
    content: "\e8bc"
}
.base-icon-settings_ethernet:before {
    content: "\e8be"
}
.base-icon-settings_input_antenna:before {
    content: "\e8bf"
}
.base-icon-settings_input_composite:before {
    content: "\e8c1"
}
.base-icon-settings_input_hdmi:before {
    content: "\e8c2"
}
.base-icon-settings_input_svideo:before {
    content: "\e8c3"
}
.base-icon-settings_overscan:before {
    content: "\e8c4"
}
.base-icon-settings_phone:before {
    content: "\e8c5"
}
.base-icon-settings_power:before {
    content: "\e8c6"
}
.base-icon-settings_remote:before {
    content: "\e8c7"
}
.base-icon-settings_system_daydream:before {
    content: "\e1c3"
}
.base-icon-settings_voice:before {
    content: "\e8c8"
}
.base-icon-share:before {
    content: "\e80d"
}
.base-icon-shop:before {
    content: "\e8c9"
}
.base-icon-shop_two:before {
    content: "\e8ca"
}
.base-icon-shopping_basket:before {
    content: "\e8cb"
}
.base-icon-short_text:before {
    content: "\e261"
}
.base-icon-show_chart:before {
    content: "\e6e1"
}
.base-icon-shuffle:before {
    content: "\e043"
}
.base-icon-signal_cellular_4_bar:before {
    content: "\e1c8"
}
.base-icon-signal_cellular_connected_no_internet_4_bar:before {
    content: "\e1cd"
}
.base-icon-signal_cellular_null:before {
    content: "\e1cf"
}
.base-icon-signal_cellular_off:before {
    content: "\e1d0"
}
.base-icon-signal_wifi_4_bar:before {
    content: "\e1d8"
}
.base-icon-signal_wifi_4_bar_lock:before {
    content: "\e1d9"
}
.base-icon-signal_wifi_off:before {
    content: "\e1da"
}
.base-icon-sim_card:before {
    content: "\e32b"
}
.base-icon-sim_card_alert:before {
    content: "\e624"
}
.base-icon-skip_next:before {
    content: "\e044"
}
.base-icon-skip_previous:before {
    content: "\e045"
}
.base-icon-slideshow:before {
    content: "\e41b"
}
.base-icon-slow_motion_video:before {
    content: "\e068"
}
.base-icon-stay_primary_portrait:before {
    content: "\e0d6"
}
.base-icon-smoke_free:before {
    content: "\eb4a"
}
.base-icon-smoking_rooms:before {
    content: "\eb4b"
}
.base-icon-textsms:before {
    content: "\e0d8"
}
.base-icon-snooze:before {
    content: "\e046"
}
.base-icon-sort:before {
    content: "\e164"
}
.base-icon-sort_by_alpha:before {
    content: "\e053"
}
.base-icon-spa:before {
    content: "\eb4c"
}
.base-icon-space_bar:before {
    content: "\e256"
}
.base-icon-speaker:before {
    content: "\e32d"
}
.base-icon-speaker_group:before {
    content: "\e32e"
}
.base-icon-speaker_notes:before {
    content: "\e8cd"
}
.base-icon-speaker_notes_off:before {
    content: "\e92a"
}
.base-icon-speaker_phone:before {
    content: "\e0d2"
}
.base-icon-spellcheck:before {
    content: "\e8ce"
}
.base-icon-star_border:before {
    content: "\e83a"
}
.base-icon-star_half:before {
    content: "\e839"
}
.base-icon-stars:before {
    content: "\e8d0"
}
.base-icon-stay_primary_landscape:before {
    content: "\e0d5"
}
.base-icon-stop:before {
    content: "\e047"
}
.base-icon-stop_screen_share:before {
    content: "\e0e3"
}
.base-icon-storage:before {
    content: "\e1db"
}
.base-icon-store_mall_directory:before {
    content: "\e563"
}
.base-icon-straighten:before {
    content: "\e41c"
}
.base-icon-streetview:before {
    content: "\e56e"
}
.base-icon-strikethrough_s:before {
    content: "\e257"
}
.base-icon-style:before {
    content: "\e41d"
}
.base-icon-subdirectory_arrow_left:before {
    content: "\e5d9"
}
.base-icon-subdirectory_arrow_right:before {
    content: "\e5da"
}
.base-icon-subject:before {
    content: "\e8d2"
}
.base-icon-subscriptions:before {
    content: "\e064"
}
.base-icon-subtitles:before {
    content: "\e048"
}
.base-icon-subway:before {
    content: "\e56f"
}
.base-icon-supervisor_account:before {
    content: "\e8d3"
}
.base-icon-surround_sound:before {
    content: "\e049"
}
.base-icon-swap_calls:before {
    content: "\e0d7"
}
.base-icon-swap_horiz:before {
    content: "\e8d4"
}
.base-icon-swap_vert:before {
    content: "\e8d5"
}
.base-icon-swap_vertical_circle:before {
    content: "\e8d6"
}
.base-icon-switch_camera:before {
    content: "\e41e"
}
.base-icon-switch_video:before {
    content: "\e41f"
}
.base-icon-sync_disabled:before {
    content: "\e628"
}
.base-icon-sync_problem:before {
    content: "\e629"
}
.base-icon-system_update:before {
    content: "\e62a"
}
.base-icon-system_update_alt:before {
    content: "\e8d7"
}
.base-icon-tab:before {
    content: "\e8d8"
}
.base-icon-tab_unselected:before {
    content: "\e8d9"
}
.base-icon-tablet:before {
    content: "\e32f"
}
.base-icon-tablet_android:before {
    content: "\e330"
}
.base-icon-tablet_mac:before {
    content: "\e331"
}
.base-icon-tap_and_play:before {
    content: "\e62b"
}
.base-icon-text_fields:before {
    content: "\e262"
}
.base-icon-text_format:before {
    content: "\e165"
}
.base-icon-texture:before {
    content: "\e421"
}
.base-icon-thumb_down:before {
    content: "\e8db"
}
.base-icon-thumb_up:before {
    content: "\e8dc"
}
.base-icon-thumbs_up_down:before {
    content: "\e8dd"
}
.base-icon-timelapse:before {
    content: "\e422"
}
.base-icon-timeline:before {
    content: "\e92c"
}
.base-icon-timer:before {
    content: "\e425"
}
.base-icon-timer_10:before {
    content: "\e423"
}
.base-icon-timer_3:before {
    content: "\e424"
}
.base-icon-timer_off:before {
    content: "\e426"
}
.base-icon-title:before {
    content: "\e264"
}
.base-icon-toc:before {
    content: "\e8de"
}
.base-icon-today:before {
    content: "\e8df"
}
.base-icon-toll:before {
    content: "\e8e0"
}
.base-icon-tonality:before {
    content: "\e427"
}
.base-icon-touch_app:before {
    content: "\e92d"
}
.base-icon-toys:before {
    content: "\e332"
}
.base-icon-track_changes:before {
    content: "\e8e1"
}
.base-icon-traffic:before {
    content: "\e565"
}
.base-icon-train:before {
    content: "\e570"
}
.base-icon-tram:before {
    content: "\e571"
}
.base-icon-transfer_within_a_station:before {
    content: "\e572"
}
.base-icon-transform:before {
    content: "\e428"
}
.base-icon-translate:before {
    content: "\e8e2"
}
.base-icon-trending_down:before {
    content: "\e8e3"
}
.base-icon-trending_flat:before {
    content: "\e8e4"
}
.base-icon-trending_up:before {
    content: "\e8e5"
}
.base-icon-tune:before {
    content: "\e429"
}
.base-icon-tv:before {
    content: "\e333"
}
.base-icon-unarchive:before {
    content: "\e169"
}
.base-icon-undo:before {
    content: "\e166"
}
.base-icon-unfold_less:before {
    content: "\e5d6"
}
.base-icon-unfold_more:before {
    content: "\e5d7"
}
.base-icon-update:before {
    content: "\e92e"
}
.base-icon-usb:before {
    content: "\e1e0"
}
.base-icon-verified_user:before {
    content: "\e8e8"
}
.base-icon-vertical_align_bottom:before {
    content: "\e258"
}
.base-icon-vertical_align_center:before {
    content: "\e259"
}
.base-icon-vertical_align_top:before {
    content: "\e25a"
}
.base-icon-vibration:before {
    content: "\e62d"
}
.base-icon-video_call:before {
    content: "\e070"
}
.base-icon-video_label:before {
    content: "\e071"
}
.base-icon-video_library:before {
    content: "\e04a"
}
.base-icon-videocam:before {
    content: "\e04b"
}
.base-icon-videocam_off:before {
    content: "\e04c"
}
.base-icon-videogame_asset:before {
    content: "\e338"
}
.base-icon-view_agenda:before {
    content: "\e8e9"
}
.base-icon-view_array:before {
    content: "\e8ea"
}
.base-icon-view_carousel:before {
    content: "\e8eb"
}
.base-icon-view_column:before {
    content: "\e8ec"
}
.base-icon-view_comfy:before {
    content: "\e42a"
}
.base-icon-view_compact:before {
    content: "\e42b"
}
.base-icon-view_day:before {
    content: "\e8ed"
}
.base-icon-view_headline:before {
    content: "\e8ee"
}
.base-icon-view_list:before {
    content: "\e8ef"
}
.base-icon-view_module:before {
    content: "\e8f0"
}
.base-icon-view_quilt:before {
    content: "\e8f1"
}
.base-icon-view_stream:before {
    content: "\e8f2"
}
.base-icon-view_week:before {
    content: "\e8f3"
}
.base-icon-vignette:before {
    content: "\e435"
}
.base-icon-visibility_off:before {
    content: "\e8f5"
}
.base-icon-voice_chat:before {
    content: "\e62e"
}
.base-icon-voicemail:before {
    content: "\e0d9"
}
.base-icon-volume_down:before {
    content: "\e04d"
}
.base-icon-volume_mute:before {
    content: "\e04e"
}
.base-icon-volume_off:before {
    content: "\e04f"
}
.base-icon-volume_up:before {
    content: "\e050"
}
.base-icon-vpn_key:before {
    content: "\e0da"
}
.base-icon-vpn_lock:before {
    content: "\e62f"
}
.base-icon-wallpaper:before {
    content: "\e1bc"
}
.base-icon-watch:before {
    content: "\e334"
}
.base-icon-watch_later:before {
    content: "\e92f"
}
.base-icon-wb_auto:before {
    content: "\e42c"
}
.base-icon-wb_incandescent:before {
    content: "\e42e"
}
.base-icon-wb_iridescent:before {
    content: "\e436"
}
.base-icon-wb_sunny:before {
    content: "\e430"
}
.base-icon-wc:before {
    content: "\e63d"
}
.base-icon-web:before {
    content: "\e051"
}
.base-icon-web_asset:before {
    content: "\e069"
}
.base-icon-weekend:before {
    content: "\e16b"
}
.base-icon-whatshot:before {
    content: "\e80e"
}
.base-icon-widgets:before {
    content: "\e1bd"
}
.base-icon-wifi:before {
    content: "\e63e"
}
.base-icon-wifi_lock:before {
    content: "\e1e1"
}
.base-icon-wifi_tethering:before {
    content: "\e1e2"
}
.base-icon-work:before {
    content: "\e8f9"
}
.base-icon-wrap_text:before {
    content: "\e25b"
}
.base-icon-youtube_searched_for:before {
    content: "\e8fa"
}
.base-icon-zoom_in:before {
    content: "\e8ff"
}
.base-icon-zoom_out:before {
    content: "\e930"
}
.base-icon-zoom_out_map:before {
    content: "\e56b"
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.center-container {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto
}
.center-container .center-content {
    display: table-cell
}
body,
html {
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    /*font-family: Cervo-Regular, serif*/
}
a {
    color: #000
}
html.no-touch a:focus,
html.no-touch a:hover,
html.no-touch a:visited,
html.touch a:focus,
html.touch a:hover,
html.touch a:visited {
    text-decoration: none
}
button {
    background: 0 0;
    border: none
}
body {
    min-height: initial!important
}
.clr {
    clear: both
}
#descr .col_prod2,
.bg_std_col {
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}
.color-yellow .bg_prod {
    background: #fbda52!important
}
.color-yellow .bg_std_col {
    background: #5091ad
}
.color-yellow #descr .col_prod2 {
    color: #5091ad
}
.color-yellow #descr p {
    color: rgba(0, 0, 0, .3)
}
.color-red .bg_prod {
    background: #de6c40!important
}
.color-red .bg_std_col {
    background: #f3c12b
}
.color-red #descr .col_prod2 {
    color: #f3c12b
}
.color-red #descr p {
    color: rgba(0, 0, 0, .3)
}
.color-green .bg_prod {
    background: #54943f!important
}
.color-green .bg_std_col {
    background: #e7b589
}
.color-green #descr .col_prod2 {
    color: #e7b589
}
.color-green #descr p {
    color: rgba(0, 0, 0, .3)
}
.color-blue .bg_prod {
    background: #22548c!important
}
.color-blue .bg_std_col {
    background: #f3c02a
}
.color-blue #descr .col_prod2 {
    color: #f3c02a
}
.color-blue #descr p {
    color: rgba(255, 255, 255, .68)
}
.color-white .bg_prod {
    background: #eae7dc!important
}
.color-white .bg_std_col {
    background: #e85a4f
}
.color-white #descr .col_prod2 {
    color: #e85a4f
}
.color-white #descr p {
    color: rgba(0, 0, 0, .3)
}
.onlyMobile,
[data-mobile=onlyMobile] {
    display: none!important
}

@media(min-width:360px) and (max-width:640px){
  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure a{
     color: red;
      position: absolute;
      top: 270px !important;
      font-family: cervolight !important;
      left:7px;
      right: 0px;
  }

  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure a{
       color: #f00;
      position: absolute;
      top: 190px !important;
      font-family: cervolight !important;
      left: 0px;
      right: 0px;
  }

  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure a{
      color: #f00;
      position: absolute;
      top:250px !important;
      font-family: cervolight !important;
      left: 0px;
      right: 0px;
  }

  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
     color: #f00;
     /* background: #e85a4f; */
     margin-top: -115px;
     left: 150px !important;
 }

 [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link {
    color: #f00;
    /* background: #e85a4f; */
    top: 57%;
    /* left: 61%; */
    position: absolute;
    left: 58px;
    right: 0px;
    margin: 0px auto;
}
}
@media (min-width: 414px) and (max-width: 736px){
  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure a {
    color: #f00;
    position: absolute;
    top: 210px !important;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure a {
    color: red;
    position: absolute;
    top: 300px !important;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure a {
    color: #f00;
    position: absolute;
    top: 283px !important;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

/* Circle */
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link {
    left: 51px !important;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link {
    left: 176px !important;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
    left: 180px !important;
}
/* Circle */

}












@media (min-width: 320px) and (max-width: 568px){
  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure a {
    color: #f00;
    position: absolute;
    top: 159px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure a {
    color: red;
    position: absolute;
    top: 219px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure a {
    color: #f00;
    position: absolute;
    top: 214px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}


/* Circle */
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link {
    top: 57%;
    left: 52px !important;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] .circle_link {
    top: 56%;
    left: 0px;
    position: absolute;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link{
    top: 73% !important;
    left: 130px;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
    left: 129px;
}
/* Circle */


}

@media (min-width: 375px) and (max-width: 812px){

  [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure a {
    color: #f00;
    position: absolute;
    top: 190px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure a {
    color: red;
    position: absolute;
    top: 310px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure a {
    color: #f00;
    position: absolute;
    top: 430px;
    font-family: cervolight !important;
    left: 0px;
    right: 0px;
}
}


@media (min-width: 460px) and (max-width: 768px){
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure a {
        color: #f00;
    font-family: cervolight !important;
    position: absolute;
    bottom: -43%;
    left: 0px;
    right: 0px;
    right: 0p;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure a {
        color: #f00;
    font-family: cervolight !important;
    position: absolute;
    bottom: -43%;
    left: 0px;
    right: 0px;
    right: 0p;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure a {
        color: #f00;
    font-family: cervolight !important;
    position: absolute;
    bottom: -72%;
    left: 0px;
    right: 0px;
    right: 0p;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] figure a {
        color: #f00;
    font-family: cervolight !important;
    position: absolute;
    bottom: -72%;
    left: 0px;
    right: 0px;
    right: 0p;
}
}
@media (max-width: 768px) {

    .onlyMobile,
    [data-mobile=onlyMobile] {
        display: block!important
    }
    [data-mobile=hideMobile] {
        display: none!important
    }
}
[data-clock="1"][data-page=homepage] article header h3 {
    visibility: hidden!important
}
#mobile {
    display: none;
    width: 0;
    height: 0
}
.color-yellow {
    color: #fbda52!important
}
.back-yellow {
    background-color: #fbda52!important
}
.color-red {
    color: #de6c40!important
}
.back-red {
    background-color: #de6c40!important
}
.color-green {
    color: #54943f!important
}
.back-green {
    background-color: #54943f!important
}
.color-blue {
    color: #22548c!important
}
.back-blue {
    background-color: #22548c!important
}
.color-white {
    color: #eae7dc!important
}
.back-white {
    background-color: #eae7dc!important
}
.back-ultrawhite {
    background-color: #fff!important
}
#openMenu span,
.main-header .main-nav a span {
    background: rgba(41, 41, 41, .8);
    box-sizing: border-box
}
.cont {
    position: relative;
    width: 100%;
    height: 100%
}
.enter_top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.main-header {
    font-family: TheinhardtMed, serif
}
@media (max-width: 768px) {
     .logo img {
        margin: 0px auto;
        float: right;
    width: 40%;
    }
    #mobile {
        display: block!important
    }
    .main-header {
        position: absolute;
        z-index: 99999;
        width: 100%;
        padding: 0 5%
    }
}
.main-header .main-nav {
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 45px;
    z-index: 999;
    position: fixed;
    border-right: 1px solid rgba(41, 41, 41, .08)
}
.main-header .main-nav a {
    display: block;
    box-sizing: border-box;
    float: left;
    position: relative;
    width: auto;
    height: 45px;
    line-height: 48px;
    margin: 0;
    padding: 0 20px;
    font-size: 10px;
    font-size: .625em;
    font-size: .625rem;
    text-transform: uppercase;
    text-align: center;
    color: rgba(41, 41, 41, .8);
    border: 1px solid rgba(41, 41, 41, .08);
    border-right: none;
    letter-spacing: .15em;
    -webkit-transition: width .45s ease-in-out;
    -moz-transition: width .45s ease-in-out;
    transition: width .45s ease-in-out
}
.main-header .main-nav a span {
    position: absolute;
    z-index: 10
}
.main-header .main-nav a span.top {
    top: -1px;
    right: 0
}
.main-header .main-nav a span.bottom {
    bottom: -1px;
    left: 0
}
.main-header .main-nav a span.right {
    bottom: 0;
    right: -1px
}
.main-header .main-nav a span.left {
    top: 0;
    left: -1px
}
.main-header .main-nav a span.vert {
    width: 1px;
    height: 0
}
.main-header .main-nav a span.hor {
    width: 0;
    height: 1px
}
.main-header .main-nav a span.line {
    top: 50%;
    right: 74px;
    width: 300px;
    height: 1px;
    -webkit-transition: right .45s ease-in-out;
    -moz-transition: right .45s ease-in-out;
    transition: right .45s ease-in-out
}
.main-header .main-nav a.link_home {
    border: none;
    width: 74px;
    padding: 0
}
.main-header .main-nav a.link_home b {
    display: block;
    height: 45px;
    line-height: 48px;
    -webkit-transition: width .45s ease-in-out;
    -moz-transition: width .45s ease-in-out;
    transition: width .45s ease-in-out;
    width: 100%;
    font-weight: 400;
    overflow: hidden
}
.circle_button,
.circle_button span {
    line-height: 34px;
    text-align: center
}
@media (max-width: 768px) {



    .main-header .main-nav a.link_home {
        border: 1px solid rgba(41, 41, 41, .08)!important;
        border-right: none!important
    }
    .main-header .main-nav a {
        display: inline-block
    }
    .main-header .main-nav a span {
        display: none
    }
    .prod_1 h3{
       color:red !important;
       /*display: none;*/
   }
   .prod_1 h1{
       color:red !important;
       display: none;
   }
}
@media (max-width: 544px) {
    .main-header .main-nav a.link_home {
        width: auto;
        padding: 0 7px
    }
}
.main-header .main-nav a.zero {
    width: 0!important;
    padding: 0;
    overflow: hidden;
    border: none
}
.main-header .main-nav a.zero.link_home {
    overflow: visible
}
.main-header .main-nav a.zero b {
    width: 0;
    overflow: hidden
}
.main-header .main-nav a.zero .line {
    right: 250px;
    -webkit-transition: right .45s ease-in-out;
    -moz-transition: right .45s ease-in-out;
    transition: right .45s ease-in-out;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}
html.no-touch .main-header .main-nav a:hover,
html.touch .main-header .main-nav a:focus {
    overflow: visible;
    text-decoration: none!important
}
@media (max-width: 544px) {
    .main-header .main-nav a {
        padding: 0 7px
    }
}
@media (max-width: 768px) {
    .main-header .main-nav {
        position: relative;
        margin: 18px 0;
        width: auto
    }
}
.browsehappy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: red;
    z-index: 1000;
    text-align: center;
    font-size: 22px;
    font-family: Theinhardt, serif
}
.browsehappy .center-container {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto
}
.line-scroll,
.line-scroll .line {
    width: 2px;
    height: 80px;
    margin-left: -1px;
    left: 50%
}
.browsehappy .center-container .center-content {
    display: table-cell;
    vertical-align: middle
}
.browsehappy a,
.browsehappy p {
    color: #fff
}
.line-scroll {
    position: fixed;
    overflow: hidden;
    z-index: 9999;
    bottom: -2px
}
.line-scroll .line {
    top: auto;
    bottom: 0;
    z-index: 11;
    display: block;
    position: absolute;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}
#biancone,
#preloader,
[data-page=homepage] #bg_color .circle {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.line-scroll .line.active {
    animation: line-scroll 3s ease-in-out forwards infinite
}
@media (max-width: 768px) {
    .line-scroll {
        display: none
    }
}
@-webkit-keyframes line-scroll {
    0% {
        background-position: 0 -80px
    }
    80% {
        background-position: 0 0
    }
    100% {
        background-position: 0 80px
    }
}
@-moz-keyframes line-scroll {
    0% {
        background-position: 0 -80px
    }
    80% {
        background-position: 0 0
    }
    100% {
        background-position: 0 80px
    }
}
@keyframes line-scroll {
    0% {
        background-position: 0 -80px
    }
    80% {
        background-position: 0 0
    }
    100% {
        background-position: 0 80px
    }
}
#biancone,
#preloader {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    z-index: 10007;
    background: #fff;
    will-change: width, height;
    border-radius: 100%
}
#biancone {
    display: none !important;
}
#openMenu {
    position: fixed;
    top: 0;
    right: 0;
    margin: 45px;
    -webkit-transition: border 1s ease;
    -moz-transition: border 1s ease;
    transition: border 1s ease;
    width: 45px;
    height: 45px;
    padding: 7px;
    z-index: 10001;
    border: 1px solid rgba(41, 41, 41, .08)
}
#openMenu svg {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0
}
#openMenu svg rect {
    fill: #292929;
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    transition: fill 1s ease
}
[data-color="2"] #openMenu svg rect,
[data-color="2"] .exteta_logo_header svg *,
[data-color="3"] #openMenu svg rect,
[data-color="3"] .exteta_logo_header svg *,
[data-color="4"] #openMenu svg rect,
[data-color="4"] .exteta_logo_header svg * {
    fill: #3e3e3e
}
#openMenu span {
    position: absolute;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    transition: background 1s ease;
    z-index: 10
}
#openMenu span.top {
    top: -1px;
    right: 0
}
#openMenu span.bottom {
    bottom: -1px;
    left: 0
}
#openMenu span.right {
    bottom: 0;
    right: -1px
}
#openMenu span.left {
    top: 0;
    left: -1px
}
#openMenu span.vert {
    width: 1px;
    height: 0
}
#openMenu span.hor {
    width: 0;
    height: 1px
}
#openMenu span.line {
    top: 50%;
    right: 74px;
    width: 300px;
    height: 1px;
    -webkit-transition: right .45s ease-in-out;
    -moz-transition: right .45s ease-in-out;
    transition: right .45s ease-in-out
}
@media (max-width: 768px) {
    #openMenu {
        position: relative;
        float: right;
        margin: 18px 0
    }
}
.circle_button {
    display: block;
    width: 34px;
    height: 34px;
    position: relative;
    color: #353535;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}
.circle_link,
html.no-touch .circle_button:hover,
html.touch .circle_button:focus {
    color: #fff
}
.circle_button svg {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0;
    left: 0;
    z-index: 1
}
.circle_button svg.circleFill {
    z-index: 1;
    stroke-dasharray: 132;
    stroke-dashoffset: 132;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}
.circle_button svg.filled {
    stroke-dashoffset: 31
}
.circle_button span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    width: 34px;
    height: 34px;
    font-size: 18px;
    font-size: 1.125em;
    font-size: 1.125rem
}
.circle_button b {
    display: block;
    position: absolute;
    top: 17px;
    left: 2px;
    z-index: 10;
    margin: 0;
    width: 16px;
    height: 1px;
    background: #353535;
    opacity: 1;
    -webkit-transition: opacity 10ms ease-in-out;
    -moz-transition: opacity 10ms ease-in-out;
    transition: opacity 10ms ease-in-out
}
.circle_link,
.circle_link span {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center
}
html.no-touch .circle_button:hover b {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}
html.touch .circle_button:focus b {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}
.circle_link {
    background: #353535;
    border-radius: 100%
}
.circle_link span {
    z-index: 10;
    margin: 0;
    font-size: 17px;
    font-size: 1.0625em;
    font-size: 1.0625rem
}
#landing,
#landing ul {
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0
}
[data-color="2"] .circle_link {
    color: #fbda52;
    background: #5091ad
}
[data-color="3"] .circle_link {
    color: #de6c40;
    background: #f3c12b
}
[data-color="4"] .circle_link {
    color: #54943f;
    background: #e7b589
}
[data-color="5"] .circle_link {
    color: #22548c;
    background: #e4c883
}
[data-color="6"] .circle_link {
    color: #fbda52;
    background: #68c174
}
[data-color="7"] .circle_link {
    color: #22548c;
    background: #f3c02a
}
[data-color="8"] .circle_link {
    color: #eae7dc;
    background: #e85a4f
}
[data-color="9"] .circle_link {
    color: #de6c40;
    background: #f3c12b
}
[data-color="10"] .circle_link {
    color: #54943f;
    background: #d1a38a
}
#landing {
    display: none;
    position: fixed;
    z-index: 10000
}
#landing ul {
    display: block;
    position: absolute;
    z-index: 5
}
#landing ul li {
    display: block;
    float: left;
    overflow: hidden;
    width: 33.33333%;
    height: 33.33333%;
    margin: 0;
    padding: 0
}
#landing ul li figure,
#landing ul li header {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}
#landing ul li figure {
    padding: 5%;
    text-align: center
}
#landing ul li figure img {
    height: 100%;
    width: auto
}
#landing ul li figure .shadow {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}
@media (max-width: 768px) {
    #landing ul {
        overflow: scroll;
        padding: 90px 0
    }
    #landing ul li {
        position: relative;
        width: 100%;
        height: 200px
    }
    #landing ul li figure {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        padding: 0;
        margin: 0
    }
    #landing ul li figure img {
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 95%;
        width: auto;
        margin: 0
    }
}
@media (max-width: 544px) {
    #landing ul li figure {
        display: none
    }
}
#landing ul li .link_nav {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
#landing ul li .link_nav h1 {
    font-size: 40px
}
#landing ul li .link_nav::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1, 1);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1, 1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1, 1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1, 1);
    transform: translateY(-50%) translateX(-50%) scale(1, 1);
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    border-radius: 100px
}
#landing ul li .link_nav:focus figure,
#landing ul li .link_nav:hover figure {
    opacity: .5;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}
#landing ul li .link_nav:focus::before,
#landing ul li .link_nav:hover::before {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(20, 20);
    -moz-transform: translateY(-50%) translateX(-50%) scale(20, 20);
    -ms-transform: translateY(-50%) translateX(-50%) scale(20, 20);
    -o-transform: translateY(-50%) translateX(-50%) scale(20, 20);
    transform: translateY(-50%) translateX(-50%) scale(20, 20)
}
#landing ul li .link_nav figure {
    -webkit-transition: -webkit-transform .5s, opacity .25s;
    -moz-transition: -moz-transform .5s, opacity .25s;
    transition: transform .5s, opacity .25s
}
#landing ul li .link_nav header {
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}
@media (max-width: 768px) {
    #landing ul li .link_nav::before {
        display: none
    }
    #landing ul li .link_nav header {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        width: 55%
    }
}
#landing ul li .link_nav header h1 {
    text-align: center;
    margin: 0;
    top: 50%;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-family: Cervo-Light, serif
}
#landing ul li .link_nav header h1 div {
    overflow: hidden
}
#landing ul li .link_nav header h1 span {
    display: inline-block;
    position: relative;
    margin: 0 8px
}
.tablet #landing ul li .link_nav header h1 span {
    margin: 0 5px
}
@media (max-width: 768px) {
    #landing ul li .link_nav header h1 {
        text-align: left;
        letter-spacing: 0;
        font-size: 30px
    }
    #landing ul li .prod_wrapper {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }
}
@media (max-width: 544px) {
    #landing ul li .link_nav header {
        width: 100%
    }
    #landing ul li .link_nav header h1 {
        text-align: center
    }
}
#landing ul li .prod_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0
}
#landing .circleLanding {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    width: 1px;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    opacity: 1
}
#landing .circleLanding img {
    display: block;
    float: left;
    width: 100%;
    height: 100%
}
#landing .circleLanding span {
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: width, height;
    border-radius: 100%
}
#userform .langEN,
#userform .langIT,
#userform label::after {
    display: none
}
#landing [data-prod="2"] .bg_color,
#landing [data-prod="2"] .link_nav::before {
    background: #fbda52!important
}
#landing [data-prod="3"] .bg_color,
#landing [data-prod="3"] .link_nav::before {
    background: #de6c40!important
}
#landing [data-prod="4"] .bg_color,
#landing [data-prod="4"] .link_nav::before {
    background: #54943f!important
}
#landing [data-prod="5"] .bg_color,
#landing [data-prod="5"] .link_nav::before {
    background: #22548c!important
}
#landing [data-prod="6"] .bg_color,
#landing [data-prod="6"] .link_nav::before {
    background: #fbda52!important
}
#landing [data-prod="7"] .bg_color,
#landing [data-prod="7"] .link_nav::before {
    background: #22548c!important
}
#landing [data-prod="8"] .bg_color,
#landing [data-prod="8"] .link_nav::before {
    background: #eae7dc!important
}
#landing [data-prod="9"] .bg_color,
#landing [data-prod="9"] .link_nav::before {
    background: #de6c40!important
}
#landing [data-prod="10"] .bg_color,
#landing [data-prod="10"] .link_nav::before {
    background: #54943f!important
}
@media (max-width: 768px) {
    #landing [data-prod="2"] h1 {
        color: #5091ad!important
    }
    #landing [data-prod="3"] h1,
    #landing [data-prod="9"] h1 {
        color: #f3c12b!important
    }
    #landing [data-prod="4"] h1 {
        color: #e7b589!important
    }
    #landing [data-prod="5"] h1 {
        color: #e4c883!important
    }
    #landing [data-prod="6"] h1 {
        color: #68c174!important
    }
    #landing [data-prod="7"] h1 {
        color: #f3c02a!important
    }
    #landing [data-prod="8"] h1 {
        color: #e85a4f!important
    }
    #landing [data-prod="10"] h1 {
        color: #d1a38a!important
    }
    #userform .mdl-textfield {
        width: 100%
    }
}
#userform,
#userform .usersend a,
#userform label {
    color: #fff
}
#userform {
    font-family: Theinhardt, serif
}
#userform .margin_top {
    margin-top: 30px
}
#userform input {
    outline-offset: 0
}
#userform .usermessage {
    width: 100%
}
#userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(255, 255, 255, 1)
}
#userform .mdl-checkbox__box-outline {
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 0
}
#userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #fff
}
#userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: #fff
}
#userform .usersend a:hover,
#userform .usersend a:hover span {
    text-decoration: none
}
#userform .mdl-textfield__error {
    font-size: 14px
}
#userform .usersend {
    text-align: right
}
#userform .usersend a {
    display: inline-block
}
#userform .usersend a .material-icons {
    display: inline-block;
    padding: 8px;
    background: #ccc;
    border-radius: 50px;
    border: 3px solid rgba(0, 0, 0, .12);
    margin-top: -14px;
    top: 5px;
    position: relative
}
#userform .usersend a .usersend__label {
    margin-right: 20px
}
#userform .usersend a:hover .material-icons {
    border: 3px solid transparent;
    text-decoration: none
}
#userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(255, 255, 255, 1)
}
#userform .mdl-checkbox__label {
    font-size: 15px
}
[lang=it_IT] #userform .langIT,
[lang=en_UK] #userform .langEN {
    display: block
}
[data-page=homepage] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 600px;
    overflow: hidden;
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}
[data-page=homepage] .bg-front {
    background-image: url(../img/3-bg.png) !important;
    /*background: white;*/
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}
[data-page=homepage] #bg_color::selection,
[data-page=homepage] .img_prodotto img::selection {
    background: 0 0
}
[data-page=homepage] #bg_color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}
[data-page=homepage] #bg_color .circle {
    display: block;
    position: absolute;
    width: 1px;
    transform: translate(-40%, -40%);
    opacity: 1
}
[data-page=homepage] #bg_color .circle img {
    display: block;
    float: left;
    width: 100%;
    height: 100%
}
[data-page=homepage] #bg_color .circle span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: width, height;
    border-radius: 100%
}
[data-page=homepage] #bg_color::-moz-selection {
    background: 0 0
}
[data-page=homepage] .container {
    position: relative;
    height: 100%
}
@media (max-width: 992px) {
    [data-page=homepage] .container {
        max-width: 992px!important
    }
}
[data-page=homepage] .img_prodotto {
    position: absolute;
    bottom: calc(50% + -170px);
    left: 0px;
    height: 150px;
    width: 72%;
    z-index: 7;
    margin: 0;
    padding: 0;
    width: 150px !important;
}
[data-page=homepage] .img_prodotto img {
    display: block;
    position: relative;
    top: -358px;
    left: 351px;
    height: 150px;
    padding: 0;
    will-change: transform;
    left: -30px !important;
    top: 0 !important;
}
[data-page=homepage] .img_prodotto img.prod {
    /*position: absolute;
    z-index: 3;*/
    position: absolute;
    z-index: 3;
    width: 400px;
    height: initial;
    left: 200px;
    top: -298px;
}
[data-page=homepage] .prod_10 .img_prodotto img.prod,[data-page=homepage] .prod_6 .img_prodotto img.prod,[data-page=homepage] .prod_1 .img_prodotto img.prod {
    position: absolute;
    z-index: 3;
    width: 60px;
    height: initial;
    left: 350px;
    top: -365px;

}
[data-page=homepage] .prod_9 .img_prodotto img.prod {
    position: absolute;
    z-index: 3;
    width: 116px;
    height: initial;
    left: 319px;
    top: -355px;

}
[data-page=homepage] .prod_8 .img_prodotto img.prod {
    position: absolute;
    z-index: 3;
    width: 280px;
    height: initial;
    left: 350px;
    top: -350px;
}
[data-page=homepage] .prod_7 .img_prodotto img.prod {
    position: absolute;
    z-index: 3;
    width: 215px;
    height: initial;
    left: 350px;
    top: -350px;
}


/*FLIP*/
.flip_container{
   width: 250px;
   height: 250px;
   position: relative;
   left: 34%;
}
.flip_container2 {
    width: 80px;
    height: 70px;
    margin-left: 297px !important;
}
.flip_container:hover .flip
{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  cursor: pointer;
}
.flip {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}
.flip_front, .flip_back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: -74px;
    /*left: 100px !important ;*/
}
.flip_front {
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
}
.flip_back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    left: -50px !important ;
}
/*FLIP*/







[data-page=homepage] .img_prodotto img.shadow {
    position: absolute;
    z-index: 1
}
[data-page=homepage] .img_prodotto img.sizing {
    position: relative;
    float: left
}
[data-page=homepage] .img_prodotto img::-moz-selection {
    background: 0 0
}
[data-page=homepage] .container_clock {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    z-index: 10;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
[data-page=homepage] .container_clock #clock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
[data-page=homepage] .container_clock #clock svg {
    width: 100%;
    height: 100%
}
[data-page=homepage] .container_clock #clock [data-mode=std],
[data-page=homepage] .container_clock #clock [data-mode=big] {
    stroke: #777;
    /*strooke : #de0101;*/
    stroke-width: 3;
    -webkit-transition: stroke .29999s ease-in-out;
    -moz-transition: stroke .2s ease-in-out;
    transition: stroke .29999s ease-in-out;

}
[data-page=homepage] .container_clock #clock svg line[data-mode=std].active {
    stroke: rgb(254, 254, 254)
}
[data-page=homepage] .container_clock #clock [data-mode=big],
[data-page=homepage] .container_clock #clock svg line[data-mode=big].active {
    stroke: #777
}
[data-page=homepage] .container_clock #clock svg path#arc_path_1,
[data-page=homepage] .container_clock #clock svg path#arc_path_2 {
    opacity: 0
    /*display:none !important;*/
}
[data-page=homepage] .container_clock #clock svg path#arc_path_1 {
    stroke: rgba(53, 53, 53, 1)
}
[data-page=homepage] .container_clock #badBro,
[data-page=homepage] .container_clock #knob,
[data-page=homepage] .container_clock #knobBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%
}
[data-page=homepage] .container_clock #knobBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    /*z-index : -9999999999999 !important;*/
}
[data-page=homepage] .container_clock #knob {
    z-index: 1
}
[data-page=homepage] .container_clock #knob #ctx {
    position: absolute;
    top:-8px;
    left: 10px
}
[data-page=homepage] .container_clock #knob #spot,
[data-page=homepage] .container_clock #knob #spot1,
[data-page=homepage] .container_clock #knob #spot2 {
    position: absolute;
    left: 50%;
    top: 8%;
    background: rgba(255, 255, 255, 0);
    width: 50px;
    height: 50px;
    margin: -25px;
    border-radius: 50px
}
[data-page=homepage] .container_clock #knob #spot .spot-pulse,
[data-page=homepage] .container_clock #knob #spot1 .spot-pulse,
[data-page=homepage] .container_clock #knob #spot2 .spot-pulse {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 20px
}
[data-page=homepage] .container_clock #knob #spot #spotIn,
[data-page=homepage] .container_clock #knob #spot1 #spotIn,
[data-page=homepage] .container_clock #knob #spot2 #spotIn {
    position: relative;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0);
    border-radius: 20px
}
[data-page=homepage] .container_clock #knob #spot #spotIn span,
[data-page=homepage] .container_clock #knob #spot1 #spotIn span,
[data-page=homepage] .container_clock #knob #spot2 #spotIn span {
    display: block;
    font-size: 10px;
    padding-top: 2px;
    padding-left: 2px;
    color: #fff;
    opacity: 0
}
[data-page=homepage] .container_clock #badBro {
    display: none;
    z-index: 3
}
@-webkit-keyframes fadeIn {
    from {
        -webkit-transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2)
    }
}
@-moz-keyframes fadeIn {
    from {
        -moz-transform: scale(1)
    }
    to {
        -moz-transform: scale(1.2)
    }
}
@keyframes fadeIn {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}
[data-page=homepage] article {
    position: absolute;
    top: 30%;
    left: 28%;
    z-index: 22;
    width: 44%;
    padding: 0
}
[data-page=homepage] article h1:empty,
[data-page=homepage] article h2:empty,
[data-page=homepage] article h3:empty,
[data-page=homepage] article p:empty {
    display: none
}
[data-page=homepage] article header {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}
[data-page=homepage] article header h3 {
    display: block;
    float: left;
    position: absolute;
    top: -.65em;
    width: 100%;
    font-size: 35px;
    color: #fff;
    line-height: 1em;
    margin: 0 0 0 -109px;
    max-width: 200px;
    left: 50%;
    padding-bottom: 20px;
    font-family:cervolight !important;
    color:#fff;
}

.tablet [data-page=homepage] article header h3 {
    margin-left: -105px
}
[data-page=homepage] article header h1 {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 70px;
    font-size: 4.375em;
    font-size: 4.375rem;
    line-height: 1em;
    margin: 0 -8px;
    font-family: Cervo-Light, serif;
    font-weight: 100;
    /*color: rgba(53, 53, 53, 1);*/
    color: #fff;
    text-transform: uppercase
}
@media (max-width: 1200px) {
    [data-page=homepage] article header h1 {
        font-size: 56px;
        font-size: 3.5em;
        font-size: 3.5rem
    }
}
@media (max-width: 992px) {
    [data-page=homepage] article header h1 {
        font-size: 50px;
        font-size: 3.125em;
        font-size: 3.125rem;
        color:#fff;

    }
}
.tablet [data-page=homepage] article header h1 {
    margin: 0 -5px;
    font-size: 50px;
    font-size: 3.125em;
    font-size: 3.125rem
}
[data-page=homepage] article header h1 div {
    overflow: hidden
}
[data-page=homepage] article header h1 span {
    display: inline-block;
    position: relative;
    margin: 0 5px
}
.tablet [data-page=homepage] article header h1 span {
    margin: 0 5px
}
[data-page=homepage] article header h2 {
    display: block;
    float: left;
    width: 100%;
    color: rgba(53, 53, 53, .28);
    font-size: 40px;
    font-size: 2.5em;
    font-size: 2.5rem;
    line-height: 1em;
    margin: 0;
    letter-spacing: 0;
    font-family: Cervo-Light, serif;
    font-weight: 100
}
[data-page=homepage] article header::selection {
    background: 0 0
}
[data-page=homepage] article header::-moz-selection {
    background: 0 0
}
[data-page=homepage] article .text {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 0 10%;
    text-transform: uppercase
}
[data-page=homepage] article .text .exteta {
    font-family: TheinhardtMed, serif;
    color: rgba(41, 41, 41, .8)
}
html.no-touch [data-page=homepage] article .text .exteta:hover,
html.touch [data-page=homepage] article .text .exteta:focus {
    color: #292929
}
[data-page=homepage] article .text p {
    font-family:cervolight !important;
    font-size: 25px;
    /* font-size: .75em; */
    /* font-size: .75rem; */
    /* line-height: 1.7em; */
    letter-spacing: .07em;
    text-align: center;
    /* margin: 2em -.07em 1em; */
    color: #fff;
}
[data-page=homepage] article .text .circle_button {
    margin: 1em auto
}

[data-page=homepage] .prod_1.circle span {
    background: 0 0!important
}
/*[data-page=homepage] .prod_1 .btn_on_img {
    display: none!important
    }*/
    [data-page=homepage][data-clock="1"] .container_clock #clock svg line[data-mode=std].active {
        /*stroke: rgba(53, 53, 53, .8)*/
        stroke:#de0101;
    }
    [data-page=homepage][data-clock="1"] .container_clock #clock [data-mode=big],
    [data-page=homepage][data-clock="1"] .container_clock #clock svg line[data-mode=big].active {
        /*stroke: #353535*/
        stroke:#de0101;
        cursor: pointer;
        /*stroke:#;*/
    }
    [data-page=homepage][data-clock="1"] .container_clock #knob #spot #spotIn,
    [data-page=homepage][data-clock="1"] .container_clock #knob #spot .spot-pulse {
        border: 2px solid #fff;
        color:#de0101;
    }
    [data-page=homepage][data-clock="1"] .img_prodotto,
    [data-page=homepage][data-clock="1"] article h3 {
        /*display: none*/
    }
    [data-page=homepage][data-clock="1"] article .text .circle_button svg circle {
        stroke: #de0101!important
    }
    [data-page=homepage][data-clock="2"] .container_clock #clock svg line[data-mode=std].active {
        stroke: rgba(80, 145, 173, 1)
    }
    [data-page=homepage][data-clock="2"] .container_clock #clock [data-mode=big],
    [data-page=homepage][data-clock="2"] .container_clock #clock svg line[data-mode=big].active {
        stroke: #5091ad
    }
    [data-page=homepage][data-clock="2"] .container_clock #knob #spot #spotIn,
    [data-page=homepage][data-clock="2"] .container_clock #knob #spot .spot-pulse {
        border: 2px solid #fff
    }
    [data-page=homepage][data-clock="2"] .container_clock #knob #spot #spotIn span,
    [data-page=homepage][data-clock="2"] article header h1 {
        color: #fff
    }
    [data-page=homepage][data-clock="2"] article header h1::selection {
        background: rgba(80, 145, 173, .2)
    }
    [data-page=homepage][data-clock="2"] article header h1::-moz-selection {
        background: rgba(80, 145, 173, .2)
    }
    [data-page=homepage][data-clock="2"] article .text .exteta {
        color: rgba(62, 62, 62, .8)
    }
    html.no-touch [data-page=homepage][data-clock="2"] article .text .exteta:hover,
    html.touch [data-page=homepage][data-clock="2"] article .text .exteta:focus {
        color: #3e3e3e
    }
    [data-page=homepage][data-clock="2"] article .text p {
        color: rgba(62, 62, 62, .8)
    }
    [data-page=homepage][data-clock="2"] article .text .circle_button {
        color: #5091ad
    }
    [data-page=homepage][data-clock="2"] article .text .circle_button svg circle {
        stroke: #fff!important
    }
    [data-page=homepage][data-clock="2"] article .text .circle_button b {
        background: #5091ad
    }
    html.no-touch [data-page=homepage][data-clock="2"] article .text .circle_button.hover {
        color: #fbda52
    }
    html.touch [data-page=homepage][data-clock="2"] article .text .circle_button.hover {
        color: #5091ad
    }
    [data-page=homepage] .prod_2 #bg_color,
    [data-page=homepage] .prod_2.circle span {
       /*background-image: url(../img/1-bg.png) !important;*/
       background-repeat: no-repeat;
       background-size: cover;
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       background-position: right top;
       -webkit-transform-origin: center;
       -moz-transform-origin: center;
       -ms-transform-origin: center;
       -o-transform-origin: center;
       transform-origin: center
   }
   [data-page=homepage][data-clock="3"] .container_clock #clock svg line[data-mode=std].active {
    stroke: rgba(160, 218, 152, 1)
}
[data-page=homepage][data-clock="3"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="3"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #f3c12b
}
[data-page=homepage][data-clock="3"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="3"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #f3c12b
}
[data-page=homepage][data-clock="3"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="3"] article header h1 {
    color: #f3c12b
}
[data-page=homepage][data-clock="3"] article header h1::selection {
    background: rgba(160, 218, 152, .2)
}
[data-page=homepage][data-clock="3"] article header h1::-moz-selection {
    background: rgba(160, 218, 152, .2)
}
[data-page=homepage][data-clock="3"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="3"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="3"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="3"] article .text p {
    color: rgba(62, 62, 62, .8)
}
[data-page=homepage][data-clock="3"] article .text .circle_button {
    color: #f3c12b
}
[data-page=homepage][data-clock="3"] article .text .circle_button svg circle {
    stroke: #f3c12b!important
}
[data-page=homepage][data-clock="3"] article .text .circle_button b {
    background: #f3c12b
}
html.no-touch [data-page=homepage][data-clock="3"] article .text .circle_button.hover {
    color: #de6c40
}
html.touch [data-page=homepage][data-clock="3"] article .text .circle_button.hover {
    color: #f3c12b
}
[data-page=homepage] .prod_3 #bg_color,
[data-page=homepage] .prod_3.circle span {
  background-image: url(../img/3-bg.png) !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: right top;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center
}
[data-page=homepage][data-clock="4"] .container_clock #clock svg line[data-mode=std].active {
    stroke: rgba(231, 181, 137, 1)
}
[data-page=homepage][data-clock="4"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="4"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #e7b589
}
[data-page=homepage][data-clock="4"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="4"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #e7b589
}
[data-page=homepage][data-clock="4"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="4"] article header h1 {
    color: #e7b589
}
[data-page=homepage][data-clock="4"] article header h1::selection {
    background: rgba(231, 181, 137, .2)
}
[data-page=homepage][data-clock="4"] article header h1::-moz-selection {
    background: rgba(231, 181, 137, .2)
}
[data-page=homepage][data-clock="4"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="4"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="4"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="4"] article .text p {
    color: rgba(62, 62, 62, .8)
}
[data-page=homepage][data-clock="4"] article .text .circle_button {
    color: #e7b589
}
[data-page=homepage][data-clock="4"] article .text .circle_button svg circle {
    stroke: #e7b589!important
}
[data-page=homepage][data-clock="4"] article .text .circle_button b {
    background: #e7b589
}
html.no-touch [data-page=homepage][data-clock="4"] article .text .circle_button.hover {
    color: #54943f
}
html.touch [data-page=homepage][data-clock="4"] article .text .circle_button.hover {
    color: #e7b589
}
[data-page=homepage] .prod_4 #bg_color,
[data-page=homepage] .prod_4.circle span {
  /* background-image: url(../img/2-bg.png) !important;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   background-position: right top;
   -webkit-transform-origin: center;
   -moz-transform-origin: center;
   -ms-transform-origin: center;
   -o-transform-origin: center;
   transform-origin: center*/
}
[data-page=homepage][data-clock="5"] .container_clock #clock svg line[data-mode=std].active {
    stroke: rgba(228, 200, 131, 1)
}
[data-page=homepage][data-clock="5"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="5"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #e4c883
}
[data-page=homepage][data-clock="5"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="5"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #e4c883
}
[data-page=homepage][data-clock="5"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="5"] article header h1 {
    color: #e4c883
}
[data-page=homepage][data-clock="5"] article header h1::selection {
    background: rgba(228, 200, 131, .2)
}
[data-page=homepage][data-clock="5"] article header h1::-moz-selection {
    background: rgba(228, 200, 131, .2)
}
[data-page=homepage][data-clock="5"] article .text .exteta {
    color: rgba(255, 255, 255, .8)
}
html.no-touch [data-page=homepage][data-clock="5"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="5"] article .text .exteta:focus {
    color: #fff
}
[data-page=homepage][data-clock="5"] article .text p {
    color: rgba(255, 255, 255, .8)
}
[data-page=homepage][data-clock="5"] article .text .circle_button {
    color: #e4c883
}
[data-page=homepage][data-clock="5"] article .text .circle_button svg circle {
    stroke: #e4c883!important
}
[data-page=homepage][data-clock="5"] article .text .circle_button b {
    background: #e4c883
}
html.no-touch [data-page=homepage][data-clock="5"] article .text .circle_button.hover {
    color: #22548c
}
html.touch [data-page=homepage][data-clock="5"] article .text .circle_button.hover {
    color: #e4c883
}
[data-page=homepage] .prod_5 #bg_color,
[data-page=homepage] .prod_5.circle span {
  /*background-image: url(../img/2-bg.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: right top;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center*/
}
[data-page=homepage][data-clock="6"] .img_prodotto{
    /*display: none;*/
}
[data-page=homepage][data-clock="6"] .container_clock #clock svg line[data-mode=std].active {
   stroke : #de0101
   /*stroke : red;*/
}
[data-page=homepage][data-clock="6"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="6"] .container_clock #clock svg line[data-mode=big].active {
    /*stroke: #68c174*/
    stroke : #de0101
}
[data-page=homepage][data-clock="6"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="6"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #de0101
}
[data-page=homepage][data-clock="6"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="6"] article header h1 {
    color: #fff
    font-size:60px !important;
}
[data-page=homepage][data-clock="6"] article header h1::selection {
    background: rgba(104, 193, 116, .2)
}
[data-page=homepage][data-clock="6"] article header h1::-moz-selection {
    background: rgba(104, 193, 116, .2)
}
[data-page=homepage][data-clock="6"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="6"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="6"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="6"] article .text p {
    /*color: rgba(62, 62, 62, .8)*/
    /*color:rgb(0,0,0)*/
    /*display: none;*/
    color: #fff;
}
[data-page=homepage][data-clock="6"] article header h3{
    display: none !important;
}

[data-page=homepage][data-clock="6"] article .text .circle_button {
    color: #de0101
}
[data-page=homepage][data-clock="6"] article .text .circle_button svg circle {
    stroke: #fff !important
}
[data-page=homepage][data-clock="6"] article .text .circle_button b {
    background: #68c174
}
html.no-touch [data-page=homepage][data-clock="6"] article .text .circle_button.hover {
    color: #de0101
}
html.touch [data-page=homepage][data-clock="6"] article .text .circle_button.hover {
    color: #de0101
}
[data-page=homepage] .prod_1 #bg_color{
  background-repeat: no-repeat;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: right top;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
[data-page=homepage] .prod_6 #bg_color {
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;

    background-position: right top;
    transform: scale(1.1) !important;
    transition: all .2s !important;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

[data-page=homepage][data-clock="7"] .container_clock #clock svg line[data-mode=std].active {
    /*stroke: rgba(222, 144, 146, 1)*/
    /*stroke: rgb(256,256,257);*/
    stroke : #de0101
}
[data-page=homepage][data-clock="7"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="7"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #de0101
}
[data-page=homepage][data-clock="7"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="7"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #000
}
[data-page=homepage][data-clock="7"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="7"] article header h1 {
 color: #de0101 !important;
 font-size:70px;
}
[data-page=homepage][data-clock="7"] article header h1::selection {
    background: rgba(222, 144, 146, .2)
}
[data-page=homepage][data-clock="7"] article header h1::-moz-selection {
    background: rgba(222, 144, 146, .2)
}

[data-page=homepage][data-clock="7"] article .text .exteta {
    /*color: rgba(255, 255, 255, .8)*/
}
html.no-touch [data-page=homepage][data-clock="7"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="7"] article .text .exteta:focus {
    color: #fff !important;
}
[data-page=homepage][data-clock="7"] article header .welcome{
    /*color: rgb(255, 255, 255)*/
    /*color:#fff;*/
    display:none;
}
[data-page=homepage][data-clock="7"] article .text p {
    /*color: rgb(255, 255, 255)*/
    color: #de0101 !important;
}

[data-page=homepage][data-clock="7"] article .text .circle_button {
    color: #f3c02a
}
[data-page=homepage][data-clock="7"] article .text .circle_button svg circle {
    stroke: #de0101
}
[data-page=homepage][data-clock="7"] article .text .circle_button b {
    background: #f3c02a
}
html.no-touch [data-page=homepage][data-clock="7"] article .text .circle_button.hover {
    color:  #de0101
}
html.touch [data-page=homepage][data-clock="7"] article .text .circle_button.hover {
    color: #f3c02a
}


[data-page=homepage] .prod_7 #bg_color{
    /* background-image: url(../img/RCE.jpg) !important; */
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    transform: scale(1.1) !important;
    transition: all .2s !important;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
[data-page=homepage] .prod_7.circle span{
    background: #de0101 !important;
    transform: scale(1.1) !important;
    transition: all .2s !important;
    /*background-image: url(../img/1-bg.png);*/
    /*background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;*/
}
[data-page=homepage] .prod_7.circle span {
    background-color: red !important;
}
[data-page=homepage][data-clock="8"] .container_clock #clock svg line[data-mode=std].active {
    /*stroke: rgba(232, 90, 79, 1)*/
    stroke:#de0101
    /*stroke: rgba(160, 218, 152, 1)*/
}
[data-page=homepage][data-clock="8"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="8"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #de0101
}
[data-page=homepage][data-clock="8"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="8"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #fff !important;
}
[data-page=homepage][data-clock="8"] .container_clock #knob #spot #spotIn span{
    color:#fff !important;
}

[data-page=homepage][data-clock="8"] article header h1 {
    color: #de0101;
    font-size:70px !important;
}
[data-page=homepage][data-clock="8"] article header h1::selection {
    background: rgba(232, 90, 79, .2)
}
[data-page=homepage][data-clock="8"] article header h1::-moz-selection {
    background: rgba(232, 90, 79, .2)
}
[data-page=homepage][data-clock="8"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="8"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="8"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="8"] article .text p {
    /*color: rgba(62, 62, 62, .8)*/
    color: #de0101 !important;
}
[data-page=homepage][data-clock="8"] article header .welcome{
    /*color: rgb(255, 255, 255)*/
    /*color:#fff;*/
    display:none;
}
[data-page=homepage][data-clock="8"] article .text .circle_button {
    color: #de0101
}
[data-page=homepage][data-clock="8"] article .text .circle_button svg circle {
    stroke: #de0101
}
[data-page=homepage][data-clock="8"] article .text .circle_button b {
    background: #e85a4f
}
html.no-touch [data-page=homepage][data-clock="8"] article .text .circle_button.hover {
    color: #eae7dc
}
html.touch [data-page=homepage][data-clock="8"] article .text .circle_button.hover {
    color: #e85a4f
}
[data-page=homepage] .prod_8 #bg_color{
  background-repeat: no-repeat;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: right top;
  transform: scale(1.1) !important;
  transition: all .2s !important;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
[data-page=homepage] .prod_8.circle span {
    background: #fff !important;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
[data-page=homepage] .prod_8.circle span {
    background-color: red;
}
[data-page=homepage][data-clock="9"] .container_clock #clock svg line[data-mode=std].active {
    /*stroke: rgba(160, 218, 152, 1)*/
    stroke: #f3c12b
}
[data-page=homepage][data-clock="9"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="9"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #f3c12b
}
[data-page=homepage][data-clock="9"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="9"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #f3c12b
}
[data-page=homepage][data-clock="9"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="9"] article header h1 {
    color: #f3c12b
    font-size:80px !important;
}
[data-page=homepage][data-clock="9"] article header h1::selection {
    background: rgba(160, 218, 152, .2)
}
[data-page=homepage][data-clock="9"] article header h1::-moz-selection {
    background: rgba(160, 218, 152, .2)
}
[data-page=homepage][data-clock="9"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="9"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="9"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="9"] article .text p {
    /*color: rgba(249,117,8)*/
    color: #fff;
    /*display:none !important;*/
}
[data-page=homepage][data-clock="9"] article header .welcome{
    /*color: rgb(255, 255, 255)*/
    /*color:#fff;*/
    display:none;
}
[data-page=homepage][data-clock="9"] article .text .circle_button {
    color: #f3c12b
}
[data-page=homepage][data-clock="9"] article .text .circle_button svg circle {
    stroke: #f3c12b !important
}
[data-page=homepage][data-clock="9"] article .text .circle_button b {
    background: #f3c12b
}
html.no-touch [data-page=homepage][data-clock="9"] article .text .circle_button.hover {
    color: #de6c40
}
html.touch [data-page=homepage][data-clock="9"] article .text .circle_button.hover {
    color: #f3c12b
}
[data-page=homepage] .prod_9 #bg_color{
    /* background-image: url(../img/2-bg.png) !important; */
    background-repeat: no-repeat !important;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-position: right top;
    transform: scale(1.1) !important;
    transition: all .2s !important;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    transition: all 1s;
}
[data-page=homepage] .prod_9.circle span {
    background: #51136d!important;
    /*background-image: url(../img/2-bg.png) !important;*/
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;/*
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;*/
}

[data-page=homepage][data-clock="10"] .container_clock #clock svg line[data-mode=std].active {
    /*stroke: rgba(209, 163, 138, 1)*/
    stroke: rgb(0,0,0);
}
[data-page=homepage][data-clock="10"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="10"] article header h1 {
    color: #fff
    font-size:60px !important;
}
[data-page=homepage][data-clock="10"] .container_clock #clock [data-mode=big],
[data-page=homepage][data-clock="10"] .container_clock #clock svg line[data-mode=big].active {
    stroke: #fff;
}
[data-page=homepage][data-clock="10"] .container_clock #knob #spot #spotIn,
[data-page=homepage][data-clock="10"] .container_clock #knob #spot .spot-pulse {
    border: 2px solid #f00 !important
}
[data-page=homepage][data-clock="10"] .container_clock #knob #spot #spotIn span,
[data-page=homepage][data-clock="10"] article header h1 {
    color: #fff;
    font-size:70px !important;
    /*display: none;*/
}
[data-page=homepage][data-clock="10"] article header h1::selection {
    background: rgba(209, 163, 138, .2)
}
[data-page=homepage][data-clock="10"] article header h1::-moz-selection {
    background: rgba(209, 163, 138, .2)
}
[data-page=homepage][data-clock="10"] article .text .exteta {
    color: rgba(62, 62, 62, .8)
}
html.no-touch [data-page=homepage][data-clock="10"] article .text .exteta:hover,
html.touch [data-page=homepage][data-clock="10"] article .text .exteta:focus {
    color: #3e3e3e
}
[data-page=homepage][data-clock="10"] article .text p {
    /*color: rgba(62, 62, 62, .8)*/
    /*color: rgba(256,256,256);*/
    color: #fff;
    font-size: 35px !important;
}

[data-page=homepage][data-clock="10"] article .text .circle_button {
    color: #d1a38a
}
[data-page=homepage][data-clock="10"] article header .welcome{
    /*color: rgb(255, 255, 255)*/
    /*color:#fff;*/
    display:none;
}
[data-page=homepage][data-clock="10"] article .text .circle_button svg circle {
    stroke: #fff
}
[data-page=homepage][data-clock="10"] article .text .circle_button b {
    background: #d1a38a
}
html.no-touch [data-page=homepage][data-clock="10"] article .text .circle_button.hover {
    color: #54943f
}
html.touch [data-page=homepage][data-clock="10"] article .text .circle_button.hover {
    color: #d1a38a
}
[data-page=homepage] .prod_10 #bg_color,
[data-page=homepage] .prod_10.circle span {
   /* background-image: url(../img/3-bg.png) !important; */
   /* background: black; */
   background-repeat: no-repeat;
   background-size: cover !important;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   background-position: right top;
   -webkit-transform-origin: center;
   -moz-transform-origin: center;
   -ms-transform-origin: center;
   -o-transform-origin: center;
   transform-origin: center;
}

[data-page=homepage] #prodotti {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 600px;
    margin: 0;
    padding: 0
}
[data-page=homepage] #prodotti .swiper-wrapper {
    margin: 0;
    padding: 0
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide {
    margin: 0;
    padding: 80px 0;
    overflow: hidden;
    box-sizing: border-box;
    list-style: none
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 33%;
    margin: 0;
    padding: 0 5%;
    box-sizing: border-box;
    text-align: center
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1:empty,
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h2:empty,
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3:empty,
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header p:empty {
    display: none
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3 {
    display: block;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: rgba(41, 41, 41, .08);
    font-size: 88px;
    font-size: 5.5em;
    font-size: 5.5rem;
    line-height: .8em;
    margin: 0;
    font-family: Cervo-Regular, serif;
    font-weight: 400
}
@media (max-width: 992px) {
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3 {
        font-size: 80px;
        font-size: 5em;
        font-size: 5rem
    }
}
@media (max-width: 768px) {
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3 {
        font-size: 75px;
        font-size: 4.6875em;
        font-size: 4.6875rem
    }

    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3 {
        display: block;
    }

    /*FOR MOBILE VIEW*/
    [data-page=homepage] .prod_10 .img_prodotto img.prod,[data-page=homepage] .prod_6 .img_prodotto img.prod,[data-page=homepage] .prod_1 .img_prodotto img.prod {
        position: absolute;
        z-index: 3;
        width: 60px;
        height: initial;
        left: 374px;
        top: -365px;

    }
    [data-page=homepage] .prod_9 .img_prodotto img.prod {
        position: absolute;
        z-index: 3;
        width: 116px;
        height: initial;
        left: 319px;
        top: -355px;

    }
    [data-page=homepage] .prod_8 .img_prodotto img.prod {
        position: absolute;
        z-index: 3;
        width: 334px;
        height: initial;
        left: 217px;
        top: -355px;
    }
    [data-page=homepage] .prod_7 .img_prodotto img.prod {
        position: absolute;
        z-index: 3;
        width: 215px;
        height: initial;
        left: 245px;
        top: -409px;
    }
    /*FOR MOBILE VIEW*/





}
@media (max-width: 544px) {
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3 {
        font-size: 70px;
        font-size: 4.375em;
        font-size: 4.375rem
    }
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 51px;
    font-size: 3.1875em;
    font-size: 3.1875rem;
    line-height: .8em;
    margin: 52px -3px 0;
    font-family: Cervo-Light, serif;
    font-weight: 100;
    color: rgba(53, 53, 53, 1);
    text-transform: uppercase;
    text-align: center
}
@media (max-width: 992px) {
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 {
        margin-top: 45px
    }
    [data-page=single] .container {
        max-width: 992px!important
    }
   /* [data-page=homepage] #prodotti .swiper-wrapper #prod_6 header h3{
        display: none;
    }
    [data-page=homepage] #prodotti .swiper-wrapper #prod_6 header p{
        display: block;
        }*/

    }

    @media (max-width: 600px) {
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 {
            margin-top: 125px !important;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] header h3 {
            margin-top: 0px !important;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] header h1 {
            margin-top: 78px !important;
        }
    }



    @media (max-width: 768px) {
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] figure {
            width: 35%;
                height: 35%;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure {
            width: 38%;
                height: 35%;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure {
             width: 35%;
                height: 35%;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure {
            width: 40%;
                height: 35%;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide figure{
            width:50%;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 {
            margin-top: 125px;
            display: none;
        }
        [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] .img_prodotto {
         /*width:35%;*/
         /* left: 13px; */
         margin-left: -45px;
     }
     [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .prod {
        width: 58% !important;
        display: none;
    }
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] header h3  {
        color:#fff;
        font-family: cervolight !important;
        font-size: 35px !important;
        text-transform: uppercase;
    }
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] header  {
        padding: 0px;
        margin-top: 50px;
    }


    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] header h3{
        font-family: cervolight;
        font-size: 38px;
        margin-top: 24px;
        text-transform: uppercase;
        color: #fff !important;
    }

    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide p{
        display: none;
    }


    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] header h3{
        color: #F00;
        font-family: cervolight;
        font-weight: normal;
        font-size: 65px;
    }
    /*[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"]*/
    /*Background Image Change*/
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] {
           /*background-image: url(../img/mobile-kkr-banner.png) !important;
           background-size: cover !important;
           background-repeat: no-repeat !important;
           background-position: center !important;*/
       }
       [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] figure img{
        display: none;
    }
    [data-page=homepage] .img_prodotto {
        position: absolute;
        bottom: 0;
        left: 11%;
        top: -16%;
        height: auto;
        width: 72%;
        z-index: 7;
        margin: 0;
        padding: 0;
    }
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] figure {
       width: 50%;
       margin-left: -45px;
   }
   [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] figure img {
    display: none;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"]{
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;

}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] figure img {
    display: none;
}


/*Background Image Change*/




/*Home Page Responsive:;*/
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h3{
    top: 74px;

    font-family: cervolight !important;
    color: #f00;
    display: none;
}
.mobile [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header{
 top: -3% !important;
}
/*Home Page Responsive:;*/


[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"]  p{
    color: #f00 !important;
}

}
@media (max-width: 544px) {
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 {
        margin-top: 175px
    }
}

@media ( min-width: 320px ) and (max-width: 768px){
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"]{
        background-image: url(../../../../../assets/images/homepage-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"]{
    background-image: url(../../../../../assets/images/homepage-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"]{
    background-image: url(../../../../../assets/images/homepage-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"]{
    background-image: url(../../../../../assets/images/homepage-bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
}
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 div {
    overflow: hidden
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h1 span {
    display: inline-block;
    position: relative;
    margin: 0 3px
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header h2 {
    display: block;
    float: left;
    width: 100%;
    color: rgba(53, 53, 53, .28);
    font-size: 30px;
    font-size: 1.875em;
    font-size: 1.875rem;
    line-height: 1em;
    margin: 0;
    letter-spacing: 0;
    font-family: Cervo-Regular, serif;
    font-weight: 100
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header b {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    font-family: Theinhardt, serif;
    text-transform: uppercase;
    color: rgba(62, 62, 62, .5);
    line-height: 1em;
    font-size: 13px;
    font-size: .8125em;
    font-size: .8125rem;
    margin: .5em 0
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header b a {
    display: block;
    clear: both;
    position: relative;
    font-family: TheinhardtMed, serif;
    color: rgba(62, 62, 62, .5)
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide p {
    /*display: none*/
    text-align: center;
    color: #f00;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide figure {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 67%;
    margin: 0;
    padding: 0
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide figure img {
    display: block;
    position: absolute;
    top: 50%;
    left: 3%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    z-index: 1
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide figure img.prod {
    z-index: 7
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide .circle_link {
    position: absolute;
    top: 35%;
    left: 50%;
    margin: 0 -18px
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] {
    background: 0 0
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="2"] {
    background: #fbda52
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="2"] header h1 {
    color: #5091ad
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="2"] .circle_link {
    color: #fbda52;
    background: #5091ad
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="3"] {
    background: #de6c40
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="3"] header h1 {
    color: #f3c12b
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="3"] .circle_link {
    color: #de6c40;
    background: #f3c12b
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="4"] {
    background: #54943f
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="4"] header h1 {
    color: #e7b589
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="4"] .circle_link {
    color: #54943f;
    background: #e7b589
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="5"] {
    background: #22548c
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="5"] header h1 {
    color: #e4c883
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="5"] .circle_link {
    color: #22548c;
    background: #e4c883
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] {
    /*background: #fbda52*/
}

[data-page=homepage][data-clock="6"] .img_prodotto{
    /*display: none;*/
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] header h1 {
    color: #fff
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] .circle_link {
   color: #f00;
    /* background: #68c174; */
    top: 59%;
    left: 61%;
}
[data-page=homepage][data-clock="7"] .img_prodotto{
    /*display: none;*/
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] header h1 {
    color: #f00
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link {
    color: #f00;
    /* background: #f3c02a; */
    top: 59%;
    left: 61%;
}

[data-page=homepage][data-clock="8"] .img_prodotto{
    /*display: none;*/
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] header h1 {
    /*color: #f3c12b*/
    color:#f00;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
    color: #f00;
    /* background: #e85a4f; */
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link {
    color: #f00;
    /* background: #e85a4f; */
    top: 59%;
    left: 61%;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="9"] {
    background: #de6c40
}

[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="9"] header h1 {
    color: #f3c12b
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="9"] .circle_link {
    color: #de6c40;
    background: #f3c12b
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="10"] {
    background: #54943f
}
[data-page=homepage][data-clock="10"] .img_prodotto{
    /*display: none;*/
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="10"] header h1 {
    color: #d1a38a
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="10"] .circle_link {
    color: #54943f;
    background: #d1a38a
}
[data-page=homepage] #prodotti .swiper-pagination {
    position: absolute;
    bottom: 82px
}
[data-page=homepage] #prodotti .swiper-pagination span {
    width: 25px;
    height: 36px;
    position: relative;
    border-radius: 0;
    background: 0 0!important;
    margin: 0;

}
[data-page=homepage] #prodotti .swiper-pagination span:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 -1px;
    background: #de0101;
    border: 1px solid #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;.
    
}
[data-page=homepage] #prodotti .swiper-pagination span.swiper-pagination-bullet-active:after {
    background: #de0101;
}
[data-page=homepage] #prodotti .swiper-pagination span.swiper-pagination-bullet-active {
    background: 0 0!important
}
@media (max-width: 768px) {
    [data-page=homepage] {
        overflow-y: visible;
        background-image: url(../img/about/bg-gae-mobile.jpg);
        background-size: auto 100%;
        background-position: bottom right
    }
}
[data-page=single] .hidden {
    display: none
}
[data-page=single] .bg_prod {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}
[data-page=single] .container {
    position: relative
}
[data-page=single] .big_img {
    position: absolute;
    bottom: 0;
    left: 2.5%;
    z-index: 7;
    width: 95%;
    height: auto;
    margin: 0;
    padding: 0
}
[data-page=single] .big_img img {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
    will-change: transform
}
[data-page=single] .big_img img.shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}
[data-page=single] .page_item {
    clear: both;
    top: 0;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0
}
[data-page=single] header.title_fixed {
    display: block;
    float: left;
    position: fixed;
    top: 30%;
    left: 30%;
    z-index: 22;
    width: 40%;
    text-align: center;
    text-transform: uppercase
}
[data-page=single] h1.onlyMobile,
[data-page=single] header.title_fixed h1 {
    float: left;
    width: 100%;
    line-height: 1em;
    font-family: Cervo-Light, serif;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase
}
[data-page=single] header.title_fixed h1 {
    display: block;
    font-size: 70px;
    font-size: 4.375em;
    font-size: 4.375rem;
    margin: -60px -8px 0;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}
@media (max-width: 1200px) {
    [data-page=single] header.title_fixed h1 {
        font-size: 56px;
        font-size: 3.5em;
        font-size: 3.5rem
    }
}
@media (max-width: 992px) {
    [data-page=single] header.title_fixed h1 {
        font-size: 50px;
        font-size: 3.125em;
        font-size: 3.125rem
    }
}
@media (max-width: 544px) {
    [data-page=single] header.title_fixed h1 {
        font-size: 40px;
        font-size: 2.5em;
        font-size: 2.5rem
    }
}
.tablet [data-page=single] header.title_fixed h1 {
    margin: 0 -5px;
    font-size: 50px;
    font-size: 3.125em;
    font-size: 3.125rem
}
[data-page=single] header.title_fixed h1::selection {
    background: rgba(255, 255, 255, .2)
}
[data-page=single] header.title_fixed h1::-moz-selection {
    background: rgba(255, 255, 255, .2)
}
[data-page=single] header.title_fixed h1 div {
    overflow: hidden
}
[data-page=single] header.title_fixed h1 span {
    display: inline-block;
    position: relative;
    margin: 0 8px
}
.tablet [data-page=single] header.title_fixed h1 span {
    margin: 0 5px
}
[data-page=single] h1.onlyMobile {
    box-sizing: border-box;
    text-align: center;
    font-size: 70px;
    font-size: 4.375em;
    font-size: 4.375rem;
    margin: -50px -5px 0;
    padding: 0 5%;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}
@media (max-width: 1200px) {
    [data-page=single] h1.onlyMobile {
        font-size: 56px;
        font-size: 3.5em;
        font-size: 3.5rem
    }
}
@media (max-width: 992px) {
    [data-page=single] h1.onlyMobile {
        font-size: 50px;
        font-size: 3.125em;
        font-size: 3.125rem
    }
}
@media (max-width: 544px) {
    [data-page=single] h1.onlyMobile {
        font-size: 40px;
        font-size: 2.5em;
        font-size: 2.5rem
    }
}
[data-page=single] h1.onlyMobile div {
    overflow: hidden
}
[data-page=single] h1.onlyMobile span {
    display: inline-block;
    position: relative;
    margin: 0 5px
}
[data-page=single] [data-item=title] span {
    display: block;
    position: absolute;
    top: 58%;
    left: 50%;
    z-index: 1;
    width: 300px;
    margin: 0 -150px;
    text-align: center;
    font-size: 14px;
    font-size: .875em;
    font-size: .875rem;
    font-family: Theinhardt, serif;
    line-height: 3em;
    color: rgba(41, 41, 41, 1)
}
[data-page=single] [data-item=title] span:before {
    content: "";
    display: block;
    position: absolute;
    top: -95px;
    left: 50%;
    width: 1px;
    height: 84px;
    background: rgba(41, 41, 41, .15)
}
[data-page=single] [data-item=gallery] {
    padding: 15% 0
}
[data-page=single] [data-item=gallery] span {
    display: block;
    clear: both;
    -webkit-perspective: 800px;
    perspective: 800px
}
[data-page=single] [data-item=gallery] span.pos_1 {
    width: 36%;
    float: right;
    margin-right: 13%
}
[data-page=single] [data-item=gallery] span.pos_2 {
    width: 33%;
    float: left;
    margin-left: 11%
}
[data-page=single] [data-item=gallery] span.pos_3 {
    width: 30%;
    float: right;
    margin-right: 10%
}
[data-page=single] [data-item=gallery] span.pos_0 {
    width: 38%;
    float: left;
    margin-left: 8%
}
[data-page=single] [data-item=gallery] span img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}
[data-page=single] [data-item=text] {
    min-height: 100%;
    padding: 30% 0 5%
}
[data-page=single] [data-item=text] h1.onlyMobile {
    margin-top: -130px
}
[data-page=single] [data-item=text] article {
    position: relative;
    width: 100%;
    padding: 0 20%;
    margin: 0;
    font-family: Theinhardt, serif;
    font-size: 19px;
    font-size: 1.1875em;
    font-size: 1.1875rem;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-item=text] article h4 {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    line-height: 1.5em;
    font-family: Cervo-Light, serif;
    font-weight: 100;
    letter-spacing: .25em;
    text-transform: uppercase;
    margin: 15px 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375em;
    font-size: 1.375rem
}
[data-page=single] [data-item=text] article p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    line-height: 1.3em;
    margin: 2px 0 18px;
    padding: 0;
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    text-align: justify
}
[data-page=single] [data-item=text] article .half {
    display: block;
    float: left;
    width: 50%;
    padding: 0 7% 0 0;
    box-sizing: border-box
}
@media (max-width: 768px) {
    [data-page=single] [data-item=text] article .half {
        width: 100%;
        padding: 0
    }
}
[data-page=single] [data-item=colors] {
    position: relative
}
[data-page=single] [data-item=colors] .product_img_detail {
    width: 50%;
    height: 100%;
    position: relative
}
[data-page=single] [data-item=colors] .product_img_detail figure {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0)
}
[data-page=single] [data-item=colors] .product_img_detail figure:first-child {
    position: static;
    opacity: 1;
    filter: alpha(opacity=100)
}
[data-page=single] [data-item=colors] .product_img_detail img {
    width: 100%;
    height: auto
}
[data-page=single] [data-item=colors] #descr {
    min-height: initial;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}
#target_history,
.mobile.portrait #prodotti,
.mobile.portrait [data-page=homepage] {
    min-height: 100%
}
[data-page=single] [data-item=colors] article {
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%
}
[data-page=single] [data-item=colors] h1.onlyMobile {
    margin-top: 50px
}
[data-page=single] [data-item=colors] .big_img {
    bottom: 9%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
[data-page=single] [data-item=colors] .big_img.active {
    z-index: 9;
    opacity: 1
}
[data-page=single] [data-item=colors] .big_img img {
    width: 90%;
    margin-left: 5%
}
[data-page=single] [data-item=colors] .selector {
    position: absolute;
    top: 45%;
    left: 82%;
    z-index: 20
}
[data-page=single] [data-item=colors] .selector ul {
    display: block;
    list-style: none;
    border-left: 1px solid rgba(41, 41, 41, .15);
    margin: 0;
    padding: 25px
}
[data-page=single] [data-item=colors] .selector ul li {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin: 9px 0;
    padding: 0
}
[data-page=single] [data-item=colors] .selector ul li button {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-family: Theinhardt, serif;
    font-size: 15px;
    font-size: .9375em;
    font-size: .9375rem;
    color: #292929
}
[data-page=single] [data-item=colors] .selector ul li button span {
    display: block;
    float: left;
    position: relative;
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin: 0 20px 0 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 100%
}
[data-page=single] [data-item=colors] .selector ul li button span b {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 5;
    width: 28px;
    height: 28px;
    border-radius: 100%
}
[data-page=single] [data-item=colors] .selector ul li button span::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 29px;
    height: 29px;
    background: rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 100%
}
[data-page=single] [data-item=colors] .selector ul li button strong {
    font-weight: 400;
    cursor: pointer;
    height: 38px;
    line-height: 46px;
    display: block;
    float: left
}
[data-page=single] [data-item=colors] .selector ul li button.active span::after,
html.no-touch [data-page=single] [data-item=colors] .selector ul li button:hover span::after,
html.touch [data-page=single] [data-item=colors] .selector ul li button:focus span::after {
    width: 100%;
    height: 100%
}
[data-page=single] [data-item=colors] .texture {
    position: absolute;
    bottom: 2%;
    text-align: center;
    width: 100%;
    height: 43px;
    line-height: 43px;
    font-family: Theinhardt, serif;
    font-size: 15px;
    font-size: .9375em;
    font-size: .9375rem;
    color: #292929
}
[data-page=single] [data-item=colors] .texture img {
    display: inline-block;
    height: 43px;
    margin: 0 5px
}
[data-page=single] [data-item=download] {
    padding: 30% 0 5%
}
[data-page=single] [data-item=download] article {
    position: relative;
    width: 100%;
    padding: 0 30%;
    margin: 0;
    font-family: Theinhardt, serif;
    font-size: 15px;
    font-size: .9375em;
    font-size: .9375rem;
    color: #292929
}
[data-page=single] [data-item=download] article p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    line-height: 34px;
    margin: 0;
    padding: 0;
    text-align: center
}
[data-page=single] [data-item=download] article p a {
    display: inline-block;
    color: #292929;
    height: 34px;
    line-height: 38px
}
[data-page=single] [data-item=download] article p a .circle_button {
    display: inline-block;
    float: right;
    margin: 0 10px
}
[data-page=single] [data-item=download] article p a .circle_link {
    margin: 0 auto;
    display: block
}
[data-page=single] [data-item=information] {
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    bottom: 0;
    left: 0;
    margin: 412px 0
}
[data-page=single] [data-item=information] article {
    position: relative;
    top: 55%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: Theinhardt, serif;
    font-size: 15px;
    font-size: .9375em;
    font-size: .9375rem;
    color: #292929
}
[data-page=single] [data-item=information] article .cont_circle_button {
    display: inline-block;
    color: #292929;
    height: 34px;
    line-height: 38px
}
[data-page=single] [data-item=information] article .cont_circle_button .circle_button {
    display: inline-block;
    float: right;
    margin: 0 10px
}
[data-page=single] [data-item=information] article .cont_circle_button .circle_link {
    margin: 0 auto;
    display: block
}
[data-page=single] #userform .mdl-checkbox__box-outline {
    border-radius: 0
}
[data-page=single] #userform .mdl-checkbox__focus-helper,
[data-page=single] #userform .mdl-checkbox__ripple-container {
    display: none
}
[data-page=single] [data-idprod="2"] .bg_prod {
    background: #fbda52
}
.color_mod [data-page=single] [data-idprod="2"] .bg_prod,
[data-page=single] [data-idprod="2"] .cont_circle_button .circle_button b {
    background: #5091ad
}
[data-page=single] [data-idprod="2"] .col_prod1 {
    color: #fbda52
}
.color_mod [data-page=single] [data-idprod="2"] .col_prod1,
[data-page=single] [data-idprod="2"] .col_prod2 {
    color: #5091ad
}
.color_mod [data-page=single] [data-idprod="2"] .col_prod2 {
    color: #fbda52
}
[data-page=single] [data-idprod="2"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="2"] .cont_circle_button .circle_button {
    color: #5091ad
}
.color_mod [data-page=single] [data-idprod="2"] .cont_circle_button .circle_button {
    color: #fbda52!important
}
[data-page=single] [data-idprod="2"] .cont_circle_button .circle_button svg circle {
    stroke: #5091ad!important
}
.color_mod [data-page=single] [data-idprod="2"] .cont_circle_button .circle_button svg circle {
    stroke: #fbda52!important
}
.color_mod [data-page=single] [data-idprod="2"] .cont_circle_button .circle_button b {
    background: #fbda52!important
}
html.no-touch [data-page=single] [data-idprod="2"] .cont_circle_button:hover .circle_button {
    color: #fbda52
}
.color_mod html.no-touch [data-page=single] [data-idprod="2"] .cont_circle_button:hover .circle_button {
    color: #5091ad!important
}
html.touch [data-page=single] [data-idprod="2"] .cont_circle_button:focus .circle_button {
    color: #fbda52
}
.color_mod html.touch [data-page=single] [data-idprod="2"] .cont_circle_button:focus .circle_button {
    color: #5091ad!important
}
[data-page=single] [data-idprod="2"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="2"] #userform {
    color: #fbda52
}
[data-page=single] [data-idprod="2"] #userform .usersend a,
[data-page=single] [data-idprod="2"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="2"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="2"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #fbda52
}
[data-page=single] [data-idprod="2"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="2"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(251, 218, 82, 1)
}
[data-page=single] [data-idprod="2"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="2"] #userform .is-dirty label {
    color: #fbda52
}
[data-page=single] [data-idprod="2"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #fbda52
}
[data-page=single] [data-idprod="2"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="2"] #userform .is-focused .mdl-textfield__label {
    color: #fbda52
}
[data-page=single] [data-idprod="2"] #userform .usersend a,
[data-page=single] [data-idprod="2"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="2"] #userform .usersend a:hover .circle_button span {
    color: #5091ad;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="2"] #userform .usersend a:hover .circle_button span {
    color: #fbda52!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="2"] #userform .usersend a:focus {
    color: #5091ad;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="2"] #userform .usersend a:focus {
    color: #fbda52!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="3"] .bg_prod {
    background: #de6c40
}
.color_mod [data-page=single] [data-idprod="3"] .bg_prod,
[data-page=single] [data-idprod="3"] .cont_circle_button .circle_button b {
    background: #f3c12b
}
[data-page=single] [data-idprod="3"] .col_prod1 {
    color: #de6c40
}
.color_mod [data-page=single] [data-idprod="3"] .col_prod1,
[data-page=single] [data-idprod="3"] .col_prod2 {
    color: #f3c12b
}
.color_mod [data-page=single] [data-idprod="3"] .col_prod2 {
    color: #de6c40
}
[data-page=single] [data-idprod="3"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="3"] .cont_circle_button .circle_button {
    color: #f3c12b
}
.color_mod [data-page=single] [data-idprod="3"] .cont_circle_button .circle_button {
    color: #de6c40!important
}
[data-page=single] [data-idprod="3"] .cont_circle_button .circle_button svg circle {
    stroke: #f3c12b!important
}
.color_mod [data-page=single] [data-idprod="3"] .cont_circle_button .circle_button svg circle {
    stroke: #de6c40!important
}
.color_mod [data-page=single] [data-idprod="3"] .cont_circle_button .circle_button b {
    background: #de6c40!important
}
html.no-touch [data-page=single] [data-idprod="3"] .cont_circle_button:hover .circle_button {
    color: #de6c40
}
.color_mod html.no-touch [data-page=single] [data-idprod="3"] .cont_circle_button:hover .circle_button {
    color: #f3c12b!important
}
html.touch [data-page=single] [data-idprod="3"] .cont_circle_button:focus .circle_button {
    color: #de6c40
}
.color_mod html.touch [data-page=single] [data-idprod="3"] .cont_circle_button:focus .circle_button {
    color: #f3c12b!important
}
[data-page=single] [data-idprod="3"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="3"] #userform {
    color: #de6c40
}
[data-page=single] [data-idprod="3"] #userform .usersend a,
[data-page=single] [data-idprod="3"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="3"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="3"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #de6c40
}
[data-page=single] [data-idprod="3"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="3"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(222, 108, 64, 1)
}
[data-page=single] [data-idprod="3"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="3"] #userform .is-dirty label {
    color: #de6c40
}
[data-page=single] [data-idprod="3"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #de6c40
}
[data-page=single] [data-idprod="3"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="3"] #userform .is-focused .mdl-textfield__label {
    color: #de6c40
}
[data-page=single] [data-idprod="3"] #userform .usersend a,
[data-page=single] [data-idprod="3"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="3"] #userform .usersend a:hover .circle_button span {
    color: #f3c12b;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="3"] #userform .usersend a:hover .circle_button span {
    color: #de6c40!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="3"] #userform .usersend a:focus {
    color: #f3c12b;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="3"] #userform .usersend a:focus {
    color: #de6c40!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="4"] .bg_prod {
    background: #54943f
}
.color_mod [data-page=single] [data-idprod="4"] .bg_prod,
[data-page=single] [data-idprod="4"] .cont_circle_button .circle_button b {
    background: #e7b589
}
[data-page=single] [data-idprod="4"] .col_prod1 {
    color: #54943f
}
.color_mod [data-page=single] [data-idprod="4"] .col_prod1,
[data-page=single] [data-idprod="4"] .col_prod2 {
    color: #e7b589
}
.color_mod [data-page=single] [data-idprod="4"] .col_prod2 {
    color: #54943f
}
[data-page=single] [data-idprod="4"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="4"] .cont_circle_button .circle_button {
    color: #e7b589
}
.color_mod [data-page=single] [data-idprod="4"] .cont_circle_button .circle_button {
    color: #54943f!important
}
[data-page=single] [data-idprod="4"] .cont_circle_button .circle_button svg circle {
    stroke: #e7b589!important
}
.color_mod [data-page=single] [data-idprod="4"] .cont_circle_button .circle_button svg circle {
    stroke: #54943f!important
}
.color_mod [data-page=single] [data-idprod="4"] .cont_circle_button .circle_button b {
    background: #54943f!important
}
html.no-touch [data-page=single] [data-idprod="4"] .cont_circle_button:hover .circle_button {
    color: #54943f
}
.color_mod html.no-touch [data-page=single] [data-idprod="4"] .cont_circle_button:hover .circle_button {
    color: #e7b589!important
}
html.touch [data-page=single] [data-idprod="4"] .cont_circle_button:focus .circle_button {
    color: #54943f
}
.color_mod html.touch [data-page=single] [data-idprod="4"] .cont_circle_button:focus .circle_button {
    color: #e7b589!important
}
[data-page=single] [data-idprod="4"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="4"] #userform {
    color: #54943f
}
[data-page=single] [data-idprod="4"] #userform .usersend a,
[data-page=single] [data-idprod="4"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="4"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="4"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #54943f
}
[data-page=single] [data-idprod="4"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="4"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(84, 148, 63, 1)
}
[data-page=single] [data-idprod="4"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="4"] #userform .is-dirty label {
    color: #54943f
}
[data-page=single] [data-idprod="4"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #54943f
}
[data-page=single] [data-idprod="4"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="4"] #userform .is-focused .mdl-textfield__label {
    color: #54943f
}
[data-page=single] [data-idprod="4"] #userform .usersend a,
[data-page=single] [data-idprod="4"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="4"] #userform .usersend a:hover .circle_button span {
    color: #e7b589;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="4"] #userform .usersend a:hover .circle_button span {
    color: #54943f!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="4"] #userform .usersend a:focus {
    color: #e7b589;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="4"] #userform .usersend a:focus {
    color: #54943f!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="5"] .bg_prod {
    background: #22548c
}
.color_mod [data-page=single] [data-idprod="5"] .bg_prod,
[data-page=single] [data-idprod="5"] .cont_circle_button .circle_button b {
    background: #e4c883
}
[data-page=single] [data-idprod="5"] .col_prod1 {
    color: #22548c
}
.color_mod [data-page=single] [data-idprod="5"] .col_prod1,
[data-page=single] [data-idprod="5"] .col_prod2 {
    color: #e4c883
}
.color_mod [data-page=single] [data-idprod="5"] .col_prod2 {
    color: #22548c
}
[data-page=single] [data-idprod="5"] .col_prod3 {
    color: #fff
}
[data-page=single] [data-idprod="5"] .cont_circle_button .circle_button {
    color: #e4c883
}
.color_mod [data-page=single] [data-idprod="5"] .cont_circle_button .circle_button {
    color: #22548c!important
}
[data-page=single] [data-idprod="5"] .cont_circle_button .circle_button svg circle {
    stroke: #e4c883!important
}
.color_mod [data-page=single] [data-idprod="5"] .cont_circle_button .circle_button svg circle {
    stroke: #22548c!important
}
.color_mod [data-page=single] [data-idprod="5"] .cont_circle_button .circle_button b {
    background: #22548c!important
}
html.no-touch [data-page=single] [data-idprod="5"] .cont_circle_button:hover .circle_button {
    color: #22548c
}
.color_mod html.no-touch [data-page=single] [data-idprod="5"] .cont_circle_button:hover .circle_button {
    color: #e4c883!important
}
html.touch [data-page=single] [data-idprod="5"] .cont_circle_button:focus .circle_button {
    color: #22548c
}
.color_mod html.touch [data-page=single] [data-idprod="5"] .cont_circle_button:focus .circle_button {
    color: #e4c883!important
}
[data-page=single] [data-idprod="5"] [data-item=text] article {
    color: rgba(255, 255, 255, .68)
}
[data-page=single] [data-idprod="5"] #userform {
    color: #22548c
}
[data-page=single] [data-idprod="5"] #userform .usersend a,
[data-page=single] [data-idprod="5"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="5"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="5"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #22548c
}
[data-page=single] [data-idprod="5"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="5"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(34, 84, 140, 1)
}
[data-page=single] [data-idprod="5"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="5"] #userform .is-dirty label {
    color: #22548c
}
[data-page=single] [data-idprod="5"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #22548c
}
[data-page=single] [data-idprod="5"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="5"] #userform .is-focused .mdl-textfield__label {
    color: #22548c
}
[data-page=single] [data-idprod="5"] #userform .usersend a,
[data-page=single] [data-idprod="5"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="5"] #userform .usersend a:hover .circle_button span {
    color: #e4c883;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="5"] #userform .usersend a:hover .circle_button span {
    color: #22548c!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="5"] #userform .usersend a:focus {
    color: #e4c883;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="5"] #userform .usersend a:focus {
    color: #22548c!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="6"] .bg_prod {
    background: #fbda52
}
.color_mod [data-page=single] [data-idprod="6"] .bg_prod,
[data-page=single] [data-idprod="6"] .cont_circle_button .circle_button b {
    background: #68c174
}
[data-page=single] [data-idprod="6"] .col_prod1 {
    color: #fbda52
}
.color_mod [data-page=single] [data-idprod="6"] .col_prod1,
[data-page=single] [data-idprod="6"] .col_prod2 {
    color: #68c174
}
.color_mod [data-page=single] [data-idprod="6"] .col_prod2 {
    color: #fbda52
}
[data-page=single] [data-idprod="6"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="6"] .cont_circle_button .circle_button {
    color: #68c174
}
.color_mod [data-page=single] [data-idprod="6"] .cont_circle_button .circle_button {
    color: #fbda52!important
}
[data-page=single] [data-idprod="6"] .cont_circle_button .circle_button svg circle {
    stroke: #68c174!important
}
.color_mod [data-page=single] [data-idprod="6"] .cont_circle_button .circle_button svg circle {
    stroke: #fbda52!important
}
.color_mod [data-page=single] [data-idprod="6"] .cont_circle_button .circle_button b {
    background: #fbda52!important
}
html.no-touch [data-page=single] [data-idprod="6"] .cont_circle_button:hover .circle_button {
    color: #fbda52
}
.color_mod html.no-touch [data-page=single] [data-idprod="6"] .cont_circle_button:hover .circle_button {
    color: #68c174!important
}
html.touch [data-page=single] [data-idprod="6"] .cont_circle_button:focus .circle_button {
    color: #fbda52
}
.color_mod html.touch [data-page=single] [data-idprod="6"] .cont_circle_button:focus .circle_button {
    color: #68c174!important
}
[data-page=single] [data-idprod="6"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="6"] #userform {
    color: #fbda52
}
[data-page=single] [data-idprod="6"] #userform .usersend a,
[data-page=single] [data-idprod="6"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="6"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="6"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #fbda52
}
[data-page=single] [data-idprod="6"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="6"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(251, 218, 82, 1)
}
[data-page=single] [data-idprod="6"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="6"] #userform .is-dirty label {
    color: #fbda52
}
[data-page=single] [data-idprod="6"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #fbda52
}
[data-page=single] [data-idprod="6"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="6"] #userform .is-focused .mdl-textfield__label {
    color: #fbda52
}
[data-page=single] [data-idprod="6"] #userform .usersend a,
[data-page=single] [data-idprod="6"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="6"] #userform .usersend a:hover .circle_button span {
    color: #68c174;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="6"] #userform .usersend a:hover .circle_button span {
    color: #fbda52!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="6"] #userform .usersend a:focus {
    color: #68c174;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="6"] #userform .usersend a:focus {
    color: #fbda52!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="7"] .bg_prod {
    background: #22548c
}
.color_mod [data-page=single] [data-idprod="7"] .bg_prod,
[data-page=single] [data-idprod="7"] .cont_circle_button .circle_button b {
    background: #f3c02a
}
[data-page=single] [data-idprod="7"] .col_prod1 {
    color: #22548c
}
.color_mod [data-page=single] [data-idprod="7"] .col_prod1,
[data-page=single] [data-idprod="7"] .col_prod2 {
    color: #f3c02a
}
.color_mod [data-page=single] [data-idprod="7"] .col_prod2 {
    color: #22548c
}
[data-page=single] [data-idprod="7"] .col_prod3 {
    color: #fff
}
[data-page=single] [data-idprod="7"] .cont_circle_button .circle_button {
    color: #f3c02a
}
.color_mod [data-page=single] [data-idprod="7"] .cont_circle_button .circle_button {
    color: #22548c!important
}
[data-page=single] [data-idprod="7"] .cont_circle_button .circle_button svg circle {
    stroke: #f3c02a!important
}
.color_mod [data-page=single] [data-idprod="7"] .cont_circle_button .circle_button svg circle {
    stroke: #22548c!important
}
.color_mod [data-page=single] [data-idprod="7"] .cont_circle_button .circle_button b {
    background: #22548c!important
}
html.no-touch [data-page=single] [data-idprod="7"] .cont_circle_button:hover .circle_button {
    color: #22548c
}
.color_mod html.no-touch [data-page=single] [data-idprod="7"] .cont_circle_button:hover .circle_button {
    color: #f3c02a!important
}
html.touch [data-page=single] [data-idprod="7"] .cont_circle_button:focus .circle_button {
    color: #22548c
}
.color_mod html.touch [data-page=single] [data-idprod="7"] .cont_circle_button:focus .circle_button {
    color: #f3c02a!important
}
[data-page=single] [data-idprod="7"] [data-item=text] article {
    color: rgba(255, 255, 255, .68)
}
[data-page=single] [data-idprod="7"] #userform {
    color: #22548c
}
[data-page=single] [data-idprod="7"] #userform .usersend a,
[data-page=single] [data-idprod="7"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="7"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="7"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #22548c
}
[data-page=single] [data-idprod="7"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="7"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(34, 84, 140, 1)
}
[data-page=single] [data-idprod="7"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="7"] #userform .is-dirty label {
    color: #22548c
}
[data-page=single] [data-idprod="7"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: red;
}
[data-page=single] [data-idprod="7"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="7"] #userform .is-focused .mdl-textfield__label {
    color: #22548c
}
[data-page=single] [data-idprod="7"] #userform .usersend a,
[data-page=single] [data-idprod="7"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="7"] #userform .usersend a:hover .circle_button span {
    color: #f3c02a;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="7"] #userform .usersend a:hover .circle_button span {
    color: #22548c!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="7"] #userform .usersend a:focus {
    color: #f3c02a;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="7"] #userform .usersend a:focus {
    color: #22548c!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="8"] .bg_prod {
    background: #eae7dc
}
.color_mod [data-page=single] [data-idprod="8"] .bg_prod,
[data-page=single] [data-idprod="8"] .cont_circle_button .circle_button b {
    background: #e85a4f
}
[data-page=single] [data-idprod="8"] .col_prod1 {
    color: #eae7dc
}
.color_mod [data-page=single] [data-idprod="8"] .col_prod1,
[data-page=single] [data-idprod="8"] .col_prod2 {
    color: #e85a4f
}
.color_mod [data-page=single] [data-idprod="8"] .col_prod2 {
    color: #eae7dc
}
[data-page=single] [data-idprod="8"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="8"] .cont_circle_button .circle_button {
    color: #e85a4f
}
.color_mod [data-page=single] [data-idprod="8"] .cont_circle_button .circle_button {
    color: #eae7dc!important
}
[data-page=single] [data-idprod="8"] .cont_circle_button .circle_button svg circle {
    stroke: #e85a4f!important
}
.color_mod [data-page=single] [data-idprod="8"] .cont_circle_button .circle_button svg circle {
    stroke: #eae7dc!important
}
.color_mod [data-page=single] [data-idprod="8"] .cont_circle_button .circle_button b {
    background: #eae7dc!important
}
html.no-touch [data-page=single] [data-idprod="8"] .cont_circle_button:hover .circle_button {
    color: #eae7dc
}
.color_mod html.no-touch [data-page=single] [data-idprod="8"] .cont_circle_button:hover .circle_button {
    color: #e85a4f!important
}
html.touch [data-page=single] [data-idprod="8"] .cont_circle_button:focus .circle_button {
    color: #eae7dc
}
.color_mod html.touch [data-page=single] [data-idprod="8"] .cont_circle_button:focus .circle_button {
    color: #e85a4f!important
}
[data-page=single] [data-idprod="8"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="8"] #userform {
    color: #eae7dc
}
[data-page=single] [data-idprod="8"] #userform .usersend a,
[data-page=single] [data-idprod="8"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="8"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="8"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #eae7dc
}
[data-page=single] [data-idprod="8"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="8"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(234, 231, 220, 1)
}
[data-page=single] [data-idprod="8"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="8"] #userform .is-dirty label {
    color: #eae7dc
}
[data-page=single] [data-idprod="8"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #eae7dc
}
[data-page=single] [data-idprod="8"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="8"] #userform .is-focused .mdl-textfield__label {
    color: #eae7dc
}
[data-page=single] [data-idprod="8"] #userform .usersend a,
[data-page=single] [data-idprod="8"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="8"] #userform .usersend a:hover .circle_button span {
    color: #e85a4f;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="8"] #userform .usersend a:hover .circle_button span {
    color: #eae7dc!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="8"] #userform .usersend a:focus {
    color: #e85a4f;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="8"] #userform .usersend a:focus {
    color: #eae7dc!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="9"] .bg_prod {
    background: #de6c40
}
.color_mod [data-page=single] [data-idprod="9"] .bg_prod,
[data-page=single] [data-idprod="9"] .cont_circle_button .circle_button b {
    background: #f3c12b
}
[data-page=single] [data-idprod="9"] .col_prod1 {
    color: #de6c40
}
.color_mod [data-page=single] [data-idprod="9"] .col_prod1,
[data-page=single] [data-idprod="9"] .col_prod2 {
    color: #f3c12b
}
.color_mod [data-page=single] [data-idprod="9"] .col_prod2 {
    color: #de6c40
}
[data-page=single] [data-idprod="9"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="9"] .cont_circle_button .circle_button {
    color: #f3c12b
}
.color_mod [data-page=single] [data-idprod="9"] .cont_circle_button .circle_button {
    color: #de6c40!important
}
[data-page=single] [data-idprod="9"] .cont_circle_button .circle_button svg circle {
    stroke: #f3c12b!important
}
.color_mod [data-page=single] [data-idprod="9"] .cont_circle_button .circle_button svg circle {
    stroke: #de6c40!important
}
.color_mod [data-page=single] [data-idprod="9"] .cont_circle_button .circle_button b {
    background: #de6c40!important
}
html.no-touch [data-page=single] [data-idprod="9"] .cont_circle_button:hover .circle_button {
    color: #de6c40
}
.color_mod html.no-touch [data-page=single] [data-idprod="9"] .cont_circle_button:hover .circle_button {
    color: #f3c12b!important
}
html.touch [data-page=single] [data-idprod="9"] .cont_circle_button:focus .circle_button {
    color: #de6c40
}
.color_mod html.touch [data-page=single] [data-idprod="9"] .cont_circle_button:focus .circle_button {
    color: #f3c12b!important
}
[data-page=single] [data-idprod="9"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="9"] #userform {
    color: #de6c40
}
[data-page=single] [data-idprod="9"] #userform .usersend a,
[data-page=single] [data-idprod="9"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="9"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="9"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #de6c40
}
[data-page=single] [data-idprod="9"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="9"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(222, 108, 64, 1)
}
[data-page=single] [data-idprod="9"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="9"] #userform .is-dirty label {
    color: #de6c40
}
[data-page=single] [data-idprod="9"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #de6c40
}
[data-page=single] [data-idprod="9"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="9"] #userform .is-focused .mdl-textfield__label {
    color: #de6c40
}
[data-page=single] [data-idprod="9"] #userform .usersend a,
[data-page=single] [data-idprod="9"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="9"] #userform .usersend a:hover .circle_button span {
    color: #f3c12b;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="9"] #userform .usersend a:hover .circle_button span {
    color: #de6c40!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="9"] #userform .usersend a:focus {
    color: #f3c12b;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="9"] #userform .usersend a:focus {
    color: #de6c40!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
[data-page=single] [data-idprod="10"] .bg_prod {
    background: #54943f
}
.color_mod [data-page=single] [data-idprod="10"] .bg_prod,
[data-page=single] [data-idprod="10"] .cont_circle_button .circle_button b {
    background: #d1a38a
}
[data-page=single] [data-idprod="10"] .col_prod1 {
    color: #54943f
}
.color_mod [data-page=single] [data-idprod="10"] .col_prod1,
[data-page=single] [data-idprod="10"] .col_prod2 {
    color: #d1a38a
}
.color_mod [data-page=single] [data-idprod="10"] .col_prod2 {
    color: #54943f
}
[data-page=single] [data-idprod="10"] .col_prod3 {
    color: #3e3e3e
}
[data-page=single] [data-idprod="10"] .cont_circle_button .circle_button {
    color: #d1a38a
}
.color_mod [data-page=single] [data-idprod="10"] .cont_circle_button .circle_button {
    color: #54943f!important
}
[data-page=single] [data-idprod="10"] .cont_circle_button .circle_button svg circle {
    stroke: #d1a38a!important
}
.color_mod [data-page=single] [data-idprod="10"] .cont_circle_button .circle_button svg circle {
    stroke: #54943f!important
}
.color_mod [data-page=single] [data-idprod="10"] .cont_circle_button .circle_button b {
    background: #54943f!important
}
html.no-touch [data-page=single] [data-idprod="10"] .cont_circle_button:hover .circle_button {
    color: #54943f
}
.color_mod html.no-touch [data-page=single] [data-idprod="10"] .cont_circle_button:hover .circle_button {
    color: #d1a38a!important
}
html.touch [data-page=single] [data-idprod="10"] .cont_circle_button:focus .circle_button {
    color: #54943f
}
.color_mod html.touch [data-page=single] [data-idprod="10"] .cont_circle_button:focus .circle_button {
    color: #d1a38a!important
}
[data-page=single] [data-idprod="10"] [data-item=text] article {
    color: rgba(62, 62, 62, .68)
}
[data-page=single] [data-idprod="10"] #userform {
    color: #54943f
}
[data-page=single] [data-idprod="10"] #userform .usersend a,
[data-page=single] [data-idprod="10"] #userform label {
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="10"] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(41, 41, 41, .48);
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="10"] #userform .mdl-checkbox__box-outline {
    border: 2px solid #54943f
}
[data-page=single] [data-idprod="10"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="10"] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(84, 148, 63, 1)
}
[data-page=single] [data-idprod="10"] #userform .is-dirty .mdl-textfield__input,
[data-page=single] [data-idprod="10"] #userform .is-dirty label {
    color: #54943f
}
[data-page=single] [data-idprod="10"] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #54943f
}
[data-page=single] [data-idprod="10"] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: rgba(41, 41, 41, .48)
}
[data-page=single] [data-idprod="10"] #userform .is-focused .mdl-textfield__label {
    color: #54943f
}
[data-page=single] [data-idprod="10"] #userform .usersend a,
[data-page=single] [data-idprod="10"] #userform .usersend a .usersend__label {
    color: rgba(41, 41, 41, .48)
}
html.no-touch [data-page=single] [data-idprod="10"] #userform .usersend a:hover .circle_button span {
    color: #d1a38a;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.no-touch [data-page=single] [data-idprod="10"] #userform .usersend a:hover .circle_button span {
    color: #54943f!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
html.touch [data-page=single] [data-idprod="10"] #userform .usersend a:focus {
    color: #d1a38a;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
.color_mod html.touch [data-page=single] [data-idprod="10"] #userform .usersend a:focus {
    color: #54943f!important;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
@media (max-width: 768px) {
    [data-page=single] [data-item=information] article {
        top: 50%;
        padding: 5%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    [data-page=single] .big_img {
        bottom: 5%;
        left: 5%;
        width: 90%
    }
    [data-page=single] header.title_fixed {
        position: absolute;
        top: 15%;
        left: 5%;
        width: 90%
    }
    [data-page=single] [data-item=title] span:before,
    [data-page=single] [data-item=text] article:before {
        top: -65px;
        height: 54px
    }
    [data-page=single] header.title_fixed h1 {
        line-height: 1em;
        margin: 0 -3px;
        color: #fff
    }
    [data-page=single] header.title_fixed h1 span {
        display: inline-block;
        position: relative;
        margin: 0 3px
    }
    [data-page=single] [data-item=title] span {
        top: 48%;
        font-size: 12px;
        font-size: .75em;
        font-size: .75rem;
        line-height: 3em
    }
    [data-page=single] [data-item=gallery] {
        padding: 30% 0
    }
    [data-page=single] [data-item=gallery] span.pos_0,
    [data-page=single] [data-item=gallery] span.pos_1,
    [data-page=single] [data-item=gallery] span.pos_2,
    [data-page=single] [data-item=gallery] span.pos_3 {
        width: 90%;
        float: right;
        margin-right: 5%
    }
    [data-page=single] [data-item=gallery] span img {
        margin: 3% 0
    }
    [data-page=single] [data-item=text] {
        min-height: 100%;
        padding: 30% 0 5%
    }
    [data-page=single] [data-item=text] article {
        padding: 0 10%
    }
    [data-page=single] [data-item=colors] .cont_mobile {
        display: block;
        position: relative;
        float: left;
        clear: both;
        width: 100%;
        margin: 35px 0
    }
    [data-page=single] [data-item=colors] .cont_mobile .big_img {
        bottom: 0
    }
    [data-page=single] [data-item=colors] .selector {
        position: relative;
        display: block;
        float: left;
        clear: both;
        top: 0;
        left: 0;
        width: 80%;
        padding: 0 10%;
        z-index: 20
    }
    [data-page=single] [data-item=colors] .selector ul {
        display: block;
        float: left;
        width: 100%;
        border-left: 0 solid rgba(41, 41, 41, .15);
        border-bottom: 1px solid rgba(41, 41, 41, .15);
        padding: 25px 0
    }
    [data-page=single] [data-item=colors] .selector ul li {
        display: block;
        float: left;
        width: 50%;
        height: 38px;
        line-height: 38px;
        margin: 9px 0;
        padding: 0
    }
    [data-page=single] [data-item=colors] .selector ul li button span {
        margin: 0 10px 0 0
    }
    [data-page=single] [data-item=colors] .texture {
        bottom: 0;
        height: 33px;
        line-height: 33px
    }
}
[data-page=about] {
    overflow: hidden
}
[data-page=about] .bg_start_prod {
    background-image: url(../img/about/bg-gae.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
[data-page=about] .page_item header,
[data-page=contact] .container {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}
[data-page=about] .bg_prod {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    transition: background .3s linear;
    background-image: url(../img/about/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center
}
[data-page=about] .big_img {
    position: absolute;
    bottom: 10%;
    left: 15%;
    z-index: 7;
    width: 70%;
    height: auto;
    margin: 0;
    padding: 0
}
[data-page=about] .big_img img {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}
[data-page=about] .page_item {
    position: relative;
    clear: both;
    float: left;
    top: 0;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0
}
[data-page=about] .page_item header {
    float: left;
    width: 100%;
    height: auto;
    top: 45%;
    position: absolute;
    text-align: center;
    transform: translateY(-50%)
}
[data-page=about] .page_item header .title_wrapper {
    max-width: 530px
}
[data-page=about] .page_item header h3 {
    color: rgba(41, 41, 41, .08);
    font-size: 120px;
    font-size: 7.5em;
    font-size: 7.5rem;
    line-height: 1em;
    margin: 0;
    font-family: Cervo-Regular, serif, serif;
    font-weight: 400
}
[data-page=about] .page_item header h1 {
    display: block;
    float: left;
    width: 100%;
    font-size: 50px;
    font-size: 3.125em;
    font-size: 3.125rem;
    line-height: 1em;
    margin: -40px 0 0;
    font-family: Cervo-Light, serif;
    font-weight: 100;
    color: #353535;
    text-transform: uppercase;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}
[data-page=about] .page_item header h1::selection {
    background: rgba(255, 255, 255, .2)
}
[data-page=about] .page_item header h1::-moz-selection {
    background: rgba(255, 255, 255, .2)
}
[data-page=about] .page_item header h1 div {
    display: inline-block;
    overflow: hidden;
    margin: 0 5px
}
[data-page=about] .page_item header h1 span {
    display: inline-block;
    position: relative;
    margin: 0 8px
}
[data-page=about] section,
[data-page=about] section[data-item=image] figure {
    text-align: center
}
[data-page=about] section article,
[data-page=about] section article h1,
[data-page=about] section article h2,
[data-page=about] section article p {
    font-family: Cervo-Light, serif
}
[data-page=about] section article h1 {
    font-size: 48px;
    font-size: 3em;
    font-size: 3rem;
    letter-spacing: 10px;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-bottom: 30px
}
[data-page=about] section article h2,
[data-page=about] section[data-item=text-image] article h2 {
    font-size: 20px;
    font-size: 1.25em;
    font-size: 1.25rem;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: 2px
}
[data-page=about] section article p,
[data-page=about] section[data-item=text-image] article p {
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    font-family: TheinhardtLight, serif;
    color: #666
}
[data-page=about] section figure {
    width: 100%;
    max-width: 767px;
    margin-left: auto;
    margin-right: auto
}
[data-page=about] section figure img {
    width: 100%;
    height: auto
}
[data-page=about] section[data-item=text-image] figure {
    max-width: 100%;
    width: 50%;
    margin: 0;
    float: right
}
[data-page=about] section[data-item=text-image] figure img {
    width: 50%;
    max-width: 400px
}
[data-page=about] section[data-item=text-image] article {
    text-align: left;
    width: 100%;
    max-width: 767px;
    margin-left: auto;
    margin-right: auto;
    font-family: Cervo-Light, serif
}
[data-page=about] section[data-item=text-image] article h1,
[data-page=about] section[data-item=text-image] article h2,
[data-page=about] section[data-item=text-image] article p {
    width: 60%;
    font-family: Cervo-Light, serif
}
[data-page=about] section[data-item=text-image] article h1 {
    width: 70%;
    font-size: 48px;
    font-size: 3em;
    font-size: 3rem;
    letter-spacing: 10px;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-bottom: 30px
}
@media (max-width: 768px) {
    [data-page=about] section article h1,
    [data-page=about] section article h2,
    [data-page=about] section[data-item=text-image] article h1,
    [data-page=about] section[data-item=text-image] article h2 {
        letter-spacing: 0
    }
    [data-page=about] section figure {
        width: 90%;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%
    }
}
[data-page=about] section[data-item=text-image].big figure {
    text-align: right
}
[data-page=about] section[data-item=text-image].big figure img {
    width: 70%;
    max-width: 700px
}
[data-page=about] section[data-item=image-left] figure {
    max-width: 100%;
    width: 60%;
    margin: 0
}
[data-page=about] section[data-item=image-left] figure img,
[data-page=about] section[data-item=image-right] figure img {
    width: 55%;
    max-width: 550px
}
[data-page=about] section[data-item=image-text] figure {
    max-width: 100%;
    width: 50%;
    margin: 0
}
[data-page=about] section[data-item=image-text] figure img {
    width: 50%;
    max-width: 400px
}
[data-page=about] section[data-item=image-text] article {
    text-align: right;
    width: 100%;
    max-width: 767px;
    margin-left: auto;
    margin-right: auto;
    font-family: Cervo-Light, serif
}
[data-page=about] section[data-item=image-text] article h1,
[data-page=about] section[data-item=image-text] article h2,
[data-page=about] section[data-item=image-text] article p {
    width: 60%;
    margin-left: 40%
}
[data-page=about] section[data-item=image-text] article h1 {
    width: 70%;
    margin-left: 30%;
    font-size: 48px;
    font-size: 3em;
    font-size: 3rem;
    letter-spacing: 20px;
    text-transform: uppercase;
    margin-bottom: 40px
}
[data-page=about] section[data-item=image-text] article h2 {
    font-size: 18px;
    font-size: 1.125em;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 5px
}
[data-page=about] section[data-item=image-text] article p {
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    font-family: TheinhardtLight, serif;
    color: #666
}
[data-page=about] section[data-item=image-right] figure {
    max-width: 100%;
    width: 60%;
    margin: 0;
    float: right
}
[data-page=about] #pos2 {
    margin-top: 50px;
    margin-bottom: -120px
}
[data-page=about] #pos2 article {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}
[data-page=about] #pos2 figure {
    -webkit-transform: translateY(-230px);
    -moz-transform: translateY(-230px);
    -ms-transform: translateY(-230px);
    -o-transform: translateY(-230px);
    transform: translateY(-230px)
}
[data-page=about] #pos3 {
    -webkit-transform: translateY(-310px);
    -moz-transform: translateY(-310px);
    -ms-transform: translateY(-310px);
    -o-transform: translateY(-310px);
    transform: translateY(-310px)
}
[data-page=about] #pos5 {
    margin-top: -50px
}
[data-page=about] #pos5 article,
[data-page=about] #pos7 {
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    transform: translateY(-300px)
}
[data-page=about] #pos5 article h1 {
    width: 90%;
    margin-left: 10%
}
[data-page=about] #pos6 {
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px)
}
[data-page=about] #pos9 {
    margin-top: 50px
}
[data-page=about] #pos9 figure {
    -webkit-transform: translateY(-250px);
    -moz-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    -o-transform: translateY(-250px);
    transform: translateY(-250px)
}
@media (max-width: 768px) {
    [data-page=about] section[data-item=image-text] article h1,
    [data-page=about] section[data-item=image-text] article h2 {
        letter-spacing: 0
    }
    [data-page=about] section[data-item=image-text] article {
        text-align: left
    }
    [data-page=about] #pos5 article h1 {
        width: 100%;
        margin-left: 0
    }
    [data-page=about] section[data-item=text-image] figure img,
    [data-page=about] section[data-item=text-image].big figure img,
    [data-page=about] section[data-item=image-text] figure img,
    [data-page=about] section[data-item=image-right] figure img {
        max-width: 100%;
        width: 100%
    }
    [data-page=about] .bg_start_prod {
        background-image: url(../img/about/bg-gae-mobile.jpg);
        background-size: auto 100%;
        background-position: bottom right
    }
    [data-page=about] .page_item header {
        position: absolute;
        top: 45%
    }
    [data-page=about] .page_item header h3 {
        font-size: 110px;
        font-size: 6.875em;
        font-size: 6.875rem
    }
    [data-page=about] .page_item header h1 {
        font-size: 46px;
        font-size: 2.875em;
        font-size: 2.875rem;
        margin-top: -34px
    }
    [data-page=about] .page_item header h1 div {
        display: block
    }
    [data-page=about] section article {
        margin: 2em 0 3em
    }
    [data-page=about] section[data-item=text-image] figure {
        max-width: 90%;
        width: 90%;
        margin: 0 5% 1em;
        float: right
    }
    [data-page=about] section[data-item=text-image] article {
        text-align: left;
        width: 80%;
        max-width: 767px;
        margin-left: auto;
        margin-right: auto
    }
    [data-page=about] section[data-item=text-image] article h1,
    [data-page=about] section[data-item=text-image] article h2,
    [data-page=about] section[data-item=text-image] article p {
        width: 100%
    }
    [data-page=about] section[data-item=text-image].big figure {
        text-align: center;
        margin-bottom: 1em
    }
    [data-page=about] section[data-item=image-left] figure {
        width: 90%;
        margin: 0 5% 1em
    }
    [data-page=about] section[data-item=image-left] figure img {
        width: 100%
    }
    [data-page=about] section[data-item=image-text] figure,
    [data-page=about] section[data-item=image-right] figure {
        max-width: 90%;
        width: 90%;
        margin: 0 5% 1em
    }
    [data-page=about] section[data-item=image-text] article {
        width: 80%
    }
    [data-page=about] section[data-item=image-text] article h1,
    [data-page=about] section[data-item=image-text] article h2,
    [data-page=about] section[data-item=image-text] article p {
        width: 100%;
        margin-left: 0
    }
    [data-page=about] #pos2,
    [data-page=about] #pos5,
    [data-page=about] #pos9 {
        margin-top: 0
    }
    [data-page=about] #pos2 article,
    [data-page=about] #pos2 figure,
    [data-page=about] #pos3,
    [data-page=about] #pos5 article,
    [data-page=about] #pos6,
    [data-page=about] #pos7,
    [data-page=about] #pos9 figure {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
@media (max-width: 544px) {
    [data-page=about] h3 {
        font-size: 100px;
        font-size: 6.25em;
        font-size: 6.25rem
    }
    [data-page=about] h1 {
        font-size: 40px;
        font-size: 2.5em;
        font-size: 2.5rem;
        margin-top: -30px
    }
}
[data-page=contact] .exteta_logo {
    position: relative;
    width: 70%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    padding-bottom: 120px
}
[data-page=contact] .exteta_logo::after {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #d7d7d7;
    margin: 20px 0
}
[data-page=contact] .container {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    padding: 0 7%
}
[data-page=contact] .content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px
}
[data-page=contact] .content h2 {
    font-family: Cervo-Light, serif;
    font-size: 22px;
    font-size: 1.375em;
    font-size: 1.375rem;
    letter-spacing: 5px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center
}
[data-page=contact] .content p {
    font-family: Theinhardt, serif;
    font-size: 16px;
    font-size: 1em;
    font-size: 1rem;
    color: #d7d7d7;
    text-align: center
}
[data-page=contact] #userform,
[data-page=contact] #userform .usersend a,
[data-page=contact] #userform label {
    color: #d7d7d7
}
[data-page=contact] #userform .mdl-textfield__input {
    border-bottom: 1px solid rgba(215, 215, 215, 1);
    color: #000
}
[data-page=contact] #userform .mdl-checkbox__box-outline {
    border: 2px solid rgba(215, 215, 215, 1);
    border-radius: 0
}
[data-page=contact] #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #d7d7d7
}
[data-page=contact] #userform .mdl-checkbox__label a {
    text-decoration: underline;
    color: #d7d7d7
}
[data-page=contact] #userform .is-focused .mdl-textfield__label {
    color: #dec53c
}
[data-page=contact] #userform .is-focused .mdl-textfield__input {
    border-bottom: 2px solid rgba(222, 197, 60, 1)
}
[data-page=contact] #userform .usersend a .material-icons {
    background: #ccc;
    border: 3px solid rgba(0, 0, 0, .12);
    color: #000
}
[data-page=contact] #userform .usersend a:hover .material-icons {
    border: 3px solid transparent
}
[data-page=contact] #userform .usersend a .usersend__label {
    color: #000;
    display: block;
    float: left;
    height: 34px;
    line-height: 36px
}
[data-page=contact] #userform .cont_circle_button {
    display: inline-block
}
[data-page=contact] #userform .cont_circle_button .circle_button {
    color: #373a3c;
    display: block;
    float: right
}
[data-page=contact] #userform .cont_circle_button .circle_button svg circle {
    stroke: #373a3c!important
}
[data-page=contact] #userform .cont_circle_button .circle_button b {
    background: #373a3c
}
html.no-touch [data-page=contact] #userform .cont_circle_button:hover .circle_button,
html.touch [data-page=contact] #userform .cont_circle_button:focus .circle_button {
    color: #fff
}
#footer,
#footer a,
#footer2,
#footer2 a {
    color: rgba(41, 41, 41, .4);
    letter-spacing: .15em
}
#shopBtn {
    position: relative;
    float: left
}
#shopBtn h4 {
    margin: 0
}
#shopBtn a {
    display: block;
    width: 200px;
    height: 50px
}
#shopBtn .shopBtn-label {
    display: inline-block;
    background: rgba(0, 0, 0, .1);
    text-align: center;
    position: absolute;
    width: 200px;
    height: 50px
}
#shopBtn .shopBtn-label .shopBtn-label-text {
    font-size: 16px;
    padding-top: 8px
}
#shopBtn .shopBtn-label span {
    display: block;
    position: absolute;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}
#shopBtn .shopBtn-label span.bottom.hor {
    left: 0;
    right: auto;
    bottom: 0;
    height: 1px;
    width: 100%
}
#shopBtn .shopBtn-label span.top.hor {
    left: 0;
    right: auto;
    top: 0;
    height: 1px;
    width: 100%
}
#shopBtn .shopBtn-label span.right.vert {
    right: 0;
    top: 0;
    bottom: auto;
    width: 1px;
    height: 100%
}
#shopBtn .shopBtn-label span.left.vert {
    left: 0;
    top: 0;
    bottom: auto;
    width: 1px;
    height: 100%
}
#target_history {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 33
}
#footer,
#footer2 {
    font-family: TheinhardtMed, serif;
    font-size: 10px;
    font-size: .625em;
    font-size: .625rem;
    text-transform: uppercase;
    line-height: 1.4em
}
#footer a,
#footer2 a {
    display: inline-block;
    margin-right: 10px;
    font-size: 10px;
    font-size: .625em;
    font-size: .625rem
}
#footer a.lang,
#footer2 a.lang {
    margin-right: 0;
    color: rgba(41, 41, 41, 1)
}
#footer a.mostMargin,
#footer2 a.mostMargin {
    margin-left: 10px
}
#footer .footer-left,
#footer2 .footer-left {
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: 45px
}
#footer .footer-left p,
#footer2 .footer-left p {
    text-align: left
}
@media (max-width: 768px) {
    #footer,
    #footer2 {
        float: left;
        clear: both;
        width: 100%;
        position: absolute;
        bottom: 0
    }
    #footer .footer-left,
    #footer2 .footer-left {
        position: relative;
        left: 5%;
        width: 90%;
        margin: 26px 0
    }
    #footer .footer-left p,
    #footer2 .footer-left p {
        text-align: center
    }
}
#footer .footer-right,
#footer2 .footer-right {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
    font-size: 10px;
    font-size: .625em;
    font-size: .625rem;
    margin: 45px
}
#footer .footer-right p,
#footer2 .footer-right p {
    text-align: right
}
@media (max-width: 768px) {
    #footer .footer-right,
    #footer2 .footer-right {
        position: relative;
        left: 5%;
        width: 90%;
        margin: 26px 0
    }
    #footer .footer-right p,
    #footer2 .footer-right p {
        text-align: center
    }
    [data-page=single] #target_prod #footer2,
    [data-page=about] #target_prod #footer2 {
        margin-top: 100px
    }
}
#footer p,
#footer2 p {
    letter-spacing: .15em;
    line-height: 2em;
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    font-size: .625em;
    font-size: .625rem
}
.desktop #footer.stdFooter,
.tablet.landscape #footer.stdFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10
}
#target_history #footer2,
#target_prod #footer2 {
    position: relative;
    bottom: 0;
    float: left;
    clear: both;
    width: 100%
}
#target_history #footer2 .footer-left,
#target_history #footer2 .footer-right,
#target_prod #footer2 .footer-left,
#target_prod #footer2 .footer-right {
    position: absolute
}
[data-page=single] .stdFooter,
[data-page=about] .stdFooter {
    display: none
}
#target_history[data-page=single] #footer2,
#target_history[data-page=about] #footer2,
[data-page=single] #target_prod #footer2,
[data-page=about] #target_prod #footer2 {
    display: block
}
@media (max-width: 768px) {
    [data-page=contact] .stdFooter {
        position: relative!important
    }
}
[data-color="1"] #footer a,
[data-color="1"] #footer2 a {
    color: #353535
}
[data-color="1"] #footer a.lang,
[data-color="1"] #footer2 a.lang {
    color: rgba(42, 42, 42, .35)
}
[data-color="1"] #footer a.active,
[data-color="1"] #footer2 a.active {
    color: #353535!important
}
[data-color="1"] .line-scroll .line {
    background: rgba(53, 53, 53, 1);
    background: -webkit-linear-gradient(top, rgba(53, 53, 53, 1) 50%, rgba(53, 53, 53, 0) 50%);
    background: linear-gradient(to bottom, rgba(53, 53, 53, 1) 50%, rgba(53, 53, 53, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="2"] {
    background: #fbda52
}
[data-color="2"] #openMenu span,
[data-color="2"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="2"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="2"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="2"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="2"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="2"] .main-header .main-nav a:hover,
html.touch [data-color="2"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="2"] #footer,
[data-color="2"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="2"] #footer a,
[data-color="2"] #footer2 a {
    color: #5091ad
}
.color_mod[data-color="2"] #footer a,
.color_mod[data-color="2"] #footer2 a {
    color: #fbda52
}
[data-color="2"] #footer a.lang,
[data-color="2"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="2"] #footer a.active,
[data-color="2"] #footer2 a.active {
    color: #5091ad!important
}
.color_mod[data-color="2"] #footer a.active,
.color_mod[data-color="2"] #footer2 a.active {
    color: #fbda52!important
}
html.no-touch [data-color="2"] #footer a:hover,
html.no-touch [data-color="2"] #footer2 a:hover,
html.touch [data-color="2"] #footer a:focus,
html.touch [data-color="2"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="2"] #footer a.credits,
[data-color="2"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="2"] #footer a.credits:hover,
html.no-touch [data-color="2"] #footer2 a.credits:hover,
html.touch [data-color="2"] #footer a.credits:focus,
html.touch [data-color="2"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="2"] .line-scroll .line {
    background: rgba(80, 145, 173, 1);
    background: -webkit-linear-gradient(top, rgba(80, 145, 173, 1) 50%, rgba(80, 145, 173, 0) 50%);
    background: linear-gradient(to bottom, rgba(80, 145, 173, 1) 50%, rgba(80, 145, 173, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="2"] #biancone,
[data-color="2"] #preloader {
    background: #fbda52
}
[data-color="3"] {
    background: #de6c40
}
[data-color="3"] #openMenu span,
[data-color="3"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="3"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="3"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="3"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="3"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="3"] .main-header .main-nav a:hover,
html.touch [data-color="3"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="3"] #footer,
[data-color="3"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="3"] #footer a,
[data-color="3"] #footer2 a {
    color: #f3c12b
}
.color_mod[data-color="3"] #footer a,
.color_mod[data-color="3"] #footer2 a {
    color: #de6c40
}
[data-color="3"] #footer a.lang,
[data-color="3"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="3"] #footer a.active,
[data-color="3"] #footer2 a.active {
    color: #f3c12b!important
}
.color_mod[data-color="3"] #footer a.active,
.color_mod[data-color="3"] #footer2 a.active {
    color: #de6c40!important
}
html.no-touch [data-color="3"] #footer a:hover,
html.no-touch [data-color="3"] #footer2 a:hover,
html.touch [data-color="3"] #footer a:focus,
html.touch [data-color="3"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="3"] #footer a.credits,
[data-color="3"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="3"] #footer a.credits:hover,
html.no-touch [data-color="3"] #footer2 a.credits:hover,
html.touch [data-color="3"] #footer a.credits:focus,
html.touch [data-color="3"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="3"] .line-scroll .line {
    background: rgba(160, 218, 152, 1);
    background: -webkit-linear-gradient(top, rgba(160, 218, 152, 1) 50%, rgba(160, 218, 152, 0) 50%);
    background: linear-gradient(to bottom, rgba(160, 218, 152, 1) 50%, rgba(160, 218, 152, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="3"] #biancone,
[data-color="3"] #preloader {
    background: #de6c40
}
[data-color="4"] {
    background: #54943f
}
[data-color="4"] #openMenu span,
[data-color="4"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="4"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="4"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="4"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="4"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="4"] .main-header .main-nav a:hover,
html.touch [data-color="4"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="4"] #footer,
[data-color="4"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="4"] #footer a,
[data-color="4"] #footer2 a {
    color: #e7b589
}
.color_mod[data-color="4"] #footer a,
.color_mod[data-color="4"] #footer2 a {
    color: #54943f
}
[data-color="4"] #footer a.lang,
[data-color="4"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="4"] #footer a.active,
[data-color="4"] #footer2 a.active {
    color: #e7b589!important
}
.color_mod[data-color="4"] #footer a.active,
.color_mod[data-color="4"] #footer2 a.active {
    color: #54943f!important
}
html.no-touch [data-color="4"] #footer a:hover,
html.no-touch [data-color="4"] #footer2 a:hover,
html.touch [data-color="4"] #footer a:focus,
html.touch [data-color="4"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="4"] #footer a.credits,
[data-color="4"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="4"] #footer a.credits:hover,
html.no-touch [data-color="4"] #footer2 a.credits:hover,
html.touch [data-color="4"] #footer a.credits:focus,
html.touch [data-color="4"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="4"] .line-scroll .line {
    background: rgba(231, 181, 137, 1);
    background: -webkit-linear-gradient(top, rgba(231, 181, 137, 1) 50%, rgba(231, 181, 137, 0) 50%);
    background: linear-gradient(to bottom, rgba(231, 181, 137, 1) 50%, rgba(231, 181, 137, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="4"] #biancone,
[data-color="4"] #preloader {
    background: #54943f
}
[data-color="5"] {
    background: #22548c
}
[data-color="5"] #openMenu span,
[data-color="5"] .main-header .main-nav a span {
    background: rgba(255, 255, 255, .8)
}
[data-color="5"] #openMenu {
    border: 1px solid rgba(255, 255, 255, .08)
}
[data-color="5"] #openMenu svg rect,
[data-color="5"] .exteta_logo_header svg * {
    fill: #fff
}
[data-color="5"] .main-header .main-nav {
    border-right: 1px solid rgba(255, 255, 255, .08)
}
[data-color="5"] .main-header .main-nav a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .08);
    border-right: none
}
[data-color="5"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="5"] .main-header .main-nav a:hover,
html.touch [data-color="5"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="5"] #footer,
[data-color="5"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="5"] #footer a,
[data-color="5"] #footer2 a {
    color: #e4c883
}
.color_mod[data-color="5"] #footer a,
.color_mod[data-color="5"] #footer2 a {
    color: #22548c
}
[data-color="5"] #footer a.lang,
[data-color="5"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="5"] #footer a.active,
[data-color="5"] #footer2 a.active {
    color: #e4c883!important
}
.color_mod[data-color="5"] #footer a.active,
.color_mod[data-color="5"] #footer2 a.active {
    color: #22548c!important
}
html.no-touch [data-color="5"] #footer a:hover,
html.no-touch [data-color="5"] #footer2 a:hover,
html.touch [data-color="5"] #footer a:focus,
html.touch [data-color="5"] #footer2 a:focus {
    color: rgba(255, 255, 255, 1)
}
[data-color="5"] #footer a.credits,
[data-color="5"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="5"] #footer a.credits:hover,
html.no-touch [data-color="5"] #footer2 a.credits:hover,
html.touch [data-color="5"] #footer a.credits:focus,
html.touch [data-color="5"] #footer2 a.credits:focus {
    color: rgba(255, 255, 255, 1)
}
[data-color="5"] .line-scroll .line {
    background: rgba(228, 200, 131, 1);
    background: -webkit-linear-gradient(top, rgba(228, 200, 131, 1) 50%, rgba(228, 200, 131, 0) 50%);
    background: linear-gradient(to bottom, rgba(228, 200, 131, 1) 50%, rgba(228, 200, 131, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="5"] #biancone,
[data-color="5"] #preloader {
    background: #22548c
}
[data-color="6"] {
    /*background: #fbda52*/
}
[data-color="6"] #openMenu span,
[data-color="6"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="6"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="6"] #openMenu svg rect,
[data-color="6"] .exteta_logo_header svg * {
    fill: #3e3e3e
}
[data-color="6"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="6"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="6"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="6"] .main-header .main-nav a:hover,
html.touch [data-color="6"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="6"] #footer,
[data-color="6"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="6"] #footer a,
[data-color="6"] #footer2 a {
    color: #68c174
}
.color_mod[data-color="6"] #footer a,
.color_mod[data-color="6"] #footer2 a {
    color: #fbda52
}
[data-color="6"] #footer a.lang,
[data-color="6"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="6"] #footer a.active,
[data-color="6"] #footer2 a.active {
    color: #68c174!important
}
.color_mod[data-color="6"] #footer a.active,
.color_mod[data-color="6"] #footer2 a.active {
    color: #fbda52!important
}
html.no-touch [data-color="6"] #footer a:hover,
html.no-touch [data-color="6"] #footer2 a:hover,
html.touch [data-color="6"] #footer a:focus,
html.touch [data-color="6"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="6"] #footer a.credits,
[data-color="6"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="6"] #footer a.credits:hover,
html.no-touch [data-color="6"] #footer2 a.credits:hover,
html.touch [data-color="6"] #footer a.credits:focus,
html.touch [data-color="6"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="6"] .line-scroll .line {
    background: rgba(104, 193, 116, 1);
    background: -webkit-linear-gradient(top, rgba(104, 193, 116, 1) 50%, rgba(104, 193, 116, 0) 50%);
    background: linear-gradient(to bottom, rgba(104, 193, 116, 1) 50%, rgba(104, 193, 116, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="6"] #biancone,
[data-color="6"] #preloader {
    background: #fbda52
}
[data-color="7"] {
    /*background: #22548c*/
}
[data-color="7"] #openMenu span,
[data-color="7"] .main-header .main-nav a span {
    background: rgba(255, 255, 255, .8)
}
[data-color="7"] #openMenu {
    border: 1px solid rgba(255, 255, 255, .08)
}
[data-color="7"] #openMenu svg rect,
[data-color="7"] .exteta_logo_header svg * {
    fill: #fff
}
[data-color="8"] #openMenu svg rect,
[data-color="8"] .exteta_logo_header svg *,
[data-color="9"] #openMenu svg rect,
[data-color="9"] .exteta_logo_header svg *,
[data-color="10"] #openMenu svg rect,
[data-color="10"] .exteta_logo_header svg * {
    fill: #3e3e3e
}
[data-color="7"] .main-header .main-nav {
    border-right: 1px solid rgba(255, 255, 255, .08)
}
[data-color="7"] .main-header .main-nav a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .08);
    border-right: none
}
[data-color="7"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="7"] .main-header .main-nav a:hover,
html.touch [data-color="7"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="7"] #footer,
[data-color="7"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="7"] #footer a,
[data-color="7"] #footer2 a {
    color: #f3c02a
}
.color_mod[data-color="7"] #footer a,
.color_mod[data-color="7"] #footer2 a {
    color: #22548c
}
[data-color="7"] #footer a.lang,
[data-color="7"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="7"] #footer a.active,
[data-color="7"] #footer2 a.active {
    color: #f3c02a!important
}
.color_mod[data-color="7"] #footer a.active,
.color_mod[data-color="7"] #footer2 a.active {
    color: #22548c!important
}
html.no-touch [data-color="7"] #footer a:hover,
html.no-touch [data-color="7"] #footer2 a:hover,
html.touch [data-color="7"] #footer a:focus,
html.touch [data-color="7"] #footer2 a:focus {
    color: rgba(255, 255, 255, 1)
}
[data-color="7"] #footer a.credits,
[data-color="7"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="7"] #footer a.credits:hover,
html.no-touch [data-color="7"] #footer2 a.credits:hover,
html.touch [data-color="7"] #footer a.credits:focus,
html.touch [data-color="7"] #footer2 a.credits:focus {
    color: rgba(255, 255, 255, 1)
}
[data-color="7"] .line-scroll .line {
    background: rgba(222, 144, 146, 1);
    background: -webkit-linear-gradient(top, rgba(222, 144, 146, 1) 50%, rgba(222, 144, 146, 0) 50%);
    background: linear-gradient(to bottom, rgba(222, 144, 146, 1) 50%, rgba(222, 144, 146, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="7"] #biancone,
[data-color="7"] #preloader {
    background: #22548c
}
[data-color="8"] {
    /*background: #eae7dc*/
}
[data-color="8"] #openMenu span,
[data-color="8"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="8"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="8"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="8"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="8"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="8"] .main-header .main-nav a:hover,
html.touch [data-color="8"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="8"] #footer,
[data-color="8"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="8"] #footer a,
[data-color="8"] #footer2 a {
    color: #e85a4f
}
.color_mod[data-color="8"] #footer a,
.color_mod[data-color="8"] #footer2 a {
    color: #eae7dc
}
[data-color="8"] #footer a.lang,
[data-color="8"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="8"] #footer a.active,
[data-color="8"] #footer2 a.active {
    color: #e85a4f!important
}
.color_mod[data-color="8"] #footer a.active,
.color_mod[data-color="8"] #footer2 a.active {
    color: #eae7dc!important
}
html.no-touch [data-color="8"] #footer a:hover,
html.no-touch [data-color="8"] #footer2 a:hover,
html.touch [data-color="8"] #footer a:focus,
html.touch [data-color="8"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="8"] #footer a.credits,
[data-color="8"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="8"] #footer a.credits:hover,
html.no-touch [data-color="8"] #footer2 a.credits:hover,
html.touch [data-color="8"] #footer a.credits:focus,
html.touch [data-color="8"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="8"] .line-scroll .line {
    background: rgba(232, 90, 79, 1);
    background: -webkit-linear-gradient(top, rgba(232, 90, 79, 1) 50%, rgba(232, 90, 79, 0) 50%);
    background: linear-gradient(to bottom, rgba(232, 90, 79, 1) 50%, rgba(232, 90, 79, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="8"] #biancone,
[data-color="8"] #preloader {
    background: #eae7dc
}
[data-color="9"] {
    /*background: #de6c40*/
}
[data-color="9"] #openMenu span,
[data-color="9"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="9"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="9"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="9"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="9"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="9"] .main-header .main-nav a:hover,
html.touch [data-color="9"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="9"] #footer,
[data-color="9"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="9"] #footer a,
[data-color="9"] #footer2 a {
    color: #f3c12b
}
.color_mod[data-color="9"] #footer a,
.color_mod[data-color="9"] #footer2 a {
    color: #de6c40
}
[data-color="9"] #footer a.lang,
[data-color="9"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="9"] #footer a.active,
[data-color="9"] #footer2 a.active {
    color: #f3c12b!important
}
.color_mod[data-color="9"] #footer a.active,
.color_mod[data-color="9"] #footer2 a.active {
    color: #de6c40!important
}
html.no-touch [data-color="9"] #footer a:hover,
html.no-touch [data-color="9"] #footer2 a:hover,
html.touch [data-color="9"] #footer a:focus,
html.touch [data-color="9"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="9"] #footer a.credits,
[data-color="9"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="9"] #footer a.credits:hover,
html.no-touch [data-color="9"] #footer2 a.credits:hover,
html.touch [data-color="9"] #footer a.credits:focus,
html.touch [data-color="9"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="9"] .line-scroll .line {
    background: rgba(160, 218, 152, 1);
    background: -webkit-linear-gradient(top, rgba(160, 218, 152, 1) 50%, rgba(160, 218, 152, 0) 50%);
    background: linear-gradient(to bottom, rgba(160, 218, 152, 1) 50%, rgba(160, 218, 152, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="9"] #biancone,
[data-color="9"] #preloader {
    background: #de6c40
}
[data-color="10"] {
    /*background: #54943f*/
}
[data-color="10"] #openMenu span,
[data-color="10"] .main-header .main-nav a span {
    background: rgba(62, 62, 62, .8)
}
[data-color="10"] #openMenu {
    border: 1px solid rgba(62, 62, 62, .08)
}
[data-color="10"] .main-header .main-nav {
    border-right: 1px solid rgba(62, 62, 62, .08)
}
[data-color="10"] .main-header .main-nav a {
    color: #3e3e3e;
    border: 1px solid rgba(62, 62, 62, .08);
    border-right: none
}
[data-color="10"] .main-header .main-nav a.link_home {
    border: none
}
html.no-touch [data-color="10"] .main-header .main-nav a:hover,
html.touch [data-color="10"] .main-header .main-nav a:focus {
    text-decoration: none!important
}
[data-color="10"] #footer,
[data-color="10"] #footer2 {
    color: rgba(53, 53, 53, .4)
}
[data-color="10"] #footer a,
[data-color="10"] #footer2 a {
    color: #d1a38a
}
.color_mod[data-color="10"] #footer a,
.color_mod[data-color="10"] #footer2 a {
    color: #54943f
}
[data-color="10"] #footer a.lang,
[data-color="10"] #footer2 a.lang {
    color: rgba(53, 53, 53, .4)
}
[data-color="10"] #footer a.active,
[data-color="10"] #footer2 a.active {
    color: #d1a38a!important
}
.color_mod[data-color="10"] #footer a.active,
.color_mod[data-color="10"] #footer2 a.active {
    color: #54943f!important
}
html.no-touch [data-color="10"] #footer a:hover,
html.no-touch [data-color="10"] #footer2 a:hover,
html.touch [data-color="10"] #footer a:focus,
html.touch [data-color="10"] #footer2 a:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="10"] #footer a.credits,
[data-color="10"] #footer2 a.credits {
    color: rgba(53, 53, 53, .4);
    text-decoration: underline
}
html.no-touch [data-color="10"] #footer a.credits:hover,
html.no-touch [data-color="10"] #footer2 a.credits:hover,
html.touch [data-color="10"] #footer a.credits:focus,
html.touch [data-color="10"] #footer2 a.credits:focus {
    color: rgba(62, 62, 62, 1)
}
[data-color="10"] .line-scroll .line {
    background: rgba(209, 163, 138, 1);
    background: -webkit-linear-gradient(top, rgba(209, 163, 138, 1) 50%, rgba(209, 163, 138, 0) 50%);
    background: linear-gradient(to bottom, rgba(209, 163, 138, 1) 50%, rgba(209, 163, 138, 0) 50%);
    background-size: 100% 200%;
    background-position: 0 -80px
}
[data-color="10"] #biancone,
[data-color="10"] #preloader {
    background: #54943f
}
.nav-on [data-color="5"] #openMenu,
.nav-on [data-color="7"] #openMenu {
    border: 1px solid rgba(41, 41, 41, .08)
}
.nav-on [data-color="5"] #openMenu svg rect,
.nav-on [data-color="7"] #openMenu svg rect {
    fill: #292929
}
.nav-on [data-color="5"] #openMenu span,
.nav-on [data-color="7"] #openMenu span {
    background: rgba(41, 41, 41, .8)
}
[data-video=youtube],
[data-video=youtube] img,
[data-video=vimeo],
[data-video=vimeo] img {
    position: relative
}
[data-video=youtube] a,
[data-video=vimeo] a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.mobile .nav-on .main-nav,
.mobile span.mdl-checkbox__label br,
.mobile.landscape #footer,
.mobile.landscape #footer2 {
    display: none
}
[data-video=youtube] a .video-btn,
[data-video=vimeo] a .video-btn {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, .7);
    left: 50%;
    top: 50%;
    position: relative;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid #fff;
    margin-left: -25px;
    margin-top: -25px
}
[data-video=youtube] a:hover .video-btn,
[data-video=vimeo] a:hover .video-btn {
    border: 2px solid rgba(255, 255, 255, 0)
}
[data-video=youtube] .embed-yt,
[data-video=vimeo] .embed-yt {
    opacity: 0
}
[data-video=youtube] .embed-yt embed,
[data-video=youtube] .embed-yt iframe,
[data-video=youtube] .embed-yt object,
[data-video=vimeo] .embed-yt embed,
[data-video=vimeo] .embed-yt iframe,
[data-video=vimeo] .embed-yt object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.knobHover {
    cursor: hand;
    cursor: pointer
}
[data-page=homepage] .container_clock #knob {
    cursor: move;
    cursor: hand;
    cursor: -webkit-grab
}
.exteta_logo_header {
    position: fixed;
    right: 130px;
    height: auto;
    width: 140px;
    z-index: 1000;
    top: 57px
}
.exteta_logo_header svg {
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}
.exteta_logo_header svg * {
    fill: #000;
    -webkit-transition: fill 1s ease;
    -moz-transition: fill 1s ease;
    transition: fill 1s ease
}
.exteta_logo_header:focus svg,
.exteta_logo_header:hover svg {
    opacity: 1
}
.mobile [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide figure img {
    left: 0;
    width: 100%
}
.mobile [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide header {
    top: 20%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.mobile #footer .footer-right,
.mobile #footer2 .footer-right {
    margin: 15px 0
}
.mobile [data-page=single] header.title_fixed {
    top: 40%;
    transform: translateY(-50%)
}
.mobile .col.col-md-10.col-md-offset-1 label {
    margin-top: -37px
}
.mobile #userform .mdl-checkbox__box-outline {
    border: 2px solid rgba(41, 41, 41, .48)!important
}
.mobile #userform .is-dirty .mdl-textfield__input,
.mobile #userform .is-dirty label {
    color: rgba(41, 41, 41, .48)!important
}
.mobile #userform .mdl-checkbox__label {
    font-size: 13px
}
.mobile #landing {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}
.mobile #landing ul {
    overflow: initial
}
.mobile .totop {
    position: fixed;
    bottom: 60px;
    right: 40px;
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}
.mobile .mdl-textfield {
    margin-bottom: 30px
}
.mobile #userform .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: rgba(41, 41, 41, .48)!important
}
.mobile [data-page=homepage] .bg-front {
    background-position: 78% 50%
}
@media (max-width: 768px) {

    .logo {
        /*margin-top: -12px;
        position: absolute;
        width: 100%;
        left: -30px;*/
        width: 72%;
    }
    .frame {
    height: 335px;
    position: relative;
    top: 0px;
}


    .exteta_logo_header {
        display: none !important;
    }
    .swiper-slide .exteta_logo_header {
        display: block;
        opacity: 1;
        position: static;
        margin: 0 auto;
        float: left;
        width: 100%
        display:none;
    }
    .swiper-slide .exteta_logo_header a {
        width: 128px;
        display: block;
        margin: 0 auto
    }
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide .circle_link {
        top: 50%;
        z-index: 10;
        opacity: .7;
        width: 40px;
        height: 40px;
        margin-left: -28px
    }

    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link {
    color: #f00;
    /* background: #e85a4f; */
    top: 65%;
    /* left: 61%; */
    position: absolute;
  left: 0px !important;
    right: 0px;
    margin: 0px auto;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="6"] .circle_link {
    color: #f00;
    /* background: #e85a4f; */
    top: 56%;
    position: absolute;
    left: 0px ;
    right: 0px;
    margin: 0px auto;
}
[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link,[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link{
  color: #f00;
  /* background: #e85a4f; */
  top: 73% !important;
  left: 61%;
  position: absolute;
  left: 150px;
  right: 0px;
  margin: 0px auto;
}


    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
        left: 130px;
    }
    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide .circle_link span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        font-size: 1.0625em;
        font-size: 1.0625rem
    }
    [data-page=about] .page_item header .title_wrapper {
        max-width: 100%
    }
    [data-page=single] [data-item=colors] .selector li {
        width: 50%
    }
    [data-page=single] [data-item=gallery] {
        padding: 15% 0;
        margin: 0
    }
    [data-page=single] [data-item=colors] .product_img_detail {
        width: 100%
    }
    [data-page=single] [data-item=colors] .product_img_detail figure {
        width: 100%;
        position: relative;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    [data-page=single] [data-item=colors] #descr {
        position: relative;
        width: 100%
    }
    [data-page=single] [data-item=colors] #descr article {
        position: relative
    }
    [data-page=single] [data-item=information] {
        margin: 0
    }
    [data-page=single] [data-item=information] article {
        position: absolute
    }
}
.ie10 [data-page=single] [data-item=colors] .selector li,
.ie11 [data-page=single] [data-item=colors] .selector li {
    width: 50%
}
.ie10 [data-page=single] [data-item=gallery],
.ie11 [data-page=single] [data-item=gallery] {
    padding: 15% 0;
    margin: 0
}
.ie10 [data-page=single] [data-item=colors] .product_img_detail,
.ie11 [data-page=single] [data-item=colors] .product_img_detail {
    width: 100%
}
.ie10 [data-page=single] [data-item=colors] .product_img_detail figure,
.ie11 [data-page=single] [data-item=colors] .product_img_detail figure {
    width: 100%;
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100)
}
.ie10 [data-page=single] [data-item=colors] #descr,
.ie11 [data-page=single] [data-item=colors] #descr {
    position: relative;
    width: 100%
}
.ie10 [data-page=single] [data-item=colors] #descr article,
.ie11 [data-page=single] [data-item=colors] #descr article {
    position: relative
}
.ie10 [data-page=single] [data-item=information],
.ie11 [data-page=single] [data-item=information] {
    margin: 0
}
.ie10 [data-page=single] [data-item=information] article,
.ie11 [data-page=single] [data-item=information] article {
    position: absolute
}
[data-module=cookies][data-type=standard] {
    z-index: 300
}
.mobile [data-module=cookies] {
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1000
}
.tablet.landscape .bg_prod {
    height: -webkit-calc(100% + 100px);
    height: calc(100% + 100px)
}

body h1#title_clock{
    font-size: 80px !important;
}
.prod_1 header div{
    font-size: 35px !important;
}
/*.prod_6 header div{
    font-size: 60px !important;
    }*/
    .prod_6 h3{
        /*font-size: 25px !important;*/
        display: none !important;
        color: red !important;
        font-size: 1px !important;
    }
    .prod_10 h3,.prod_10 h1{
        /*font-size: 25px !important;*/
        /*display: none !important;*/
        color: #fff !important;
        font-size: 35px !important;
        /*display: none !important;*/
        visibility: hidden !important;
    }

    .prod_7 h3{
       color:red !important;
   }
   .prod_8 h3{
       color:red !important;
   }
   .prod_9 h3{
       color:red !important;
   }

   .prod_10 header div{
    font-size: 60px !important;
}
[data-page=homepage] .prod_1 article header .first_banner,[data-page=homepage] .prod_1 article header .second_banner,[data-page=homepage] .prod_1 article header .third_banner{
    color: #de0101 !important;
    display: none !important;
}
[data-page=homepage] .prod_7 article header h3{
    color: #de0101 !important;
    display: none !important;
}
[data-page=homepage] .prod_1 article header .last_banner{
  display: none;
}
[data-page=homepage] .prod_6 article header h3,
[data-page=homepage] .prod_6 article header .first_banner,
[data-page=homepage] .prod_6 article header .second_banner,
[data-page=homepage] .prod_6 article header .third_banner,
[data-page=homepage] .prod_7 article header .banner_text{
    color: #de0101 !important;
    display: none !important;
}

header .first_banner,
header .second_banner,
header .third_banner,
header .last_banner{
  display: none;
}
[data-page=homepage] .prod_1 article header .banner_tex,
[data-page=homepage] .prod_7 article header .first_banner,
[data-page=homepage] .prod_8 article header .second_banner,
[data-page=homepage] .prod_9 article header .third_banner,
[data-page=homepage] .prod_6 article header .last_banner{
  display: block;
}
[data-page=homepage] .prod_6 article header .banner_text{
  display: none;
}

[data-page=homepage] .prod_7 article header h3 ,
[data-page=homepage] .prod_7 article header .second_banner ,
[data-page=homepage] .prod_7 article header .third_banner,
[data-page=homepage] .prod_7 article header .banner_text,
[data-page=homepage] .prod_7 article header .last_banner{
    color: #de0101 !important;
    display: none !important;
}
[data-page=homepage] .prod_8 article header h3 ,
[data-page=homepage] .prod_8 article header .first_banner,
[data-page=homepage] .prod_8 article header .third_banner,
[data-page=homepage] .prod_8 article header .banner_text,
[data-page=homepage] .prod_8 article header .last_banner{
    color: #de0101 !important;
    display: none !important;
}
[data-page=homepage] .prod_9 article header h3,
[data-page=homepage] .prod_9 article header .first_banner,
[data-page=homepage] .prod_9 article header .second_banner,
[data-page=homepage] .prod_9 article header .banner_text,
[data-page=homepage] .prod_9 article header .last_banner{
    color: #fff !important;
    display: none !important;
}

[data-page=homepage] .prod_10 article header .first_banner,
[data-page=homepage] .prod_10 article header .second_banner,
[data-page=homepage] .prod_10 article header .third_banner,
[data-page=homepage] .prod_10 article header .banner_text,
[data-page=homepage] .prod_10 article header .last_banner{
    display: none;
}



[data-page=homepage] .prod_7 article header .first_banner,
[data-page=homepage] .prod_8 article header .second_banner{
    color: #de0101 !important;
    font-size: 30px !important;
}
[data-page=homepage] .prod_9 article header .third_banner,
[data-page=homepage] .prod_1 article header .banner_text,
[data-page=homepage] .prod_6 article header .last_banner{
    color: #fff !important;
    font-size: 30px !important;
}

.prod_7 span.stoca:nth-of-type(4),.prod_8 span.stoca:nth-of-type(4), .prod_9 span.stoca:nth-of-type(4){
    padding-left:0;
}
.prod_1 span.stoca:nth-of-type(6),.prod_6 span.stoca:nth-of-type(6){
    padding-left: 10px;
}

@media ( min-width: 320px ) and (max-width: 768px){

.col-md-4.col-sm-6.c1{
  height: 480px;
}
.col-md-2.col-sm-6.c2 {
    height: 465px;
}
.col-md-4.col-sm-6.c3 {
    height: 500px;
    padding-left: 0;
}
.col-md-2.col-sm-6.c4 {
    height: 500px;
}
}
a.btn_on_img{color: #fff!important;opacity: 1!important;}



/****************************************************************************************************
 CHANGES BY SANKET 24/09/2018
****************************************************************************************************/

.logo-nav-inner .movie_release_date{
    color: #fff;
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0;
    padding: 10px 0 0 50px;
}

/****************************************************************************************************
 RESPONSIVE CHANGES BY SANKET 24/09/2018
****************************************************************************************************/

@media only screen and (max-width: 768px){
	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link{
		top: 100% !important;
	    left: 350px !important;
	}

	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link {
	    left: 350px;
	    top: 80% !important;
	}

}

@media only screen and (max-width: 480px){
	
	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link{
		top: 120% !important;
	    left: 143px !important;
	}

	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link{
	    top: 80% !important;
	    left: 170px !important;
	}

	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="1"] .circle_link{
		top: 56%;
		left: 180px !important;
		margin: inherit;

	}

}

@media only screen and (max-width: 375px){
	[data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="8"] .circle_link{
	    left: 150px !important;
	}
}


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

    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] .circle_link {
        left: 100px !important;
    }

}

@media (min-width:1024px) and (max-width:1139px){
    [data-page=homepage] .img_prodotto img {left: -40px !important;}

}
@media (min-width:768px) and (max-width:1023px){
    [data-page=homepage] .img_prodotto img {left: 130px !important;}
}@media (min-width:768px) and (max-width:1023px){
    [data-page=homepage] .img_prodotto img {left: 130px !important;}
}

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

    [data-page=homepage] #prodotti .swiper-wrapper .swiper-slide[data-id_prod="7"] figure {
        display: none;
    }

}