/*!normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/gt-america-standard-regular-webfont.woff2) format("woff2"), url(../fonts/gt-america-standard-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/gt-america-standard-regular-italic-webfont.woff2) format("woff2"), url(../fonts/gt-america-standard-regular-italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/GT-America-Standard-Medium.woff2) format("woff2"), url(../fonts/GT-America-Standard-Medium.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/GT-America-Standard-Medium-Italic.woff2) format("woff2"), url(../fonts/GT-America-Standard-Medium-Italic.woff) format("woff");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/GT-America-Standard-Bold.woff2) format("woff2"), url(../fonts/GT-America-Standard-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: gt_america;
    src: url(../fonts/GT-America-Standard-Bold-Italic.woff2) format("woff2"), url(../fonts/GT-America-Standard-Bold-Italic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: gt_sectra;
    src: url(../fonts/gt-sectra-display-bold-webfont.woff2) format("woff2"), url(../fonts/gt-sectra-display-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: gt_sectra;
    src: url(../fonts/gt-sectra-display-bold-italic-webfont.woff2) format("woff2"), url(../fonts/gt-sectra-display-bold-italic-webfont.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?p8v8v);
    src: url(../fonts/icomoon.eot?p8v8v#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?p8v8v) format("truetype"), url(../fonts/icomoon.woff?p8v8v) format("woff"), url(../fonts/icomoon.svg?p8v8v#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon!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
}

.icon-search:before {
    content: "\e900"
}

.icon-left:before {
    content: "\e901"
}

.icon-down:before {
    content: "\e902"
}

.icon-add:before {
    content: "\e903"
}

.icon-cancel:before {
    content: "\e904"
}

.icon-trash:before {
    content: "\e905"
}

.icon-viewlg:before {
    content: "\e906"
}

.icon-viewmd:before {
    content: "\e907"
}

.icon-viewsm:before {
    content: "\e908"
}

.icon-up:before {
    content: "\e909"
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -44px;
    z-index: -1
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media(max-height:576px) {
    .fancybox-caption {
        padding: 12px
    }
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

/*!Lity - v2.3.1 - 2018-04-20 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla;
 Licensed MIT*/
.lity{
    z-index:9990;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    white-space:nowrap;
    background:#0b0b0b;
    background:rgba(0,0,0,.9);
    outline:none!important;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.lity.lity-opened{
    opacity:1
}
.lity.lity-closed{
    opacity:0
}
.lity *{
    box-sizing:border-box
}
.lity-wrap{
    z-index:9990;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    text-align:center;
    outline:none!important
}
.lity-wrap:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-.25em
}
.lity-loader{
    z-index:9991;
    color:#fff;
    position:absolute;
    top:50%;
    margin-top:-.8em;
    width:100%;
    text-align:center;
    font-size:14px;
    font-family:Arial,Helvetica,sans-serif;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.lity-loading .lity-loader{
    opacity:1
}
.lity-container{
    z-index:9992;
    position:relative;
    text-align:left;
    vertical-align:middle;
    display:inline-block;
    white-space:normal;
    max-width:100%;
    max-height:100%;
    outline:none!important
}
.lity-content{
    z-index:9993;
    width:100%;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease
}
.lity-loading .lity-content,.lity-closed .lity-content{
    -webkit-transform:scale(0.8);
    transform:scale(0.8)
}
.lity-content:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0,0,0,.6)
}
.lity-close{
    z-index:9994;
    width:35px;
    height:35px;
    position:fixed;
    right:0;
    top:0;
    -webkit-appearance:none;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    padding:0;
    color:#fff;
    font-style:normal;
    font-size:35px;
    font-family:Arial,Baskerville,monospace;
    line-height:35px;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    border:0;
    background:0 0;
    outline:none;
    box-shadow:none
}
.lity-close::-moz-focus-inner{
    border:0;
    padding:0
}
.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{
    text-decoration:none;
    text-align:center;
    padding:0;
    color:#fff;
    font-style:normal;
    font-size:35px;
    font-family:Arial,Baskerville,monospace;
    line-height:35px;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    border:0;
    background:0 0;
    outline:none;
    box-shadow:none
}
.lity-close:active{
    top:1px
}
.lity-image img{
    max-width:100%;
    display:block;
    line-height:0;
    border:0
}
.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{
    width:100%;
    max-width:964px
}
.lity-iframe-container{
    width:100%;
    height:0;
    padding-top:56.25%;
    overflow:auto;
    pointer-events:auto;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-overflow-scrolling:touch
}
.lity-iframe-container iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
.lity-hide{
    display:none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

html {
    box-sizing: border-box
}

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

* {
    max-height: 1000000px
}

body {
    color: #333;
    background: #fff;
    font: 16px/1.6 gt_america, arial, helvetica neue, helvetica, sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media(min-width:768px) {
    body {
        background: #f1f1f1
    }
}

@media(min-width:1450px) {
    body {
        font-size: 20px;
        line-height: 1.6
    }
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.gm-style img {
    max-width: none
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
    font-family: inherit;
    font-weight: 700;
    margin: 0 0 .5em;
    color: inherit
}

h1,
.h1 {
    font-size: 56px;
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    line-height: .97
}

@media(min-width:480px) {
    h1,
    .h1 {
        font-size: 78px
    }
}

@media(min-width:768px) {
    h1,
    .h1 {
        line-height: 1.13;
        font-size: 80px
    }
}

h2,
.h2 {
    font-size: 30px;
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif
}

@media(min-width:768px) {
    h2,
    .h2 {
        font-size: 38px
    }
}

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

@media(min-width:768px) {
    h3,
    .h3 {
        font-size: 30px
    }
}

h4,
.h4 {
    font-size: 20px;
    font-weight: 400
}

@media(min-width:768px) {
    h4,
    .h4 {
        font-size: 24px
    }
}

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

@media(min-width:768px) {
    h5,
    .h5 {
        font-size: 20px
    }
}

h6,
.h6 {
    font-size: 12px;
    font-weight: 700
}

@media(min-width:768px) {
    h6,
    .h6 {
        font-size: 13px
    }
}

p {
    margin: 0 0 1em
}

a {
    color: #658197;
    text-decoration: none;
    outline: none;
    transition: color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out, opacity .3s ease-in-out, border .3s ease-in-out
}

a:hover,
a:focus {
    text-decoration: none
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #8e8e8e;
    padding: .4em .7em
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #000
}

input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8e8e8e
}

input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #8e8e8e
}

input[type=text]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #8e8e8e
}

input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8e8e8e
}

input[type=text].placeholder,
input[type=tel].placeholder,
input[type=email].placeholder,
input[type=search].placeholder,
input[type=password].placeholder,
textarea.placeholder {
    color: #8e8e8e
}

select {
    -webkit-border-radius: 0
}

textarea {
    resize: vertical;
    vertical-align: top
}

button,
input[type=button],
input[type=reset],
input[type=file],
input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer
}

.resize-active * {
    transition: none!important
}

#header {
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px
}

.fake-header+#header {
    position: absolute
}

#header .logo {
    width: 20px;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    #header .logo {
        margin: -1px 0 0;
        width: 52px
    }
}

#header .logo .light-logo {
    display: none
}

#header .logo .bright-logo{
    display:none
}

#header .logo a {
    color: #333
}

#header .logo:hover .light-logo,#header .logo>a:focus .light-logo{
    display:block
}

#header .logo:hover .dark-logo,#header .logo>a:focus .dark-logo{
    display:none
}

#header .logo>a:focus img {
    outline: 1px dotted #fff;
}

#header .header-wrap {
    position: relative
}

#header .header-wrap .frame {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #da4929;
    padding: 5px 20px
}

@media(min-width:768px) {
    #header .header-wrap .frame {
        padding: 0 20px
    }
}

@media(min-width:1024px) {
    #header .header-wrap .frame {
        padding: 0 40px
    }
}

@media(min-width:1200px) {
    #header .header-wrap .frame {
        padding: 0 67px 0 54px
    }
}

@media(max-width:767px) {
    .nav-drop {
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99989;
        padding: 0
    }
}

@media(max-width:767px) {
    .nav-drop {
        max-height: 0;
        transition: all .25s linear
    }
}

@media(max-width:767px) {
    .nav-active .nav-drop {
        max-height: 4000px
    }
}

@media(max-width:767px) {
    .nav-active .nav-drop ul {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:767px) {
    .nav-drop ul {
        transition: all .25s linear;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

#nav {
    padding-top: 17px;
    padding-bottom: 17px
}

#nav ul {
    background: #333;
    padding: 10px 0
}

@media(min-width:768px) {
    #nav ul {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        background: 0 0;
        padding: 0
    }
}

#nav ul li.topnav__search span.topnav__search-label {
    display: none
}

#nav ul li.topnav__search button {
    position: relative;
    margin-top: -30px;
    bottom: -13px;
    background-color: transparent;
    border: none;
    color: #0f0f0f;
    cursor: pointer;
    padding: 0;
    color: #333;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    height: 50px;
    width: 88px
}

#nav ul li.topnav__search svg {
    width: 88px
}

#nav ul li.topnav__search svg .st0 {
    stroke: #0f0f0f;
}

#nav ul li.topnav__search button:hover svg .st0, 
#nav ul li.topnav__search button:focus svg .st0 {
    stroke: #fff;
    -webkit-transition: .2s;
    transition: .2s;
}
#nav ul li.topnav__search button:focus {
    outline: 1px dotted #fff;
}

#nav ul>li {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px
}

@media(min-width:768px) {
    #nav ul>li {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(min-width:1200px) {
    #nav ul>li {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(min-width:768px) {
    #nav ul>li+li {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(min-width:1200px) {
    #nav ul>li+li {
        padding-left: 16px;
        padding-right: 16px
    }
}

#nav ul>li>a {
    color: #fff;
    padding: 12px 10px 8px;
    display: block
}

@media(min-width:768px) {
    #nav ul>li>a {
        color:#0f0f0f;
        display: inline;
        padding: 0
    }
}

#nav ul>li>a:hover,#nav ul>li>a:focus{
    color:#fff;
    background:#4d4c4c;
}

@media(min-width:768px){
    #nav ul>li>a:hover,#nav ul>li>a:focus{
        background:0 0
    }
}

#nav ul>li>a:focus {
    outline: 1px dotted #fff !important;
}

.fixed-header #nav ul li.topnav__search {
    display: none
}

.fixed-header #nav ul>li>a:focus {
    outline: 1px dotted #ffae00 !important;
}
.fixed-header #nav .logo:hover .light-logo{
    display: none;
}
.fixed-header #nav .logo:hover .bright-logo{
    display: block;
}

@media(min-width:768px) {
    #nav .nav-opener {
        display: none
    }
}

.search__modal {
    height: 388px;
    min-height: 0;
    max-height: 0;
    overflow-y: hidden;
    background-color: #dc4928;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0 4rem;
    position: relative;
    /*position: fixed;*/
    top: 42px;
    width: 100vw;
    z-index: 1000;
    left: 0;
    right: 0
}

.search__modal button.x-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-image: url(../images/icon_X-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    height: 3.125rem;
    margin-top: 1rem;
    position: absolute;
    right: 5.625rem;
    width: 3.125rem
}

.search__modal button.x-close:hover,
.search__modal button.x-close:focus {
    -webkit-filter: invert(0%);
    filter: invert(0%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.search__modal button.x-close:focus {
    outline: 1px dotted white;
}

.search__modal .search__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5rem;
    margin-top: 4.125rem;
    width: 80%
}

.search__modal .search__bar__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-weight: 700;
    font-size: 1.25rem;
    height: 10rem
}

.search__modal input#search__bar__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #222;
    border-radius: 0;
    color: #222;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 70%;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-size: 3.5rem;
    outline: none;
    padding: 0 1rem;
    margin-right: 1rem;
    height: 5rem
}

.search__modal button.submit {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    font-size: .875rem;
    font-weight: 600;
    height: 3.5rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: #222;
    border: none;
    border-bottom: 2px solid #222;
    color: #f2f2f2;
}

.search__modal button.submit:hover,
.search__modal button.submit:focus {
    background-color: transparent;
    border: 2px solid #222;
    color: #222;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.search__modal button.submit:focus {
    outline: 2px dotted #fff;
}

.search__modal button.submit:active {
    background-color: #ba4221;
}

.search__modal.search__modal--slide-in {
    max-height: 400px;
    transition: max-height .35s ease
}

.page-anchor {
    background: #333
}

.page-anchor .container {
    max-width: 1200px
}

.page-anchor ol {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 27px;
    counter-reset: item;
    margin: 0 -5px;
    list-style: none
}

.page-anchor ol.extended-anchors {
    justify-content: flex-start
}

@media(min-width:768px) {
    .page-anchor ol.extended-anchors li {
        margin-right: 36px;
        max-width: 360px
    }
}

@media(min-width:768px) {
    .page-anchor ol {
        justify-content: space-between;
        align-items: flex-start;
        padding: 26px 0 19px
    }
}

.page-anchor ol li {
    font-size: 12px;
    line-height: 1.38;
    position: relative;
    margin: 0 5px
}

@media(min-width:768px) {
    .page-anchor ol li {
        font-size: 14px;
        max-width: 145px;
        margin-bottom: 18px
    }
}

@media(min-width:1024px) {
    .page-anchor ol li {
        font-size: 16px;
        max-width: 310px
    }
}

.page-anchor ol li.anchor-active a {
    color: #fff;
    padding-left: 14px
}

@media(min-width:768px) {
    .page-anchor ol li.anchor-active a {
        padding-left: 18px
    }
}

.page-anchor ol li.anchor-active a:before {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

@media(max-width:767px) {
    .page-anchor ol li.anchor-active a:before {
        content: counters(item, " ") "."
    }
}

.page-anchor ol li.anchor-active a:after {
    display: block
}

@media(max-width:767px) {
    .page-anchor ol li.anchor-active a span {
        display: inline-block
    }
}

.page-anchor ol li a {
    color: #8e8e8e;
    display: inline-block;
    vertical-align: top
}

@media(min-width:768px) {
    .page-anchor ol li a {
        padding-left: 18px
    }
}

.page-anchor ol li a:before {
    content: counters(item, " ") ".";
    counter-increment: item;
    font-weight: 600;
    color: #989898;
    margin-right: 5px;
    transition: color .3s ease-in-out
}

@media(max-width:767px) {
    .page-anchor ol li a:before {
        content: counters(item, " ") "";
        margin-right: 0
    }
}

@media(min-width:768px) {
    .page-anchor ol li a:before {
        position: absolute;
        top: 0;
        left: 0
    }
}

.page-anchor ol li a:after {
    content: '';
    background: #da4929;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    display: none
}

@media(min-width:768px) {
    .page-anchor ol li a:after {
        height: 3px;
        bottom: -11px
    }
}

.page-anchor ol li a:hover {
    color: #fff
}

.page-anchor ol li a:hover:before {
    color: #fff
}

@media(min-width:1024px) {
    .page-anchor ol li a:hover:after {
        display: block
    }
}

@media(max-width:767px) {
    .page-anchor ol li a span {
        display: none
    }
}

.header-banner {
    position: relative;
    background: #dc4929;
    color: #fff;
    z-index: 0;
    padding: 30px 0
}

@media(min-width:768px) {
    .header-banner {
        padding: 160px 0 89px
    }
}

.header-banner .header-bg {
	/* modified for get-aquainted banners */
    background-size: 1110px auto;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

	/* modified for get-aquainted banners */
/* @media(min-width:768px) {
    .header-banner .header-bg {
        left: 41%
    }
} */

.header-banner h1 {
    margin-bottom: 23px;
    word-wrap: break-word
}

.header-banner h1 a {
    color: #fff
}

@media(min-width:768px) {
    .header-banner h1 {
        margin-bottom: 67px
    }
}

.header-banner h4 {
    line-height: 1.38;
    margin-bottom: 20px;
    color: #fff;
    font-weight: bolder
}

@media(min-width:768px) {
    .header-banner h4 {
        margin-bottom: 35px;
        color: #444;
        font-weight: 400
    }
}

.header-banner .by {
    font-size: 17px;
    line-height: 1.3;
    font-weight: bolder;
    color: #fff
}

@media(min-width:768px) {
    .header-banner .by {
        color: #444;
        font-weight: 400
    }
}

.header-banner .caption {
    display: block
}

@media(min-width:768px) {
    .header-banner .caption {
        width: 300px
    }
}

@media(min-width:1024px) {
    .header-banner .caption {
        width: 345px
    }
}

.nav-opener {
    width: 22px;
    height: 16px;
    position: absolute;
    top: 14px;
    right: 20px;
    text-indent: -9999px;
    outline: none
}

@media(min-width:768px) {
    .nav-opener {
        display: none
    }
}

.nav-opener:hover:before,
.nav-opener:hover:after,
.nav-opener:hover span {
    background: #4d4c4c
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
    content: '';
    background: #333;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    transition: all .35s ease
}

@media(min-width:768px) {
    .nav-opener:before,
    .nav-opener:after,
    .nav-opener span {
        background: #969898
    }
}

.nav-opener:after {
    top: 12px
}

.nav-opener:before {
    top: 0
}

.nav-active .nav-opener span {
    opacity: 0
}

.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    left: 0;
    right: 0;
    height: 2px
}

.nav-active .nav-opener:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fixed-header #header {
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    z-index: 99989
}

.fixed-header #header .logo {
    width: 26px;
    margin: 0
}

@media(min-width:768px) {
    .fixed-header #header .logo {
        width: 40px
    }
}

.fixed-header #header .logo .dark-logo {
    display: none
}

.fixed-header #header .logo .bright-logo{
    display:none
}

.fixed-header #header .logo .light-logo{
    display:block
}

.fixed-header #header .logo:hover .bright-logo,.fixed-header #header .logo:focus .bright-logo{
    display:block
}

.fixed-header #header .logo:hover .dark-logo,.fixed-header #header .logo:focus .dark-logo{
    display:none
}

.fixed-header #header .logo:hover .light-logo,.fixed-header #header .logo:focus .light-logo{
    display:none
}

.fixed-header #header .logo > a:focus {
    outline: 1px dotted #fff !important;
}

.fixed-header #header .header-wrap:before {
    display: none
}

.fixed-header #header .header-wrap .frame {
    background: 0 0;
    padding: 8px 20px
}

@media(min-width:768px) {
    .fixed-header #header .header-wrap .frame {
        padding: 0 20px
    }
}

@media(min-width:1024px) {
    .fixed-header #header .header-wrap .frame {
        padding: 0 67px 0 54px
    }
}

.fixed-header #header .header-area {
    position: absolute;
    top: 0;
    left: 55px;
    right: 25px;
    display: flex;
    flex-wrap: wrap;
    z-index: 2
}

@media(min-width:768px) {
    .fixed-header #header .header-area {
        left: 75px;
        right: 330px
    }
}

@media(min-width:1024px) {
    .fixed-header #header .header-area {
        left: 100px;
        right: 390px
    }
}

@media(min-width:1200px) {
    .fixed-header #header .header-area {
        left: 130px;
        right: 500px
    }
}

.fixed-header #header .header-banner {
    background: 0 0;
    padding: 0;
    display: none
}

@media(min-width:1024px) {
    .fixed-header #header .header-banner {
        display: block
    }
}

.fixed-header #header .header-banner .header-bg {
    background: 0 0!important;
    position: static
}

.fixed-header #header .header-banner h1 {
    font: 15px/1.2 gt_america, arial, helvetica neue, helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 12px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 7px
}

.fixed-header #header .header-banner h1 a {
    color: #fff
}

.fixed-header #header .header-banner .caption {
    display: none
}

.fixed-header #nav {
    padding: 12px 0 10px
}

.fixed-header #nav ul>li>a {
    color: gray
}

.fixed-header #nav ul>li>a:hover,.fixed-header #nav ul>li>a:focus{
    color:#ffae00
}

.fixed-header .page-anchor {
    background: 0 0
}

.fixed-header .page-anchor .container {
    padding: 0
}

.fixed-header .page-anchor ol {
    display: block;
    padding: 19px 0 5px;
    margin: 0 -4px
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol {
        padding: 10px 0;
        margin: 0 -5px
    }
}

@media(min-width:1024px) {
    .fixed-header .page-anchor ol {
        padding: 11px 0;
        margin: 0 -9px
    }
}

.fixed-header .page-anchor ol li {
    font-size: 10px;
    margin: 0 4px;
    display: inline-block;
    vertical-align: top
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li {
        font-size: 14px;
        margin: 0 5px;
        max-width: 100%
    }
}

@media(min-width:1024px) {
    .fixed-header .page-anchor ol li {
        font-size: 15px;
        margin: 0 9px
    }
}

@media(min-width:1300px) {
    .fixed-header .page-anchor ol li {
        max-width: 100%
    }
}

.fixed-header .page-anchor ol li span {
    display: none
}

.fixed-header .page-anchor ol li.anchor-active span {
    display: inline-block;
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li.anchor-active span {
        max-width: 190px
    }
}

@media(min-width:1300px) {
    .fixed-header .page-anchor ol li.anchor-active span {
        max-width: 100%
    }
}

.fixed-header .page-anchor ol li.anchor-active a {
    padding-left: 14px
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li.anchor-active a {
        padding-left: 18px
    }
}

.fixed-header .page-anchor ol li.anchor-active a:before {
    content: counters(item, " ") ".";
    margin-right: 5px;
    position: absolute;
    top: 0;
    left: 0
}

.fixed-header .page-anchor ol li.anchor-active a:after {
    bottom: -1px
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li.anchor-active a:after {
        bottom: -6px
    }
}

.fixed-header .page-anchor ol li.anchor-active a:hover:after {
    bottom: -1px;
    display: block
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li.anchor-active a:hover:after {
        bottom: -6px
    }
}

.fixed-header .page-anchor ol li a {
    padding-left: 0
}

.fixed-header .page-anchor ol li a:before {
    content: counters(item, " ") "";
    margin: 0;
    position: static
}

.fixed-header .page-anchor ol li a:hover:after {
    bottom: -5px;
    display: none
}

@media(min-width:768px) {
    .fixed-header .page-anchor ol li a:hover:after {
        bottom: -10px
    }
}

.fixed-header .nav-opener {
    top: 12px;
    right: 11px
}

.fixed-header .nav-opener:before,
.fixed-header .nav-opener:after,
.fixed-header .nav-opener span {
    background: #fff
}

html,
body {
    height: 100%
}

#wrapper {
    overflow: hidden;
    position: relative;
    min-height: 100%
}

.container {
    position: relative;
    max-width: 1110px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%
}

@media(min-width:768px) {
    .text-hold {
        max-width: 69.2%
    }
}

.hidden {
    display: none!important
}

#footer{
    padding:50px 0;
    background-color:#333;
    position:relative
}
#footer:after{
    content:'';
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:1000px;
    background:#333
}
@media(min-width:768px){
    #footer{
        padding:100px 0
    }
}
#footer .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    margin:0 auto;
    padding:0 25px;
    position:relative;
    text-transform:uppercase;
    width:100%;
    max-width:1137px
}
@media(min-width:320px) and (max-width:767px){
    #footer .container{
        padding:0 1.5rem
    }
}
@media(min-width:768px) and (max-width:1023px){
    #footer .container{
        padding:0 2rem
    }
}
@media(min-width:1024px) and (max-width:1199px){
    #footer .container{
        padding:0 5rem
    }
}
@media(min-width:768px){
    #footer .container{
        padding-right:19px;
        padding-left:14px
    }
}
@media screen and (max-width:549px){
    #footer .container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        flex-direction:column;
        -webkit-box-align:start;
        align-items:flex-start
    }
}
@media(min-width:480px){
    .footer-holder{
        display:-webkit-box;
        display:flex;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        justify-content:space-between;
        margin:0 -15px
    }
}
@media screen and (max-width:549px){
    .footer-holder{
        margin-bottom:4rem
    }
}
.quick-links{
    margin-bottom:75px;
    width:auto
}
@media(min-width:480px){
    .quick-links{
        padding:0 15px;
        margin-bottom:0
    }
}
.quick-links li{
    font-size:12px;
    font-weight:600;
    margin-bottom:15px;
    text-transform:uppercase
}
@media(min-width:480px){
    .quick-links li{
        margin-bottom:12px
    }
}
.quick-links li:last-child{
    margin-bottom:0
}
.quick-links li a{
    color:#fff;
    letter-spacing:.8px
}
.quick-links li a:hover,.quick-links li a:focus{
    color:#ffae00;
    text-decoration:underline
}
.footer--branding{
    color:#fff;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:start;
    align-items:flex-start;
    justify-content:space-around;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    font-size:.75rem;
    font-weight:600;
    height:100%;
    letter-spacing:.8px;
    padding-bottom:3rem
}
.footer--branding a{
    color:#fff;
    font-size:.75rem;
    font-weight:600;
    letter-spacing:.8px;
    text-transform:uppercase
}
.footer--branding .branding--logo{
    margin-bottom:0
}
.footer--branding .branding--series{
    line-height:1.2rem;
    margin-bottom:1.375rem
}
@media(min-width:320px) and (max-width:767px){
    .footer--branding .branding--series{
        text-align:center
    }
}
.footer--branding .branding--logo:hover img{
    border-bottom:1px solid #ffcd61;
    margin-bottom:calc(1.125rem - 1px)
}
.footer--branding .branding--logo:focus{
    outline:none
}
.footer--branding .branding--logo:focus img{
    border-bottom:1px solid #ffcd61;
    margin-bottom:calc(1.125rem - 1px)
}
.footer--branding .branding--series:hover{
    color:#ffcd61;
    text-decoration:underline;
    -webkit-transition:.2s;
    transition:.2s
}
.footer--branding .branding--series:focus{
    color:#ffcd61;
    outline:none;
    -webkit-text-decoration:underline solid #ffcd61;
    text-decoration:underline solid #ffcd61
}
.footer--branding img{
    height:auto;
    margin-bottom:1.125rem;
    width:19rem
}
@media(min-width:320px) and (max-width:767px){
    .footer--branding img{
        width:15rem
    }
}
.footer--branding .branding--editor{
    font-size:.625rem
}
@media(min-width:320px) and (max-width:767px){
    .footer--branding .branding--editor{
        text-align:center
    }
}
@media screen and (max-width:549px){
    .footer--branding{
        -webkit-box-align:center;
        align-items:center;
        width:100%
    }
}

.footer-logo .logo-text a {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.interactive-notation .music {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0;
    padding: 0
}

.interactive-notation .music audio {
    display: none
}

.interactive-notation .music .play-button {
    background: #ffae00;
    border: none;
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 150%;
    height: 7rem;
    line-height: 3em;
    padding: .25rem 0 0 .5rem;
    width: 8rem
}

.interactive-notation .music .play-button:hover,
.interactive-notation .music .play-button:active,
.interactive-notation .music .play-button:focus {
    background: #a2c5de;
    outline: none
}

.interactive-notation .music .play-button.playing {
    padding: 0
}

.interactive-notation .music .cmn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
    width: 100%
}

.interactive-notation #highlight-box-1 {
    fill: #53b58c
}

.interactive-notation #text3868 {
    -webkit-transform: translateX(4.25%);
    transform: translate3D(4.25%, 0, 0)
}

.interactive-notation #highlight-box-2 {
    fill: #ffae00
}

.interactive-notation #text3864 {
    -webkit-transform: translateX(4%);
    transform: translate3D(4%, 0, 0)
}

.interactive-notation #highlight-box-3 {
    fill: #618daa
}

.interactive-notation #text3872 {
    -webkit-transform: translateX(4.5%);
    transform: translate3D(4.5%, 0, 0)
}

.interactive-notation #highlight-box-4 {
    fill: #d34929
}

.interactive-notation #text3876 {
    -webkit-transform: translateX(4.75%);
    transform: translate3D(4.75%, 0, 0)
}

.interactive-notation #path5800,
.interactive-notation #path6340,
.interactive-notation #path6344,
.interactive-notation #path5815 {
    stroke: #53b58c
}

.interactive-notation #path6344,
.interactive-notation #path5815 {
    fill: #53b58c
}

.interactive-notation #path6683,
.interactive-notation #path7013,
.interactive-notation #path6687,
.interactive-notation #path7017 {
    stroke: #0051ff
}

.interactive-notation #path6687,
.interactive-notation #path7017 {
    fill: #0051ff
}

.interactive-notation #path7397,
.interactive-notation #path7739,
.interactive-notation #path7743,
.interactive-notation #path7401 {
    stroke: #da4929
}

.interactive-notation #path7743,
.interactive-notation #path7401 {
    fill: #da4929
}

.interactive-notation .music .note.highlighted {
    fill: #0051ff;
    stroke-width: 120%
}

.interactive-notation h4 {
    color: #333;
    display: block;
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    line-height: 1;
    margin-bottom: 6px;
    padding-top: 1.5rem
}

#bianchi-music-1 {
    height: 22rem
}

#bianchi-music-1 #svg4182 {
    margin-left: 1rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media(min-width:320px) and (max-width:767px) {
    #bianchi-music-1 {
        height: 28rem
    }
    #bianchi-music-1 .interactive-notation h4,
    #bianchi-music-2 .interactive-notation h4 {
        margin-bottom: 2rem;
        padding: 0
    }
    .interactive-notation .music {
        flex-direction: column
    }
    .interactive-notation .music .play-button {
        border-radius: 15px;
        height: 4rem;
        margin-bottom: 1rem;
        padding: 0 0 4rem;
        width: 100%
    }
    .interactive-notation .music .play-button.playing {
        padding: 0 0 4rem
    }
    .interactive-notation .music .cmn {
        height: 10rem;
        margin: 0 0 0 -.25rem;
        padding: 0
    }
    #bianchi-music-1 #svg4182 {
        margin: 0;
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }
}

@media(min-width:360px) and (max-width:767px) and (orientation:portrait) {
    #bianchi-music-1 #svg4182 {
        -webkit-transform: scale(0.45);
        transform: scale(0.45)
    }
}

@media(min-width:400px) and (max-width:767px) and (orientation:portrait) {
    #bianchi-music-1 #svg4182 {
        -webkit-transform: scale(0.48);
        transform: scale(0.48)
    }
}

@media(min-width:480px) and (max-width:767px) and (orientation:landscape) {
    #bianchi-music-1 {
        height: 24rem
    }
    #bianchi-music-1 .interactive-notation h4,
    #bianchi-music-2 .interactive-notation h4 {
        margin-bottom: 0
    }
    .interactive-notation .music {
        flex-direction: row
    }
    .interactive-notation .music .play-button {
        border-radius: 50%;
        height: 5rem;
        margin-bottom: 0;
        padding: 0;
        width: 5rem
    }
    .interactive-notation .music .cmn {
        height: auto;
        margin: 1rem 0 0;
        width: 85%
    }
    #bianchi-music-1 #svg4182 {
        margin: 0;
        -webkit-transform: scale(0.55);
        transform: scale(0.55)
    }
}

@media(min-width:600px) and (max-width:767px) and (orientation:landscape) {
    #bianchi-music-1 #svg4182 {
        -webkit-transform: scale(0.65);
        transform: scale(0.65)
    }
}

@media(min-width:700px) and (max-width:767px) and (orientation:landscape) {
    #bianchi-music-1 {
        height: 24rem
    }
    .interactive-notation .music .cmn {
        width: 88%
    }
    #bianchi-music-1 #svg4182 {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .interactive-notation .music .cmn {
        width: 88%
    }
    .interactive-notation .music .play-button {
        height: 5.5rem;
        width: 5.5rem
    }
    #bianchi-music-1 #svg4182 {
        margin: 0 -2rem 0 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media(min-width:1025px) and (max-width:1350px) {
    #bianchi-music-1 #svg4182 {
        margin: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#bianchi-music-2 {
    height: 17.5rem
}

#bianchi-music-2 .interactive-notation .music {
    padding-top: 1rem
}

#bianchi-music-2 .interactive-notation .music .cmn {
    margin-top: -5px;
    padding-top: 0
}

#bianchi-music-2 .interactive-notation .music .cmn>svg {
    width: 90%
}

@media(min-width:320px) and (max-width:767px) {
    #bianchi-music-2 {
        padding: .5rem 0
    }
    #bianchi-music-2 .interactive-notation .music .cmn>svg {
        height: 4rem;
        margin: -4rem -3.5rem 1rem 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        width: 100%
    }
}

@media(min-width:768px) and (max-width:1024px) {
    #bianchi-music-2 .interactive-notation .music .cmn>svg {
        margin-right: -8rem;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

#bianchi-music-3.interactive-notation {
    height: 22rem;
    padding: 0
}

#bianchi-music-3.interactive-notation .music {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0
}

#bianchi-music-3.interactive-notation .music .cmn {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-top: 0
}

#bianchi-music-3.interactive-notation .music .cmn>svg {
    margin-left: -20px;
    width: 115%
}

@media(min-width:320px) and (max-width:767px) {
    #bianchi-music-3.interactive-notation {
        height: 15rem
    }
    #bianchi-music-3.interactive-notation .music .cmn {
        width: 100%
    }
    #bianchi-music-3.interactive-notation .music .cmn>svg {
        margin-left: 2.5rem;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        width: 100%
    }
}

@media(min-width:768px) and (max-width:1024px) {
    #bianchi-music-3.interactive-notation .music .cmn>svg {
        margin-left: 3.875rem;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

#audio-player {
    padding: 3rem 0 0;
    margin: 0;
    display: flex
}

#play-button {
    background: #ffae00;
    border: none;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    line-height: 3em;
    color: #000;
    font-size: 150%;
    text-align: center;
    cursor: pointer
}

#play-button:hover,
#play-button:focus,
#play-button:active {
    background: #a2c5de;
    outline: none
}

.audio-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    padding-left: 1em
}

.audio-title label {
    font-size: 80%
}

.emblems-active body {
    overflow: hidden
}

.collections-wrapper {
    position: fixed;
    top: 100%;
    margin-top: -20px;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: top .3s;
    z-index: 99988
}

.cookies-disabled .collections-wrapper {
    display: none
}

.collection-opener {
    position: relative
}

.opener-holder-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 30px
}

@media(min-width:768px) {
    .opener-holder-bg {
        height: 50px
    }
}

.full-state .opener-holder-bg {
    background: #333
}

.opener-holder {
    background-color: #dc4929;
    padding: 8px 8px 0 14px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    white-space: nowrap;
    height: 30px;
    line-height: 1
}

.half-state .opener-holder {
    background-color: #333
}

.full-state .opener-holder {
    background-color: #333;
    width: 100%
}

@media(min-width:768px) {
    .full-state .opener-holder {
        background-color: #4d4d4d;
        width: auto
    }
}

@media(min-width:1024px) {
    .opener-holder {
        padding: 8px 8px 0 18px;
        position: absolute;
        right: 364px
    }
}

@media(min-width:1450px) {
    .opener-holder {
        right: 31%
    }
}

.opener-holder:before,
.opener-holder:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0 22.5px 39px;
    border-color: transparent transparent #dc4929;
    border-style: solid;
    left: -23px;
    top: 0;
    z-index: -1
}

.half-state .opener-holder:before,
.half-state .opener-holder:after {
    border-color: transparent transparent #333
}

.full-state .opener-holder:before,
.full-state .opener-holder:after {
    border-color: transparent transparent #333
}

@media(min-width:768px) {
    .full-state .opener-holder:before,
    .full-state .opener-holder:after {
        border-color: transparent transparent #4d4d4d
    }
}

.opener-holder:after {
    left: auto;
    right: -23px
}

.opener-holder a {
    color: #fff
}

.opener-holder a:hover {
    color: #ffb000
}

.opener-holder .js-btns {
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    text-align: right;
    font-size: 13px
}

.opener-holder .js-btns .btn-up {
    margin: 0 2px
}

.opener-holder .js-btns .btn-down {
    display: none;
    margin: 0 2px
}

.opener-holder .js-btns .btn-close {
    display: none;
    margin: 0 2px
}

.opener-holder .js-btns .icon-down {
    font-size: inherit
}

.opener-holder .js-btns .icon-up {
    font-size: inherit
}

.half-state .opener-holder .js-btns .btn-down {
    display: inline
}

.half-state .opener-holder .js-btns .btn-close {
    display: none
}

.full-state .opener-holder .js-btns .btn-up {
    display: none
}

.full-state .opener-holder .js-btns .btn-down {
    display: inline
}

.full-state .opener-holder .js-btns .btn-close {
    display: inline
}

.opener-holder .opener {
    padding: 0 20px 0 9px
}

.opener-holder .collection-name {
    font-size: 13px;
    color: #fff
}

.opener-holder .icon-cancel {
    font-size: 8px
}

.all-collections {
    position: relative;
    background-color: rgba(0, 0, 0, .85);
    padding: 13px 0;
    color: #fff
}

.collections-wrapper .all-collections {
    border-top: 20px solid #dc4929
}

.cookies-disabled .all-collections {
    display: none
}

@media(min-width:480px) {
    .all-collections {
        padding: 26px 0
    }
}

.half-state .all-collections {
    border-top-color: #333
}

.full-state .all-collections {
    border-top-width: 0;
    border-top-color: #4d4d4d
}

@media(min-width:768px) {
    .full-state .all-collections {
        border-top-width: 20px
    }
}

.emblems-active .all-collections {
    height: 100%;
    overflow-y: auto
}

@media(min-width:1300px) {
    .all-collections .grids-content {
        margin-right: -24px
    }
}

@media(min-width:768px) {
    .create-collection {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #666;
        padding-bottom: 15px;
        align-items: flex-end;
        margin-bottom: 34px
    }
}

@media(min-width:1300px) {
    .create-collection {
        margin-right: -23px
    }
}

.create-collection .sm-view {
    display: none
}

@media(min-width:1024px) {
    .create-collection .sm-view {
        display: block
    }
}

.create-collection .new-collection {
    text-align: center;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .create-collection .new-collection {
        text-align: left;
        margin: 0
    }
}

.collection-view {
    display: none
}

@media(min-width:768px) {
    .collection-view {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:1024px) {
    .collection-view {
        align-items: flex-end;
        line-height: 0
    }
}

.collection-view .title {
    display: inline-block;
    color: gray;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px
}

@media(min-width:1024px) {
    .collection-view .title {
        padding-bottom: 8px
    }
}

.collection-view .title em {
    font-style: normal;
    font-weight: 400
}

.collection-view .grids {
    display: flex;
    flex-wrap: wrap
}

.view-icon {
    margin-left: 34px;
    line-height: 0
}

.view-icon span {
    display: inline-block;
    color: #58595b;
    transition: color .25s ease-in-out
}

.view-icon span:hover {
    color: #b3b3b3
}

.view-icon .selected span {
    color: #b3b3b3
}

.collection-wrapper {
    border-bottom: 1px solid #666;
    margin-bottom: 40px;
    padding-bottom: 30px
}

.collection-wrapper:last-child {
    border-bottom: 0
}

@media(min-width:768px) {
    .collection-wrapper {
        padding-bottom: 20px
    }
}

.collection-wrapper a:hover {
    color: #ffb000
}

.top-holder {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    position: relative
}

@media(min-width:768px) {
    .top-holder {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left
    }
}

.new-collection a {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 6px 13px
}

.btn {
    background-color: #666;
    padding: 10px
}

.btn:hover {
    background-color: #4d4c4c
}

@media(min-width:768px) {
    .collection-name {
        width: 360px;
        margin-bottom: 15px
    }
}

@media(min-width:1024px) {
    .collection-name {
        margin-bottom: 0;
        width: 50%
    }
}

.collection-name h5 {
    font-weight: 600;
    display: inline;
    margin: 0
}

@media(max-width:767px) {
    .collection-name h5 {
        font-size: 19px
    }
}

.collection-name .name {
    display: block
}

@media(min-width:768px) {
    .collection-name .name {
        max-width: 415px;
        margin-right: 15px
    }
}

@media(min-width:1024px) {
    .collection-name .name {
        display: inline-block
    }
}

.collection-name .name em {
    font-size: 14px;
    display: block
}

@media(min-width:768px) {
    .collection-name .name em {
        display: inline-block
    }
}

.collection-name .icon-add {
    display: inline-block;
    font-size: 10px;
    margin-right: 5px
}

.collection-name .add-elements {
    width: 100%;
    margin-bottom: 6px;
    position: absolute;
    top: 0;
    left: 0
}

@media(min-width:768px) {
    .collection-name .add-elements {
        width: auto;
        margin-bottom: 0;
        position: static;
        display: inline
    }
}

.collection-name .add-elements a {
    color: #fff
}

.collection-name .add-elements a:hover {
    color: #ffae00
}

.collection-name .add-elements h6 {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0
}

.image-collection {
    font-size: 0;
    text-align: center
}

@media(min-width:480px) {
    .image-collection {
        text-align: left
    }
}

@media(min-width:768px) {
    .image-collection {
        margin: 0 -15px
    }
}

.edit-collection {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 600;
    padding-top: 27px
}

@media(min-width:768px) {
    .edit-collection {
        width: 50%;
        padding-left: 15px;
        padding-top: 0;
        justify-content: flex-end
    }
}

.edit-collection ul {
    text-align: center;
    width: 100%;
    margin: 0;
    margin-bottom: 17px
}

@media(min-width:768px) {
    .edit-collection ul {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        margin-bottom: 0
    }
}

.edit-collection ul li {
    text-transform: uppercase
}

@media(min-width:768px) {
    .edit-collection ul li {
        margin-left: 33px
    }
    .edit-collection ul li:first-child {
        margin-left: 0
    }
}

.edit-collection ul li a {
    color: #b2b2b2
}

@media(min-width:1024px) {
    .small-grid .image-description:nth-child(5) .tag-detail {
        left: auto;
        right: -40px
    }
}

@media(min-width:1024px) {
    .small-grid .image-description:nth-child(5) .tag-detail:after {
        left: auto;
        right: 37px
    }
}

@media(max-width:1023px) {
    .small-grid .image-description:nth-child(3n) .tag-detail {
        left: auto;
        right: -40px
    }
}

@media(max-width:767px) {
    .small-grid .image-description:nth-child(3n) .tag-detail {
        left: 0;
        right: auto
    }
}

@media(max-width:1023px) {
    .small-grid .image-description:nth-child(3n) .tag-detail:after {
        left: auto;
        right: 37px
    }
}

@media(max-width:767px) {
    .small-grid .image-description:nth-child(3n) .tag-detail:after {
        left: 11px;
        right: auto
    }
}

@media(max-width:1023px) {
    .medium-grid .image-description:nth-child(3n) .tag-detail {
        left: auto;
        right: -40px
    }
}

@media(max-width:767px) {
    .medium-grid .image-description:nth-child(3n) .tag-detail {
        left: 0;
        right: auto
    }
}

@media(max-width:1023px) {
    .medium-grid .image-description:nth-child(3n) .tag-detail:after {
        left: auto;
        right: 37px
    }
}

@media(max-width:767px) {
    .medium-grid .image-description:nth-child(3n) .tag-detail:after {
        left: 11px;
        right: auto
    }
}

@media(min-width:768px) {
    .medium-grid .image-description {
        width: 33.33%
    }
}

.image-description {
    margin-bottom: 8px;
    width: 269px;
    display: inline-block;
    vertical-align: top
}

@media(min-width:480px) {
    .image-description {
        width: 50%;
        padding: 0 17px;
        margin-bottom: 15px
    }
}

@media(min-width:768px) {
    .image-description {
        width: 33.33%
    }
}

@media(min-width:1024px) {
    .image-description {
        width: 20%
    }
}

@media(min-width:480px) {
    .image-description:nth-child(2n) .tag-detail {
        left: auto;
        right: -40px
    }
}

@media(min-width:768px) {
    .image-description:nth-child(2n) .tag-detail {
        left: 0;
        right: auto
    }
}

@media(min-width:480px) {
    .image-description:nth-child(2n) .tag-detail:after {
        left: auto;
        right: 37px
    }
}

@media(min-width:768px) {
    .image-description:nth-child(2n) .tag-detail:after {
        left: 11px;
        right: auto
    }
}

.image-description .image-holder {
    position: relative
}

.image-description .image-holder.hover .drag-image {
    opacity: 1;
    cursor: move
}

.image-description .image-holder>img {
    max-width: none;
    width: 100%
}

.image-description .image-holder .drag-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(230, 227, 223, .7);
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    opacity: 0;
    flex-direction: column;
    transition: opacity .4s ease-in-out
}

.image-description .image-holder .drag-text {
    color: #333;
    font-size: 14px
}

.image-description .detail {
    padding: 9px 3px;
    font-size: 11.21px;
    color: gray;
    text-align: left
}

@media(min-width:768px) {
    .image-description .detail {
        padding: 10px 0
    }
}

.image-description .detail>.active .tag-opener .icon-cancel {
    display: inline-block
}

.image-description .detail>.active .tag-opener .icon-down {
    display: none
}

.image-description .extra-edits {
    width: 70px;
    display: flex;
    flex-wrap: wrap
}

@media(min-width:768px) {
    .image-description .extra-edits {
        justify-content: flex-end
    }
}

.image-description .extra-edits li {
    margin-right: 17px;
    padding-top: 3px
}

@media(min-width:768px) {
    .image-description .extra-edits li:last-child {
        margin-right: 0
    }
}

.image-description .extra-edits li span {
    color: #ccc;
    font-size: 14px;
    transition: color .25s ease-in-out
}

.image-description .extra-edits li span:hover {
    color: #ffb000
}

@media(min-width:768px) {
    .image-description .extra-edits li span {
        font-size: 10px
    }
}

.image-description .name-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.image-description .name {
    font-size: 14.27px;
    width: calc(100% - 90px);
    margin-right: 10px;
    color: #fff;
    margin-bottom: 3px
}

.image-description .tag-opener {
    color: #696969;
    text-transform: uppercase
}

.image-description .tag-opener .icon-down {
    margin: 0 6px;
    font-size: 10px
}

.image-description .tag-opener .icon-cancel {
    display: none;
    margin: 0 6px;
    font-size: 8px
}

.image-description .tag-wrapper {
    position: relative
}

.image-description .tag-no {
    padding: 3px;
    background-color: #ffb000;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 55px;
    font-size: 10px;
    color: #333;
    cursor: pointer;
    vertical-align: top;
    width: 19px;
    height: 19px
}

.image-description .tag-no:hover .tag-detail {
    display: block
}

.image-description .tag-no>.tags-count {
    text-align: center;
    display: block;
    font-weight: 600
}

.image-description .tag-detail {
    position: absolute;
    bottom: 100%;
    background-color: #ffb000;
    left: 0;
    padding: 12px 10px 17px 17px;
    width: 233px;
    display: none;
    margin-left: -16px;
    margin-bottom: 23px;
    z-index: 9
}

@media(min-width:480px) {
    .image-description .tag-detail {
        width: 175px;
        padding: 5px 8px 8px
    }
}

@media(min-width:768px) {
    .image-description .tag-detail {
        width: 233px;
        padding: 12px 10px 17px 17px
    }
}

.image-description .tag-detail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 12px 12px 0;
    border-color: #ffb000 transparent transparent transparent;
    border-style: solid;
    top: 100%;
    left: 11px
}

.image-description .tag-detail:before {
    content: '';
    position: absolute;
    height: 25px;
    left: 0;
    right: 0;
    background: transparent;
    top: 100%
}

.image-description .tag-detail .title {
    color: #fff;
    font-size: 13px;
    margin-bottom: 3px
}

.image-description .tag-detail .tag-list {
    margin-bottom: 28px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

@media(min-width:480px) {
    .image-description .tag-detail .tag-list {
        margin-bottom: 10px
    }
}

@media(min-width:768px) {
    .image-description .tag-detail .tag-list {
        margin-bottom: 28px
    }
}

.image-description .tag-detail .tag-list li {
    margin-bottom: 3px
}

.image-description .tag-detail .tag-list a {
    color: #000;
    font-size: 12px;
    line-height: 1.2
}

.image-description .tag-detail .tag-list a:hover {
    color: #fff
}

.image-description .tag-detail .all-tags {
    font-size: 13px;
    color: #fff;
    text-decoration: underline
}

.slide {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px
}

.slide>li {
    overflow-wrap: break-word;
    list-style: none;
    margin-right: 4px;
    color: #ccc;
    font-size: 12px
}

.slide>li:after {
    content: ","
}

.slide>li:last-child:after {
    display: none
}

.slide>li a {
    color: #ccc
}

.slide>li a:hover {
    color: #ffb000
}

.slide .active a {
    color: #ffb000
}

@media(min-width:768px) {
    .large-grid .image-description {
        width: 50%
    }
}

.js-tab-hidden {
    display: block!important;
    left: -9999px!important;
    position: absolute!important;
    top: -9999px!important
}

.popup {
    text-align: center
}

@media(min-width:480px) {
    .popup {
        text-align: left
    }
}

.popup .collection-detail {
    background-color: #454545;
    padding: 20px 30px;
    width: 100%
}

@media(min-width:480px) {
    .popup .collection-detail {
        padding: 30px 40px
    }
}

@media(min-width:768px) {
    .popup .collection-detail {
        padding: 50px
    }
}

@media(min-width:1024px) {
    .popup .collection-detail {
        padding: 70px 90px
    }
}

.popup .collection-detail img {
    margin-bottom: 16px
}

.popup .collection-detail .image-name {
    font-size: 20px;
    display: block;
    color: #ccc
}

.popup .collection-detail .title,
.popup .collection-detail h3 {
    margin-bottom: 53px;
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: 400
}

.add-collections .collection-detail {
    padding: 20px 30px
}

@media(min-width:768px) {
    .add-collections .collection-detail {
        padding: 50px 80px
    }
}

@media(min-width:1024px) {
    .add-collections .collection-detail {
        padding: 70px 160px
    }
}

.add-collections .details {
    padding-left: 2px
}

.add-collections .details .all-tags {
    font-size: 11px;
    color: gray
}

.add-collections .details .slide {
    border-bottom: 1px solid #979797;
    padding-bottom: 30px;
    margin-bottom: 25px;
    padding-top: 0
}

.add-collections .details .slide li {
    font-size: 14px
}

.add-collections .details .view {
    text-align: center;
    text-transform: uppercase
}

.add-collections .details .view a {
    color: #b3b3b3;
    font-size: 13px
}

.add-collections .details .view a:hover {
    color: #ffb000
}

.add-collections .img-holder {
    margin-bottom: 7px
}

.add-collections img {
    height: auto
}

.create-collections .collection-detail input {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: none;
    color: #666;
    height: 49px;
    margin-bottom: 15px;
    padding: 5px 17px
}

.create-collections .collection-detail input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 20px
}

.create-collections .collection-detail input::-moz-placeholder {
    color: #ccc;
    font-size: 20px
}

.create-collections .collection-detail input:-ms-input-placeholder {
    color: #ccc;
    font-size: 20px
}

.create-collections .collection-detail input::-ms-input-placeholder {
    color: #ccc;
    font-size: 20px
}

.create-collections .collection-detail input::placeholder {
    color: #ccc;
    font-size: 20px
}

.create-collections .collection-detail input.input-error {
    border: 1px solid red
}

.create-collections .collection-detail .error-message {
    display: block;
    font-size: 14px;
    color: red
}

.create-collections .collection-detail button {
    background: transparent;
    border: none;
    font-size: 20px;
    color: #ffb000;
    margin-left: 11px
}

@media(min-width:1024px) {
    .choose-collections .collection-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media(min-width:1024px) {
    .choose-collections .collection-wrap .img-holder {
        width: calc(100% - 450px)
    }
}

@media(min-width:1024px) {
    .choose-collections .collection-wrap .details {
        width: 420px
    }
}

.choose-collections .collection-wrap h6 {
    color: gray;
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #989898;
    margin-bottom: 25px
}

.choose-collections .collection-wrap .collection-list {
    margin-bottom: 10px
}

@media(min-width:1024px) {
    .choose-collections .collection-wrap .collection-list {
        margin-bottom: 0
    }
}

.choose-collections .collection-wrap .collection-list li {
    font-size: 20px
}

.choose-collections .collection-wrap .collection-list li a {
    color: #fff
}

.choose-collections .collection-wrap .collection-list li a:hover {
    color: #ffb000
}

.choose-collections .collection-wrap .collection-list li em {
    font-size: 16px
}

.choose-collections .collection-wrap .create {
    color: #ffb000;
    font-size: 20px
}

.choose-collections .collection-wrap .image-name {
    margin-bottom: 8px
}

@media(min-width:1024px) {
    .choose-collections .collection-wrap .image-name {
        margin-bottom: 0
    }
}

.copy-collections .link-holder {
    position: relative;
    word-break: break-all;
    margin-bottom: 10px
}

.copy-collections .copy-info-popup {
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden
}

.copy-collections .success-state~.copy-info-popup {
    opacity: 1;
    visibility: visible
}

.popup .copy-collections .title {
    margin-bottom: 25px
}

.copy-collections .link {
    background-color: transparent;
    padding: 0 2px;
    font-size: 20px;
    word-break: break-all;
    color: #fff
}

.copy-collections .options {
    font-size: 20px
}

@media(min-width:768px) {
    .copy-collections .options {
        margin: 0 -8px
    }
}

.copy-collections .options .option1 {
    color: #ffb000
}

.copy-collections .options a {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .copy-collections .options a {
        margin-bottom: 0;
        padding: 0 8px;
        width: auto
    }
}

.copy-collections .options a:hover {
    color: #ffb000
}

.delete-collections .collection-detail {
    padding: 50px 13px
}

@media(min-width:768px) {
    .delete-collections .collection-detail {
        padding: 50px 80px
    }
}

.delete-collections .title span {
    color: #b2b2b2
}

.delete-collections .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 20px
}

@media(min-width:768px) {
    .delete-collections .options {
        justify-content: space-between;
        margin: 0 -8px
    }
}

.delete-collections .options .option1 {
    color: #ffb000
}

@media(min-width:768px) {
    .delete-collections .options .option1 {
        max-width: 60%
    }
}

.delete-collections .options .option2 {
    color: gray
}

.delete-collections .options a {
    margin-bottom: 10px;
    width: 100%
}

@media(min-width:768px) {
    .delete-collections .options a {
        margin-bottom: 0;
        padding: 0 8px;
        width: auto
    }
}

.delete-collections .options a:hover {
    color: #ffb000
}

.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0
}

.popup-holder .lightbox {
    padding: 5px;
    width: 824px
}

.fancybox-content {
    width: 1024px;
    padding: 0
}

.fancybox-content .fancybox-close-small {
    color: #e5e5e5;
    padding: 13px;
    right: -5px;
    top: -5px
}

@media(min-width:640px) {
    .fancybox-content .fancybox-close-small {
        right: 7px;
        top: 4px
    }
}

.fancybox-bg {
    background: #dfdfdf
}

.fancybox-is-open .fancybox-bg {
    opacity: .95
}

.choose-emblems .collection-detail {
    padding: 50px 40px
}

.choose-emblems .image-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    color: #fff;
    margin: 0 -10px 20px
}

@media(min-width:768px) {
    .choose-emblems .image-list {
        font-size: 14px
    }
}

.choose-emblems .image-list li {
    width: 50%;
    padding: 0 10px;
    margin: 0 0 10px
}

@media(min-width:480px) {
    .choose-emblems .image-list li {
        width: 33.3%
    }
}

@media(min-width:768px) {
    .choose-emblems .image-list li {
        width: 20%
    }
}

.choose-emblems .image-list li.active {
    opacity: .6
}

.choose-emblems .image-list li.hidden-item {
    display: none
}

.choose-emblems .image-list img {
    margin: 0 0 5px;
    display: block
}

.choose-emblems .add-link {
    color: #ffae00
}

.choose-emblems .add-link.disabled {
    pointer-events: none
}

.choose-emblems .add-link.disabled .link-active {
    display: none
}

.choose-emblems .add-link.disabled .link-disabled {
    display: initial
}

.choose-emblems .add-link .link-active {
    display: initial
}

.choose-emblems .add-link .link-disabled {
    display: none
}

.content {
    background: #fff;
    padding: 50px 0
}

@media(min-width:768px) {
    .content {
        max-width: 69.2%;
        padding: 76px 15px 40px 0
    }
}

@media(min-width:1024px) {
    .content {
        padding-right: 40px
    }
}

section .content p a {
    border-bottom: 1px solid #658197
}

section .content p a:hover,section .content p a:focus{
    color:#333;
    border-bottom:1px dotted #333
}

section .content p sup a {
    border-bottom: none
}

@media(min-width:768px) {
    .content p {
        margin-bottom: 1.6em
    }
}

.content span>a {
    font-weight: 600
}

.content span>a:hover {
    color: #333
}

.content strong {
    font-weight: 600
}

.content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    content: '';
    background: #fff;
    width: 99999px;
    margin-right: -15px
}

.content sup {
    font-size: 13px
}

.content sup a {
    color: #da4929;
    border-bottom: none
}

.content sup a:hover {
    color: #000
}

.sidebar {
    position: absolute;
    top: 30px;
    right: 0;
    width: 27.3%
}

@media(min-width:1024px) {
    .sidebar {
        top: 86px
    }
}

@media(min-width:1300px) {
    .sidebar {
        width: 26.3%
    }
}

@media(max-width:767px) {
    .sidebar {
        display: none
    }
}

.sidebar ul {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase
}

.sidebar ul li {
    margin-bottom: 10px
}

.sidebar ul li a {
    color: #333
}

.sidebar ul li a:hover {
    color: #da4929
}

.figure {
    text-align: center;
    padding-top: 44px;
    margin: 0 0 40px
}

@media(min-width:768px) {
    .figure {
        margin-bottom: 60px
    }
}

.figure img {
    margin-bottom: 25px
}

.figure figcaption {
    border-top: 2px solid #b3b3b3;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    padding-top: 5px;
    text-transform: capitalize;
    position: relative
}

.figure .add {
    margin: 2px 4px 0 0;
    width: 26px;
    height: 25px
}

.figure .add .hover {
    display: none
}

.figure .add:hover .call-out {
    display: block
}

.figure .add:hover .default {
    display: none
}

.figure .add:hover .hover {
    display: block
}

.left-space {
    padding-left: 30px;
    display: block
}

@media(min-width:768px) {
    .left-space {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .text-hold {
        max-width: 69.2%
    }
}

.text-hold sup a {
    color: #da4929
}

.text-hold sup a:hover {
    text-decoration: underline
}

sup {
    font-weight: 700
}

.side-popup {
    position: absolute;
    background: #dae4ec;
    width: 290px;
    margin-left: -145px;
    z-index: 999
}

@media(min-width:768px) {
    .side-popup {
        width: auto;
        margin-left: 0
    }
}

.side-popup+.side-popup {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .2)
}

.side-popup .holder {
    position: relative
}

.side-popup.footnote {
    font-size: 15px;
    line-height: 1.4;
    padding: 34px 35px 15px
}

@media(min-width:768px) {
    .side-popup.footnote {
        padding: 34px 10px 15px 35px
    }
}

@media(min-width:1024px) {
    .side-popup.footnote {
        padding: 34px 35px 15px
    }
}

@media(min-width:1200px) {
    .side-popup.footnote {
        padding: 34px 10px 15px 40px
    }
}

@media(min-width:1300px) {
    .side-popup.footnote {
        padding-left: 55px;
        padding-right: 56px
    }
}

.side-popup.footnote .close {
    top: -25px;
    right: -20px
}

@media(min-width:768px) {
    .side-popup.footnote .close {
        right: 0
    }
}

@media(min-width:1024px) {
    .side-popup.footnote .close {
        top: -20px;
        right: -10px
    }
}

@media(min-width:1200px) {
    .side-popup.footnote .close {
        top: -24px;
        right: 0
    }
}

@media(min-width:1300px) {
    .side-popup.footnote .close {
        right: -20px
    }
}

.side-popup.footnote .holder {
    color: #231f20
}

.side-popup.footnote .label {
    position: absolute;
    top: 0;
    left: -28px;
    width: 22px;
    text-align: right;
    color: #da4929;
    font-weight: 700
}

.side-popup .close {
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 1;
    color: #333
}

@media(min-width:768px) {
    .side-popup .close {
        top: -35px;
        right: 0
    }
}

@media(min-width:1024px) {
    .side-popup .close {
        right: 0;
        top: -40px
    }
}

@media(min-width:1200px) {
    .side-popup .close {
        top: -40px
    }
}

@media(min-width:1300px) {
    .side-popup .close {
        right: -29px;
        top: -52px
    }
}

.side-popup .close .icon-cancel {
    font-size: 13px;
    line-height: 1
}

.side-popup .close:hover {
    color: #da4929
}

.side-popup.emblem {
    right: 0;
    padding: 50px 15px 34px 20px
}

@media(min-width:1300px) {
    .side-popup.emblem {
        right: -32px;
        padding: 74px 56px 34px 35px
    }
}

.side-popup.emblem .holder {
    max-width: 345px
}

.side-popup.emblem .figure {
    padding: 0;
    margin: 0
}

.side-popup.emblem .figure img {
    margin-bottom: 12px
}

.side-popup.emblem .figure figcaption {
    border: none
}

.side-popup.emblem .figure .title {
    margin-left: 6px;
    max-width: 80%
}

.side-popup.emblem .figure .add {
    margin: 4px 2px 0 0;
    position: relative
}

.side-popup.emblem .figure .add .hover {
    display: none
}

.side-popup.emblem .figure .add:hover .call-out {
    display: block
}

.side-popup.emblem .figure .add:hover .default {
    display: none
}

.side-popup.emblem .figure .add:hover .hover {
    display: block
}

@media(min-width:768px) {
    .side-block {
        position: absolute;
        right: 0
    }
}

p .side-block {
    margin-top: 1.6em
}

@media(min-width:768px) {
    p .side-block {
        margin: 0
    }
}

.definition {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 0 50px
}

@media(min-width:768px) {
    .definition {
        padding: 0 15px
    }
}

@media(min-width:1024px) {
    .definition {
        font-size: 15px;
        padding-left: 40px
    }
}

@media(min-width:1300px) {
    .definition {
        padding-left: 56px
    }
}

.definition .holder {
    display: block
}

.definition .holder+.holder {
    margin-top: 35px
}

@media(min-width:768px) {
    .definition .holder+.holder {
        margin-top: 68px
    }
}

.definition .h4 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    line-height: 1.04;
    margin-bottom: 6px;
    display: block
}

.definition .sub {
    display: block
}

.definition .def-hold {
    display: block;
    padding-top: 20px
}

.definition .def-hold strong {
    font-weight: 600
}

.definition .def-hold p {
    margin-bottom: 10px
}

.image-without-caption,
.image-with-caption {
    display: block
}

@media(min-width:768px) {
    .image-without-caption,
    .image-with-caption {
        padding-left: 15px;
        padding-right: 15px;
        position: absolute
    }
}

@media(min-width:1024px) {
    .image-without-caption,
    .image-with-caption {
        padding-left: 40px
    }
}

.image-without-caption .holder,
.image-with-caption .holder {
    display: block
}

.image-without-caption .holder+.holder,
.image-with-caption .holder+.holder {
    margin-top: 61px
}

.image-without-caption .title,
.image-with-caption .title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 18px
}

.image-without-caption .caption,
.image-with-caption .caption {
    font-size: 15px;
    line-height: 1.4;
    display: block;
    padding-top: 24px
}

.call-out {
    display: none;
    position: absolute;
    top: 100%;
    right: -6px;
    background: #333;
    color: #fff;
    font-weight: 400;
    width: 141px;
    padding: 6px 10px;
    margin-top: 26px;
    z-index: 1;
    text-transform: none;
    text-align: center
}

.call-out:before {
    content: '';
    height: 0;
    width: 0;
    border-bottom: 13px solid #333;
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    position: absolute;
    top: -12px;
    right: 11px
}

.side-table {
    background: #000;
    color: #fff;
    padding: 39px 15px
}

@media(min-width:768px) {
    .side-table {
        position: absolute;
        right: 0;
        padding-left: 20px
    }
}

@media(min-width:1200px) {
    .side-table {
        padding-left: 49px
    }
}

@media(min-width:1300px) {
    .side-table {
        right: -50px
    }
}

@media(min-width:768px) {
    .side-table:after {
        content: '';
        background: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 9999px;
        z-index: -1
    }
}

.side-table .title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    padding-left: 3px;
    margin-bottom: 24px
}

.side-table table {
    table-layout: fixed;
    width: 100%
}

.side-table table tr {
    border-bottom: 1px solid #404040
}

.side-table thead th {
    text-align: left;
    font-weight: 400;
    padding: 11px 6px 22px
}

.side-table thead th+th {
    border-left: 1px solid #404040;
    padding: 11px 14px 22px
}

.side-table thead strong {
    font: 24px/1.2 gt_sectra, times new roman, times, baskerville, georgia, serif;
    margin-bottom: 5px;
    display: block
}

.side-table thead em {
    font-size: 15px;
    line-height: 1.2;
    display: block
}

.side-table tbody tr:last-child {
    border: none
}

.side-table tbody tr:last-child td {
    padding: 2px 10px
}

.side-table tbody td {
    text-align: center;
    padding: 10px 10px 9px;
    font-size: 20px;
    line-height: 1
}

@media(min-width:1024px) {
    .side-table tbody td {
        font-size: 30px
    }
}

.side-table tbody td+td {
    border-left: 1px solid #404040
}

@media(min-width:768px) {
    .side-table tbody td:first-child {
        padding-right: 36px
    }
}

.side-table tbody td a {
    color: #da4929
}

.side-table tbody td a:hover {
    color: #fff
}

.side-table tbody td .wrap {
    position: relative
}

.side-table tbody td .wrap.popup-active .call-out {
    opacity: 1;
    visibility: visible
}

.side-table tbody td .call-out {
    position: absolute;
    font-size: 15px;
    line-height: 1.4;
    width: 181px;
    left: -16px;
    margin-top: 12px;
    opacity: 0;
    visibility: hidden
}

@media(min-width:768px) {
    .side-table tbody td .call-out {
        left: auto;
        right: -10px
    }
}

@media(min-width:1024px) {
    .side-table tbody td .call-out {
        right: -6px
    }
}

.side-table tbody td .call-out:before {
    left: 11px
}

@media(min-width:768px) {
    .side-table tbody td .call-out:before {
        left: auto;
        right: 11px
    }
}

.side-table tbody span {
    position: relative;
    display: inline-block
}

.side-table tbody .play {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 1px solid #da4929;
    position: absolute;
    top: 50%;
    right: -34px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: border .3s ease-in-out
}

@media(min-width:1024px) {
    .side-table tbody .play {
        right: -40px
    }
}

.side-table tbody .play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-38%, -50%);
    transform: translate(-38%, -50%);
    height: 0;
    width: 0;
    border-bottom: 5.5px solid rgba(0, 0, 0, 0);
    border-left: 9px solid #da4929;
    border-top: 5.5px solid rgba(0, 0, 0, 0);
    transition: border .3s ease-in-out
}

.side-table tbody .play:hover {
    border-color: #fff
}

.side-table tbody .play:hover:after {
    border-left-color: #fff
}

.illustrations {
    padding: 30px 0
}

@media(min-width:768px) {
    .illustrations {
        padding: 120px 0 0
    }
}

.illustrations ul li {
    padding: 10px 0
}

.illustrations ul li a {
    color: #333;
    word-wrap: break-all;
    text-decoration: underline;
}

.illustrations ul li a:hover,.illustrations ul li a:focus  {
    color: #da4936;
}

.sources {
    padding: 30px 0
}

@media(min-width:768px) {
    .sources {
        padding: 120px 0 0
    }
}

.sources .sources-wrapper {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .sources .sources-wrapper {
        margin-bottom: 60px
    }
}

.sources h2 {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .sources h2 {
        margin-bottom: 60px
    }
}

.sources .title {
    color: #da4929;
    display: block;
    border-bottom: 1px solid #000;
    font-weight: 600;
    padding-bottom: 2px;
    margin-bottom: 26px
}

.sources .sources-detail {
    margin-bottom: 32px
}

.sources .sources-detail span {
    display: block;
    overflow-wrap: break-word
}

.sources .sources-detail a {
    color: #333;
    word-wrap: break-all;
    text-decoration: underline
}

.sources .sources-detail a:hover,.sources .sources-detail a:focus{
    color:#da4936
}

.sources .indent {
    padding-left: 15px
}

@media(min-width:768px) {
    .sources .indent {
        padding-left: 51px
    }
}

.sources .dashed::before {
    content: "———.";
    margin-right: 5px
}

.citation {
    padding-top: 120px;
    margin-bottom: 50px
}

@media(min-width:768px) {
    .citation {
        margin-bottom: 119px
    }
}

.citation h2 {
    margin-bottom: 24px;
    font-style: normal
}

.biography {
    background-color: #dc4929;
    color: #fff;
    padding: 30px 0
}

@media(min-width:768px) {
    .biography {
        padding: 93px 0 120px
    }
}

.biography h2 {
    margin-bottom: 30px;
    color: #333
}

@media(min-width:768px) {
    .biography h2 {
        margin-bottom: 57px
    }
}

.essay-pagination {
    padding: 30px 0
}

@media(min-width:768px) {
    .essay-pagination {
        padding: 62px 0 60px
    }
}

.essay-pagination .essay-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px
}

.essay-pagination .wrap {
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 35px
}

.essay-pagination .wrap:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {
    .essay-pagination .wrap {
        margin-bottom: 0
    }
}

.essay-pagination .wrap span {
    display: block
}

.essay-pagination h6 {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .essay-pagination h6 {
        margin-bottom: 33px
    }
}

.essay-pagination .title {
    color: #da4929
}

.essay-pagination .title:hover {
    color: #e26e54
}

.essay-pagination .name {
    font-size: 16px
}

figure em {
    text-align: left;
    font-size: 15px;
    display: block
}

figure figcaption em {
    display: inline-block
}

.open-book {
    background-color: #000;
    padding: 9px 0
}

.open-book .figure {
    margin-bottom: 43px
}

.open-book .figure figcaption .title {
    color: #fff
}

.video-section {
    position: relative;
    height: 490px;
    overflow: hidden
}

.video-section video {
    top: 50%;
    left: 50%;
    z-index: -1;
    height: auto;
    width: auto;
    height: auto;
    position: absolute;
    background: #a2c5de;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover
}

.two-figure-side {
    padding-top: 55px;
    background: #000;
    color: #fff
}

.two-figure-side .text-hold {
    padding-bottom: 36px
}

@media(min-width:1024px) {
    .two-figure-side .text-hold {
        padding: 0 40px 36px 0
    }
}

.two-figure-side .two-image {
    display: flex;
    flex-wrap: wrap
}

@media(min-width:768px) {
    .two-figure-side .two-image {
        margin: 0 -14px
    }
}

.two-figure-side .two-image .col {
    width: 100%
}

@media(min-width:768px) {
    .two-figure-side .two-image .col {
        padding: 0 14px;
        width: 50%
    }
}

@media(min-width:768px) {
    .two-figure-side .two-image .col img {
        max-height: 435px
    }
}

@media(min-width:1024px) {
    .two-figure-side .two-image .col img {
        max-height: 100%
    }
}

.two-figure-side .figure {
    padding-top: 0
}

.circular-highlight {
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #000
}

@media(min-width:768px) {
    .circular-highlight {
        height: 100vh
    }
}

.circular-highlight .container {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    height: 100%
}

@media(min-width:768px) {
    .circular-highlight .text-hold {
        max-width: 69.2%
    }
}

.circular-highlight h2 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif
}

@media(min-width:768px) {
    .circular-highlight h2 {
        margin-bottom: 26px
    }
}

.bg-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.section-content {
    position: relative;
    padding: 50px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(min-width:768px) {
    .section-content {
        background-image: none!important;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        height: calc(100vh);
        padding: 0
    }
}

.fixed-state .section-content {
    position: fixed;
    left: 0;
    top: 0;
    height: calc(100vh);
    width: 100%
}

.scroll-state .section-content {
    bottom: 0;
    top: auto
}

.section-content .img-holder {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.section-content .img-holder img {
    display: block;
    height: 100%;
    width: auto;
    max-width: none
}

@media(min-width:768px) {
    .section-content .img-holder img {
        height: calc(100vh)
    }
}

.figure-with-text {
    background: #000;
    padding: 50px 0;
    color: #fff
}

@media(min-width:768px) {
    .figure-with-text {
        padding: 100px 0
    }
}

@media(min-width:1024px) {
    .figure-with-text {
        padding: 126px 0 128px
    }
}

@media(min-width:768px) {
    .figure-with-text .container {
        display: flex;
        flex-direction: row-reverse
    }
}

@media(min-width:768px) {
    .figure-with-text .text-hold {
        max-width: 50%;
        flex: 0 0 50%;
        padding-right: 30px;
        width: 100%
    }
}

@media(min-width:1450px) {
    .figure-with-text .text-hold {
        max-width: 532px;
        flex: 0 0 532px;
        padding-right: 90px
    }
}

.figure-with-text .text-hold a {
    color: #dfe9ef;
    text-decoration: underline
}

.figure-with-text .img-hold {
    flex: 1;
    padding-bottom: 40px
}

@media(min-width:768px) {
    .figure-with-text .img-hold {
        padding: 3px 0 0
    }
}

@media(min-width:1450px) {
    .figure-with-text img {
        max-width: none;
        margin-right: -118px
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section {
        padding: 0;
        position: relative;
        overflow: hidden
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section>.container {
        flex-wrap: wrap
    }
}

.figure-with-text.anim-section .anim-content {
    padding: 50px 0;
    position: relative
}

@media(min-width:768px) {
    .figure-with-text.anim-section .anim-content {
        min-height: calc(100vh);
        display: flex;
        align-items: center;
        width: 100%;
        padding: 100px 0
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section .anim-content .img-hold {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section .anim-content.content-active .img-hold {
        opacity: 1;
        visibility: visible
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section.fixed-state .anim-content .img-hold {
        position: fixed
    }
}

@media(min-width:768px) {
    .figure-with-text.anim-section.scroll-state .content-active .img-hold {
        position: absolute;
        opacity: 1;
        visibility: visible
    }
}

.collection-comparisons {
    background: #dfe9ef;
    font-size: 16px
}

@media(min-width:768px) {
    .collection-comparisons {
        background: 0 0
    }
}

.collection-comparisons h3 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    font-size: 24px;
    margin-bottom: 3px
}

.collection-comparisons .content {
    background: #dfe9ef;
    padding: 25px 0
}

@media(min-width:768px) {
    .collection-comparisons .content {
        max-width: 69.2%;
        padding: 25px 15px 35px 0
    }
}

.collection-comparisons .content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    content: '';
    background: #dfe9ef;
    width: 99999px
}

.collection-comparisons .title {
    display: block;
    font-weight: 600;
    margin-bottom: 9px
}

.collection-comparisons .image-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 6px
}

.collection-comparisons .image-list li {
    margin: 0 15px 15px 0;
    max-width: 115px;
    flex: 0 0 115px
}

@media(min-width:768px) {
    .collection-comparisons .image-list li {
        margin: 0 26px 24px 0;
        max-width: 145px;
        flex: 0 0 145px
    }
}

.collection-comparisons .add-link {
    position: relative;
    padding-left: 38px;
    display: inline-block;
    vertical-align: top;
    color: #da4929
}

.collection-comparisons .add-link:hover {
    color: #000
}

.collection-comparisons .add-link img {
    width: 26px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width:1024px) {
    .collection-comparisons .collection-holder {
        margin-right: 24px
    }
}

.collection-comparisons .collection-holder+.collection-holder {
    border-top: 1px solid #7f8386;
    padding-top: 55px;
    margin-top: 30px;
    padding-bottom: 6px
}

@media(min-width:768px) {
    .comparison-sidebar {
        max-width: 30.8%;
        position: absolute;
        right: 0;
        top: 0;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:900px) {
    .comparison-sidebar {
        padding: 0 15px
    }
}

@media(max-width:767px) {
    .comparison-sidebar {
        padding: 30px 0 0;
        max-width: 250px
    }
}

.sub-header-image {
    background-size: cover;
    background-position: 50%;
    min-height: 320px;
    padding: 80px 0 116px;
    color: #fff;
    display: flex;
    align-items: center
}

.sub-header-image:after {
    content: '';
    min-height: inherit;
    font-size: 0
}

@media(min-width:768px) {
    .sub-header-image {
        min-height: 490px
    }
}

.sub-header-image h2 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    font-size: 45px
}

@media(min-width:768px) {
    .sub-header-image h2 {
        margin-bottom: 0;
        font-size: 65px
    }
}

.sub-header-image h3 {
    font-weight: 400;
    line-height: 1.33;
    margin: 0
}

.sub-header-image sup {
    font-size: 17px
}

.sub-header-image .text-hold {
    max-width: 100%;
    text-align: center
}

.music-player-with-text {
    background: #000;
    color: #fff;
    padding: 69px 0 50px
}

@media(min-width:1024px) {
    .music-player-with-text {
        padding-bottom: 111px
    }
}

.music-player-with-text .text-hold {
    padding-bottom: 40px
}

@media(min-width:768px) {
    .music-player-with-text .text-hold {
        padding-right: 15px
    }
}

@media(min-width:1024px) {
    .music-player-with-text .text-hold {
        padding: 0 40px 80px 0
    }
}

.music-player-with-text sup {
    font-size: 13px
}

.waies-slider {
    background-color: #000;
    padding: 64px 0 87px
}

.waies-slider .slider-box {
    background-color: #353f45;
    padding: 35px 22px 48px;
    color: #fff;
    font-size: 15px
}

.waies-slider .slider-box span {
    display: block
}

.waies-slider .slider-box .name {
    margin-bottom: 21px
}

.waies-slider .slider-box .topic {
    border-top: 2px solid #252b30;
    font-size: 24px;
    padding: 20px 21px 30px 0;
    line-height: 1.38
}

@media(min-width:480px) {
    .waies-slider .slider-box .topic {
        padding: 25px 21px 73px 0
    }
}

.waies-slider .slider-box .detail {
    border-top: 2px solid #252b30;
    padding-top: 22px;
    opacity: 0;
    min-height: 72px
}

.waies-slider .slider-box .upper-box {
    opacity: 0
}

.waies-slider .owl-carousel {
    position: relative;
    padding: 0 15px
}

@media(min-width:480px) {
    .waies-slider .owl-carousel {
        padding: 0 30px
    }
}

@media(min-width:768px) {
    .waies-slider .owl-carousel {
        padding: 0 50px
    }
}

@media(min-width:1200px) {
    .waies-slider .owl-carousel {
        padding: 0 3px
    }
}

.waies-slider .owl-nav span {
    font-size: 15px;
    color: #fff;
    display: inline-block
}

@media(min-width:480px) {
    .waies-slider .owl-nav span {
        font-size: 25px
    }
}

@media(min-width:768px) {
    .waies-slider .owl-nav span {
        font-size: 36px
    }
}

.waies-slider .owl-nav .owl-next,
.waies-slider .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    top: 46%;
    -webkit-transform: translateY(-56%);
    transform: translateY(-56%);
    right: -10px;
    outline: none
}

@media(min-width:480px) {
    .waies-slider .owl-nav .owl-next,
    .waies-slider .owl-nav .owl-prev {
        right: -5px
    }
}

@media(min-width:1200px) {
    .waies-slider .owl-nav .owl-next,
    .waies-slider .owl-nav .owl-prev {
        right: -55px
    }
}

@media(min-width:1365px) {
    .waies-slider .owl-nav .owl-next,
    .waies-slider .owl-nav .owl-prev {
        right: -135px
    }
}

@media(min-width:1450px) {
    .waies-slider .owl-nav .owl-next,
    .waies-slider .owl-nav .owl-prev {
        right: -125px
    }
}

@media(min-width:1700px) {
    .waies-slider .owl-nav .owl-next,
    .waies-slider .owl-nav .owl-prev {
        right: -280px
    }
}

.waies-slider .owl-nav .owl-next span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.waies-slider .owl-nav .owl-prev {
    left: -10px;
    right: auto
}

@media(min-width:480px) {
    .waies-slider .owl-nav .owl-prev {
        left: -5px;
        right: auto
    }
}

@media(min-width:1200px) {
    .waies-slider .owl-nav .owl-prev {
        left: -55px;
        right: auto
    }
}

@media(min-width:1450px) {
    .waies-slider .owl-nav .owl-prev {
        left: -80px;
        right: auto
    }
}

@media(min-width:1700px) {
    .waies-slider .owl-nav .owl-prev {
        right: auto
    }
}

.waies-slider .owl-nav .disabled {
    display: none
}

.waies-slider .owl-dots {
    display: none
}

.waies-slider .owl-stage-outer {
    margin-right: 0
}

@media(min-width:768px) {
    .waies-slider .owl-stage-outer {
        margin-right: -999999px
    }
}

.waies-slider .owl-stage-outer .owl-item {
    opacity: .3
}

.waies-slider .owl-stage-outer .active {
    opacity: 1
}

.waies-slider .owl-stage-outer .active .upper-box {
    opacity: 1
}

.waies-slider .owl-stage-outer .active .detail {
    opacity: 1
}

.waies-slider .owl-text {
    color: #fff;
    margin-bottom: 39px;
    background-color: #000
}

@media(min-width:768px) {
    .waies-slider .owl-text {
        max-width: 67%
    }
}

.waies-slider .owl-text span {
    display: block
}

.waies-slider .owl-text .table-no {
    font-size: 15px;
    font-weight: 600
}

.waies-slider .owl-text h4 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    margin: 0
}

.waies-slider .owl-text .text {
    margin-bottom: 64px
}

.waies-slider .owl-item {
    display: flex;
    flex-wrap: wrap
}

@media(min-width:1365px) {
    .waies-slider .owl-item {
        width: 269px!important
    }
}

@media(min-width:1700px) {
    .waies-slider .owl-item {
        width: 307px!important
    }
}

.waies-slider .slider-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.waies-slider .owl-stage {
    display: flex
}

.hotspot-section {
    background: #000;
    padding: 69px 0 50px;
    text-align: center
}

.hotspot-section figure {
    margin: 0
}

.hotspot-section .circular-hotspot {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-radius: 100%
}

.hotspot-section .circular-hotspot img {
    width: 100%;
    border-radius: 100%
}

.hotspot-section .hotspot01,
.hotspot-section .hotspot02,
.hotspot-section .hotspot03 {
    z-index: 10
}

.hotspot-section .hotspot01.popup-active .spot-holder,
.hotspot-section .hotspot02.popup-active .spot-holder,
.hotspot-section .hotspot03.popup-active .spot-holder {
    opacity: 1;
    visibility: visible
}

.hotspot-section .hotspot01 {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 3
}

@media(min-width:768px) {
    .hotspot-section .hotspot01 {
        top: 30px;
        -webkit-transform: translateX(32px);
        transform: translateX(32px)
    }
}

@media(max-width:767px) {
    .hotspot-section .hotspot01 .spot-holder {
        left: -145px
    }
}

.hotspot-section .hotspot02 {
    position: absolute;
    top: 56%;
    left: 35px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    z-index: 2
}

@media(min-width:768px) {
    .hotspot-section .hotspot02 {
        left: 300px;
        -webkit-transform: translateY(-31px);
        transform: translateY(-31px)
    }
}

@media(max-width:767px) {
    .hotspot-section .hotspot02 .spot-holder {
        left: -36px
    }
}

.hotspot-section .hotspot03 {
    position: absolute;
    bottom: 60px;
    right: 26%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1
}

@media(min-width:768px) {
    .hotspot-section .hotspot03 {
        -webkit-transform: translateX(-250%);
        transform: translateX(-250%);
        bottom: 160px
    }
}

@media(min-width:1024px) {
    .hotspot-section .hotspot03 {
        -webkit-transform: translateX(-344%);
        transform: translateX(-344%);
        bottom: 350px
    }
}

@media(max-width:767px) {
    .hotspot-section .hotspot03 .spot-holder {
        left: -95px
    }
}

.hotspot-section .spot-opener {
    width: 25px;
    height: 25px;
    background: #da4929;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.hotspot-section .spot-opener:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 5px 2px rgba(218, 73, 41, .8) inset;
    border-radius: 50%;
    -webkit-animation: pulse 2.5s infinite;
    animation: pulse 2.5s infinite
}

@media(min-width:768px) {
    .hotspot-section .spot-opener {
        width: 35px;
        height: 35px
    }
}

.hotspot-section .spot-opener .icon-add {
    font-size: 12px;
    line-height: 1
}

@media(min-width:768px) {
    .hotspot-section .spot-opener .icon-add {
        font-size: 16px
    }
}

.hotspot-section .popup-active .spot-opener {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hotspot-section .spot-holder {
    opacity: 0;
    visibility: hidden;
    width: 290px;
    position: absolute;
    top: 100%;
    left: -50px;
    background: rgba(223, 232, 238, .8);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    margin-top: 10px;
    padding: 20px 15px 10px;
    color: #231f20;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    z-index: 999
}

@media(min-width:768px) {
    .hotspot-section .spot-holder {
        left: 0;
        width: 328px;
        font-size: 15px;
        margin-top: 20px;
        padding: 57px 25px 45px 33px
    }
}

@media(min-width:1024px) {
    .hotspot-section .spot-holder {
        left: 15px;
        margin-top: 31px
    }
}

.hotspot-section .spot-holder.switch-top {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .hotspot-section .spot-holder.switch-top {
        margin-bottom: 20px
    }
}

@media(max-width:1199px) {
    .hotspot-section .spot-holder.switch-right {
        left: auto;
        right: -50px
    }
}

.hotspot-section .spot-holder .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #000;
    cursor: pointer
}

@media(min-width:768px) {
    .hotspot-section .spot-holder .close {
        top: 21px;
        right: 35px
    }
}

.hotspot-section .spot-holder .close .icon-cancel {
    font-size: 10px;
    line-height: 1
}

@media(min-width:768px) {
    .hotspot-section .spot-holder .close .icon-cancel {
        font-size: 12px
    }
}

.hotspot-section .spot-holder .close:hover {
    color: #da4929
}

.arcana-hotspot {
    display: inline-block;
    vertical-align: top;
    position: relative
}

@media(min-width:1024px) {
    .arcana-hotspot {
        margin-right: 44px
    }
}

.arcana-hotspot .hotspot04,
.arcana-hotspot .hotspot05,
.arcana-hotspot .hotspot06,
.arcana-hotspot .hotspot07 {
    z-index: 10
}

.arcana-hotspot .hotspot04.popup-active .spot-holder,
.arcana-hotspot .hotspot05.popup-active .spot-holder,
.arcana-hotspot .hotspot06.popup-active .spot-holder,
.arcana-hotspot .hotspot07.popup-active .spot-holder {
    opacity: 1;
    visibility: visible
}

.arcana-hotspot .hotspot04 {
    position: absolute;
    top: 15px;
    left: 57%
}

@media(min-width:768px) {
    .arcana-hotspot .hotspot04 {
        top: 33px;
        -webkit-transform: translateX(32px);
        transform: translateX(32px);
        left: 53%
    }
}

@media(max-width:767px) {
    .arcana-hotspot .hotspot04 .spot-holder {
        left: -165px
    }
}

.arcana-hotspot .hotspot05 {
    position: absolute;
    top: 50%;
    left: 35px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

@media(min-width:768px) {
    .arcana-hotspot .hotspot05 {
        left: 22px;
        -webkit-transform: translateY(-19px);
        transform: translateY(-19px);
        top: 49%
    }
}

@media(max-width:767px) {
    .arcana-hotspot .hotspot05 .spot-holder {
        left: -35px
    }
}

.arcana-hotspot .hotspot06 {
    position: absolute;
    top: 42%;
    right: 20px;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media(min-width:768px) {
    .arcana-hotspot .hotspot06 {
        top: 46.1%;
        right: 76px
    }
}

@media(max-width:767px) {
    .arcana-hotspot .hotspot06 .spot-holder {
        left: -225px
    }
}

.arcana-hotspot .hotspot07 {
    position: absolute;
    top: 78%;
    left: 48%;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media(min-width:768px) {
    .arcana-hotspot .hotspot07 {
        top: 78%;
        left: 310px
    }
}

@media(max-width:767px) {
    .arcana-hotspot .hotspot07 .spot-holder {
        left: -225px
    }
}

.arcana-hotspot .figure {
    padding-top: 0;
    margin-bottom: 8px
}

.arcana-hotspot .figure img {
    width: 100%
}

.hotspot-section figcaption {
    border-top: 2px solid #b3b3b3;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    padding-top: 3px;
    padding: 3px 3px 0;
    text-transform: capitalize;
    position: relative
}

.hotspot-section figcaption .title {
    color: #fff
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    70% {
        opacity: .5;
        visibility: visible
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    70% {
        opacity: .5;
        visibility: visible
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        visibility: hidden
    }
}

.cannon-tab {
    background-color: #000;
    color: #fff;
    padding: 60px 0 40px
}

@media(min-width:768px) {
    .cannon-tab {
        padding: 120px 0 47px
    }
}

.cannon-tab .cannon-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.cannon-tab .cannon-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

@media(min-width:768px) {
    .cannon-tab .cannon-wrap {
        width: 360px
    }
}

@media(min-width:1024px) {
    .cannon-tab .cannon-wrap {
        width: 587px
    }
}

@media(min-width:1365px) {
    .cannon-tab .cannon-wrap {
        margin-right: -58px
    }
}

.cannon-tab .text-wrap {
    margin-bottom: 25px
}

@media(min-width:768px) {
    .cannon-tab .text-wrap {
        width: calc(100% - 430px);
        margin-bottom: 0
    }
}

@media(min-width:1024px) {
    .cannon-tab .text-wrap {
        width: calc(100% - 642px);
        padding-top: 16px
    }
}

.cannon-tab .tabset {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media(min-width:768px) {
    .cannon-tab .tabset {
        justify-content: flex-start
    }
}

.cannon-tab .tabset li {
    margin-bottom: 8px
}

.cannon-tab .tabset li a {
    font-size: 13px;
    color: #a9a9a9;
    display: block;
    padding: 3px 14px 2px;
    border: 1px solid transparent;
    font-weight: 600
}

@media(min-width:768px) {
    .cannon-tab .tabset li a {
        font-size: 15px;
        padding: 3px 19px 2px
    }
}

.cannon-tab .tabset li a:hover {
    border: 1px solid #4cbb8d;
    color: #4cbb8d
}

.cannon-tab .tabset li .tab-active {
    border: 1px solid #4cbb8d;
    color: #4cbb8d
}

.cannon-tab .img-holder {
    margin-bottom: 28px;
    text-align: center
}

@media(min-width:1024px) {
    .cannon-tab .img-holder {
        margin-bottom: 74px
    }
}

.cannon-tab .figure {
    padding-top: 25px
}

@media(min-width:1024px) {
    .cannon-tab .figure {
        padding-top: 62px
    }
}

.properties-section {
    padding-top: 49px;
    padding-bottom: 50px
}

@media(min-width:768px) {
    .properties-section {
        padding: 0;
        position: relative
    }
}

.properties-section .container {
    height: 100%;
    position: static
}

@media(min-width:768px) {
    .properties-section .properties-fake-wrapper {
        background: #f1f1f1;
        min-height: 100vh;
        position: absolute;
        padding: 50px 0;
        left: 15px;
        right: 15px;
        height: 100%
    }
}

@media(min-width:768px) {
    .properties-section.fixed-state .properties-fake-wrapper {
        position: fixed;
        left: 15px;
        right: 15px;
        top: 0
    }
}

@media(min-width:768px) {
    .properties-section.fixed-state .properties-fake-wrapper .mask-active {
        position: absolute;
        left: 0;
        width: 100%
    }
}

.properties-section.scroll-state .properties-fake-wrapper {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0
}

@media(min-width:768px) {
    .properties-section.scroll-state .properties-fake-wrapper .mask:not(: last-child) {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        width: 100%
    }
}

.properties-section.scroll-state .properties-fake-wrapper .mask:last-child {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto
}

.properties-section .text {
    margin-bottom: 42px;
    font-weight: 600;
    display: block
}

@media(min-width:768px) {
    .properties-section .text {
        margin-bottom: 95px
    }
}

.properties-section .text .colon {
    font-weight: 400
}

.properties-section .mask {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media(min-width:768px) {
    .properties-section .mask {
        position: absolute;
        top: 150px;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        min-height: calc(100vh - 150px);
        max-width: 1110px;
        margin: 0 auto;
        transition: opacity .25s, visibility .25s
    }
}

@media(min-width:768px) {
    .properties-section .mask.mask-active {
        opacity: 1;
        visibility: visible
    }
}

.properties-section .desc {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .properties-section .desc {
        margin-bottom: 0;
        width: 49%;
        padding-left: 15px
    }
}

.properties-section .board-holder {
    width: 290px;
    margin: 0 auto 50px
}

@media(min-width:768px) {
    .properties-section .board-holder {
        width: 40.6%;
        margin: 5px 0 0
    }
}

@media(min-width:1200px) {
    .properties-section .board-holder {
        width: 46%
    }
}

@media(min-width:1450px) {
    .properties-section .board-holder {
        width: 49%
    }
}

.properties-section .board-holder .item {
    position: relative;
    padding-left: 34px;
    padding-right: 34px
}

@media(min-width:1200px) {
    .properties-section .board-holder .item {
        padding-right: 115px;
        padding-left: 54px
    }
}

.properties-section .board-holder .item .rotate {
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

@media(min-width:768px) {
    .properties-section .board-holder .item .rotate {
        top: -90px
    }
}

.properties-section .board-holder .item .rotate img {
    width: 60%;
    display: inline-block
}

@media(min-width:768px) {
    .properties-section .board-holder .item .rotate img {
        width: 80%
    }
}

@media(min-width:1450px) {
    .properties-section .board-holder .item .rotate img {
        width: auto
    }
}

.properties-section .board-holder .item .arrow-y {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

@media(min-width:1200px) {
    .properties-section .board-holder .item .arrow-y {
        padding-right: 61px
    }
}

.properties-section .board-holder .item .arrow-y img {
    display: inline-block;
    max-width: 100%;
    width: 60%
}

@media(min-width:1024px) {
    .properties-section .board-holder .item .arrow-y img {
        width: 80%
    }
}

@media(min-width:1450px) {
    .properties-section .board-holder .item .arrow-y img {
        width: auto
    }
}

.properties-section .board-holder .item .arrow-y.top {
    top: -34px
}

@media(min-width:1024px) {
    .properties-section .board-holder .item .arrow-y.top {
        top: -54px
    }
}

.properties-section .board-holder .item .arrow-y.bottom {
    -webkit-transform: rotate(180deg) translateX(60px);
    transform: rotate(180deg) translateX(60px);
    bottom: -34px
}

@media(min-width:1024px) {
    .properties-section .board-holder .item .arrow-y.bottom {
        bottom: -54px
    }
}

@media(min-width:1200px) {
    .properties-section .board-holder .item .arrow-y.bottom {
        margin-left: -30px;
        padding-right: 0
    }
}

.properties-section .board-holder .item .arrow-x {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(min-width:1200px) {
    .properties-section .board-holder .item .arrow-x {
        padding-right: 61px
    }
}

.properties-section .board-holder .item .arrow-x img {
    max-width: 100%;
    width: 60%
}

@media(min-width:1024px) {
    .properties-section .board-holder .item .arrow-x img {
        width: 80%
    }
}

@media(min-width:1450px) {
    .properties-section .board-holder .item .arrow-x img {
        width: auto
    }
}

.properties-section .board-holder .item .arrow-x.left {
    left: 0
}

.properties-section .board-holder .item .arrow-x.right {
    -webkit-transform: rotate(180deg) translateY(69px);
    transform: rotate(180deg) translateY(69px);
    right: 0
}

@media(min-width:1024px) {
    .properties-section .board-holder .item .arrow-x.right {
        -webkit-transform: rotate(180deg) translateY(95px);
        transform: rotate(180deg) translateY(95px)
    }
}

@media(min-width:1200px) {
    .properties-section .board-holder .item .arrow-x.right {
        right: 61px
    }
}

@media(min-width:1450px) {
    .properties-section .board-holder .item .arrow-x.right {
        -webkit-transform: rotate(180deg) translateY(115px);
        transform: rotate(180deg) translateY(115px)
    }
}

.properties-section .board-holder .owl-stage-outer {
    padding: 74px 0 34px;
    margin: -44px 0 0
}

@media(min-width:768px) {
    .properties-section .board-holder .owl-stage-outer {
        padding: 94px 0 54px;
        margin: -94px 0 0
    }
}

.properties-section .board-holder .calc-hold {
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    padding-top: 15px;
    position: absolute;
    left: 0;
    right: 0
}

@media(min-width:1200px) {
    .properties-section .board-holder .calc-hold {
        top: 50%;
        right: 2px;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: left;
        padding-top: 0
    }
}

.properties-section .board-holder .calc-hold em {
    color: #658197;
    font-style: normal
}

.properties-section .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px
}

@media(min-width:1200px) {
    .properties-section .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 33px
    }
}

@media(min-width:1200px) {
    .properties-section .owl-theme .owl-dots {
        padding-right: 61px
    }
}

.properties-section .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #c7c7c7;
    margin: 5px 4px
}

.properties-section .owl-theme .owl-dots .owl-dot.active span {
    background: #4d4d4d
}

.large-comparison {
    background: #dfe9ef;
    padding-top: 54px;
    padding-bottom: 54px
}

@media(min-width:768px) {
    .large-comparison {
        padding-top: 124px
    }
}

.large-comparison .image-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 58px
}

@media(min-width:1200px) {
    .large-comparison .image-list {
        justify-content: flex-start
    }
}

.large-comparison .image-list li {
    width: 145px;
    text-align: center;
    border: 1px solid #333;
    margin: 0 -1px -1px 0;
    padding: 10px 6px 7px
}

@media(min-width:768px) {
    .large-comparison .image-list li {
        width: 150px
    }
}

.large-comparison .couple {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -3px
}

.large-comparison .couple img {
    width: 50%;
    height: 100%;
    padding: 0 3px
}

.large-comparison .img-holder {
    min-height: 106px;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.large-comparison .caption {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    display: block
}

.large-comparison .caption span {
    color: #949494
}

.large-comparison h3 {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    font-size: 24px;
    margin-bottom: 26px
}

.large-comparison .title {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 15px
}

.large-comparison .add-link {
    position: relative;
    padding-left: 38px;
    display: inline-block;
    vertical-align: top;
    color: #dc4929;
    font-size: 16px;
    line-height: 1.4
}

.large-comparison .add-link:hover {
    color: #000
}

.large-comparison .add-link img {
    width: 26px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0
}

.magic-square {
    background-color: #000;
    color: #fff;
    padding: 25px 0
}

@media(min-width:768px) {
    .magic-square {
        padding: 28px 0 59px
    }
}

.magic-square .text {
    margin-bottom: 40px
}

.magic-square .figure {
    text-align: left;
    padding-top: 22px
}

.magic-square figure {
    margin: 0
}

.magic-square figure img {
    margin-bottom: 30px
}

.magic-square .title {
    font-family: gt_sectra, times new roman, times, baskerville, georgia, serif;
    font-size: 24px;
    font-weight: 700
}

.square-carousel {
    margin-bottom: 17px
}

@media(min-width:768px) {
    .square-carousel:after {
        content: '. . .';
        left: 100%;
        top: 56%;
        position: absolute;
        color: #fff;
        width: 100%;
        font-size: 30px;
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@media(min-width:940px) {
    .square-carousel:after {
        -webkit-transform: translateX(-110px);
        transform: translateX(-110px)
    }
}

@media(min-width:1024px) {
    .square-carousel:after {
        -webkit-transform: translateX(-70px);
        transform: translateX(-70px)
    }
}

@media(min-width:1365px) {
    .square-carousel:after {
        -webkit-transform: translateX(-102px);
        transform: translateX(-102px)
    }
}

@media(min-width:768px) {
    .square-carousel {
        padding-right: 0
    }
}

@media(min-width:940px) {
    .square-carousel {
        padding-right: 110px
    }
}

@media(min-width:1024px) {
    .square-carousel {
        padding-right: 60px
    }
}

@media(min-width:1200px) {
    .square-carousel {
        padding-right: 130px
    }
}

.square-carousel .owl-dots {
    display: none
}

.square-carousel .square-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center
}

@media(min-width:768px) {
    .square-carousel .square-wrapper {
        margin: 0 -4px;
        justify-content: flex-start
    }
}

@media(min-width:1024px) {
    .square-carousel .square-wrapper {
        margin: 0 -13px
    }
}

.square-carousel .square {
    padding: 0 10px;
    margin-bottom: 18px
}

@media(min-width:768px) {
    .square-carousel .square {
        padding: 0 4px
    }
}

@media(min-width:1024px) {
    .square-carousel .square {
        padding: 0 19px
    }
}

.square-carousel .square .detail {
    padding: 0 10px 7px;
    border: 2px solid #535353;
    width: 100px;
    margin-bottom: 12px
}

@media(min-width:480px) {
    .square-carousel .square .detail {
        width: 121px
    }
}

.square-carousel .square .caption {
    font-size: 12px;
    font-weight: 600;
    width: 100px;
    display: block;
    padding: 0 2px
}

@media(min-width:480px) {
    .square-carousel .square .caption {
        width: 121px;
        font-size: 15px
    }
}

.square-carousel .square .span {
    display: block
}

.square-carousel .square .square-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.square-carousel .square .sm-square {
    width: 48%;
    background-color: #666;
    height: 35px;
    margin-bottom: 3px
}

@media(min-width:480px) {
    .square-carousel .square .sm-square {
        height: 40px
    }
}

@media(min-width:1024px) {
    .square-carousel .square .sm-square {
        height: 47px
    }
}

.square-carousel .square .number {
    font-size: 20px;
    margin-bottom: 12px;
    display: inline-block
}

@media(min-width:480px) {
    .square-carousel .square .number {
        font-size: 30px
    }
}

.cookies-bar {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #333;
    box-shadow: 0 0 5px rgba(255, 255, 255, .2);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
    padding: 20px;
    z-index: 9999;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.cookies-disabled .cookies-bar {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cookies-bar p {
    margin: 0
}

.cookies-bar .close {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1;
    color: inherit
}

.cookies-bar .close .icon-cancel {
    font-size: 13px;
    line-height: 1
}

.cookies-bar .close:hover {
    color: #da4929
}

html.magnifying>body {
    overflow-x: hidden!important
}

.magnify,
.magnify>.magnify-lens,
.magnify-mobile,
.lens-mobile {
    min-width: 0;
    min-height: 0;
    -webkit-animation: none;
    animation: none;
    border: none;
    float: none;
    margin: 0;
    opacity: 1;
    outline: none;
    overflow: visible;
    padding: 0;
    text-indent: 0;
    -webkit-transform: none;
    transform: none;
    transition: none
}

.magnify {
    position: relative;
    width: auto;
    height: auto;
    box-shadow: none;
    display: inline-block;
    z-index: inherit
}

.magnify>.magnify-lens {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, .85), 0 0 7px 7px rgba(0, 0, 0, .25), inset 0 0 40px 2px rgba(0, 0, 0, .25);
    cursor: none;
    display: none;
    z-index: 99
}

.magnify>.magnify-lens.loading {
    background: #333!important;
    opacity: .8
}

.magnify>.magnify-lens.loading:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    content: 'Loading...';
    font: italic 16px/1 Calibri, sans-serif;
    letter-spacing: 1px;
    margin-top: -8px;
    text-align: center;
    text-shadow: 0 0 2px rgba(51, 51, 51, .8);
    text-transform: none
}
.search-results {
    background-color: #dae4ec;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    min-height: calc(100vh - 3.125rem);
    line-height: 1.5;
    padding: 7rem 0 3rem
}

.search-results .hidden {
    display: none
}

.search-results .lead {
    color: #333;
    display: grid;
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 2;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0 3rem 2rem;
    word-break: break-word;
    word-wrap: break-word
}

.search-results .results {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3
}

.search-results .results__section {
    background-color: #4d4c4c;
    display: grid;
    grid-gap: .125rem;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
    margin-bottom: 3.25rem;
    margin-right: 2px
}

.search-results h2 {
    background-color: #333;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: gt_america, arial, helvetica neue, helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    grid-column-start: 1;
    grid-column-end: 10;
    height: 3rem;
    margin: 0;
    padding: 0 3rem
}

.search-results .results__item {
    background-color: #dae4ec;
    display: grid;
    grid-gap: .75rem;
    grid-template-columns: repeat(12, 1fr);
    grid-column-start: 1;
    grid-column-end: 10;
    margin: 0 -1px;
    padding: 2rem 3rem
}

.search-results .results__item h3 {
    align-self: flex-end;
    font-size: 1.325rem;
    font-weight: 600;
    grid-column-start: 1;
    grid-column-end: 4;
    padding-bottom: .5rem
}

.search-results .results__item h3 a {
    border-bottom: 5px solid #ba4221;
    color: #ba4221
}

.search-results .results__item h3 a:hover, 
.search-results .results__item h3 a:focus {
    border-bottom: 5px solid #dc4928;
    color: #dc4928;
    transition: .2s
}

.search-results .results__item h3 a:focus {
    outline: 1px dotted #000;
}

.search-results .results__num {
    align-self: flex-end;
    color: #4d4c4c;
    font-size: 1.125rem;
    font-style: oblique;
    grid-column-start: 4;
    grid-column-end: 13;
    padding-bottom: .5rem
}

.search-results h4 {
    color: #4d4c4c;
    font-size: 1rem;
    font-weight: 600;
    grid-column-start: 1;
    grid-column-end: 4;
    line-height: 1.5
}

.search-results h4 span {
    font-weight: 500;
    font-style: oblique
}

.search-results .results__item ul {
    color: #4d4c4c;
    font-size: 1rem;
    grid-column-start: 4;
    grid-column-end: 13
}

.search-results .results__item li {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    vertical-align: top
}

.search-results .results__item b {
    font-weight: 600
}

.search-results .results__item--image-terms {
    background-color: #dae4ec;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    grid-column-start: 1;
    grid-column-end: 10;
    margin: 0 -1px -1px;
    padding: 1rem 0
}

.search-results .results__item--image-terms h3 {
    background-color: #ba4221;
    height: 10rem
}

.search-results .results__item--image-terms a {
    box-sizing: border-box;
    color: rgba(255, 255, 255, .75);
    display: grid;
    grid-gap: .5rem;
    grid-template-rows: 1fr 3fr 1fr;
    font-size: .875rem;
    font-weight: 400;
    height: 100%;
    line-height: 1.2;
    padding: .5rem;
    text-align: center
}

.search-results .results__item--image-terms h3 a:hover, 
.search-results .results__item--image-terms h3 a:focus {
    background-color: #dc4928 !important;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    transition: .2s
}

.search-results .results__item--image-terms h3 > a:focus {
    outline: 2px dotted #000;
}

.search-results .results__item--image-terms span:nth-of-type(1) {
    align-self: flex-start;
    word-break: break-word;
    word-wrap: break-word
}

.search-results .results__item--image-terms span:nth-of-type(2) {
    align-self: flex-start;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.2;
    word-break: break-word;
    word-wrap: break-word
}

.search-results .results__item--image-terms span:nth-of-type(3) {
    align-self: flex-end
}

@media screen and (min-width:320px) and (max-width:767px) {
    .search-results {
        padding: 4rem 0
    }
    .search-results .lead {
        padding: 0 1rem 1rem
    }
    .search-results h2 {
        padding: 0 1rem
    }
    .search-results .results__item {
        padding: 1rem
    }
    .search-results h4 {
        border-bottom: 1px solid #333;
        padding-bottom: .325rem
    }
    .search-results .results__item h3,
    .search-results h4,
    .search-results .lead,
    .search-results .results,
    .search-results .results__num,
    .search-results .results__item ul {
        grid-column-start: 1;
        grid-column-end: 13
    }
    .search-results .results__item--image-terms {
        padding: 1rem
    }
}

@media screen and (min-width:768px) and (max-width:999px) {
    .search-results .lead,
    .search-results .results {
        grid-column-start: 2;
        grid-column-end: 12
    }
}

@media screen and (min-width:1500px) and (max-width:1799px) {
    .search-results .lead,
    .search-results .results {
        grid-column-start: 4;
        grid-column-end: 10
    }
}

@media screen and (min-width:1800px) and (max-width:2800px) {
    .search-results .lead,
    .search-results .results {
        grid-column-start: 5;
        grid-column-end: 9
    }
}

@media screen and (min-width:2801px) {
    .search-results .lead,
    .search-results .results {
        grid-column-start: 5;
        grid-column-end: 9
    }
}

@media screen and (min-width:561px) and (max-width:600px) {
    .search-results .lead {
        padding: 0 2rem 1rem
    }
    .search-results h2 {
        padding: 0 2rem
    }
    .search-results .results__item {
        padding: 1.5rem 2rem
    }
}

@media screen and (min-width:601px) and (max-width:700px) {
    .search-results .lead {
        padding: 0 4rem 1rem
    }
    .search-results h2 {
        padding: 0 4rem
    }
    .search-results .results__item {
        padding: 2rem 4rem
    }
}

@media screen and (min-width:701px) and (max-width:767px) {
    .search-results .lead {
        padding: 0 1rem 2rem
    }
    .search-results .results__item h3 {
        grid-column-start: 1;
        grid-column-end: 4
    }
    .search-results h4 {
        border-bottom: none;
        grid-column-start: 1;
        grid-column-end: 4;
        padding-bottom: 0
    }
    .search-results .results__num,
    .search-results .results__item ul {
        grid-column-start: 4;
        grid-column-end: 13
    }
}

@supports not (display:grid) {
    .search-results {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60vw
    }
    .search-results h2 {
        box-sizing: border-box;
        width: 100%
    }
    .search-results .results__item {
        box-sizing: border-box;
        display: block;
        margin-top: 1rem;
        width: 100%
    }
    .search-results .results__item h3 {
        display: inline-block;
        margin-bottom: 1rem;
        width: 25%
    }
    .search-results .results__num {
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 1rem;
        width: 70%
    }
    .search-results h4 {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 25%
    }
    .search-results .results__item ul {
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 1.5rem;
        width: 74%
    }
    .search-results .results__item--image-terms {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
    .search-results .results__item--image-terms h3 {
        height: 11.5rem;
        margin: .25rem;
        width: 10.5rem
    }
    .search-results .results__item--image-terms a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%
    }
    .search-results .results__item--image-terms span:nth-of-type(1) {
        align-self: center;
        margin-bottom: .5rem
    }
    .search-results .results__item--image-terms span:nth-of-type(2) {
        align-self: center
    }
    .search-results .results__item--image-terms span:nth-of-type(3) {
        align-self: center;
        margin-top: 9rem;
        position: absolute
    }
    @media screen and (min-width:320px) and (max-width:767px) {
        .search-results {
            padding: 1.5rem 0;
            width: 100vw
        }
        .search-results h2 {
            padding: 0 1.5rem
        }
        .search-results .results__item h3,
        .search-results .results__num,
        .search-results h4,
        .search-results .results__item ul {
            margin-bottom: 1rem;
            width: 100%
        }
        .search-results h4 {
            border-bottom: 1px solid #4d4c4c
        }
        .search-results .lead {
            padding: 0 1.5rem 2rem
        }
        .search-results .results__item {
            padding: 2rem 1.5rem
        }
        .search-results .results__item--image-terms {
            justify-content: center
        }
    }
    @media screen and (min-width:768px) and (max-width:999px) {
        .search-results {
            width: 85vw
        }
        .search-results h4 {
            overflow-wrap: break-word
        }
    }
    @media screen and (min-width:1500px) and (max-width:1799px) {
        .search-results {
            width: 50vw
        }
    }
    @media screen and (min-width:1800px) and (max-width:2800px) {
        .search-results {
            width: 35vw
        }
    }
    @media screen and (min-width:2801px) {
        .search-results {
            width: 25vw
        }
    }
    @media screen and (min-width:601px) and (max-width:700px) {
        .search-results h2 {
            padding: 0 4rem
        }
        .search-results .lead {
            text-align: center
        }
        .search-results .results__item {
            padding: 2rem 4rem
        }
    }
    @media screen and (min-width:701px) and (max-width:767px) {
        .search-results h2 {
            padding: 0 6rem
        }
        .search-results .lead {
            text-align: center
        }
        .search-results .results__item {
            padding: 2rem 6rem
        }
    }
    @media screen and (min-width:1000px) and (max-width:1150px) {
        .search-results {
            width: 80vw
        }
    }
    @media screen and (min-width:1151px) and (max-width:1230px) {
        .search-results {
            width: 70vw
        }
    }
    @media screen and (min-width:1231px) and (max-width:1350px) {
        .search-results {
            width: 65vw
        }
    }
    @media screen and (min-width:1800px) and (max-width:1999px) {
        .search-results {
            width: 45vw
        }
    }
}

.wrapper--doi-btn{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    justify-content:flex-start;
    margin:-2.5rem 0 .125rem
}
.wrapper--doi-btn span{
    letter-spacing:.05em
}
.btn--doi{
    color:#4d4c4c;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    font-size:.75rem;
    border:1px solid #4d4c4c;
    margin-bottom:1rem;
    padding:.125rem 0;
    width:2.5rem
}
.btn--doi:hover,.btn--doi:focus{
    background-color:#dae4ec;
    border:1px solid #4d4c4c;
    -webkit-transition:.2s;
    transition:.2s
}
.btn--doi:focus{
    border:1px dotted #000
}
.show-doi{
    display:block
}
.doi{
    background-color:#dae4ec;
    color:#4d4c4c;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    height:60vh;
    padding:0 3rem;
    width:60vw
}
.doi h6{
    font-size:2.5rem;
    font-weight:600;
    margin-bottom:.25rem
}
.doi p{
    font-size:1.5rem
}
.doi__msg{
    font-weight:600;
    margin-bottom:.875rem
}