/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

 


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

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bLg;
    src: url(fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.eot);
    src: url(fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.woff2) format("woff2"), url(fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.woff) format("woff"), url(fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.svg#berthold_akzidenz_grotesk_bRg) format("svg")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bMd;
    src: url(fonts/berthold_akzidenz_grotesk_be_medium-webfont.eot);
    src: url(fonts/berthold_akzidenz_grotesk_be_medium-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff2) format("woff2"), url(fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff) format("woff"), url(fonts/berthold_akzidenz_grotesk_be_medium-webfont.svg#berthold_akzidenz_grotesk_bMd) format("svg")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bRg;
    src: url(fonts/berthold_akzidenz_grotesk_be_regular-webfont.eot);
    src: url(fonts/berthold_akzidenz_grotesk_be_regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff2) format("woff2"), url(fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff) format("woff"), url(fonts/berthold_akzidenz_grotesk_be_regular-webfont.svg#berthold_akzidenz_grotesk_bRg) format("svg")
}

.pswp__container,
.pswp__counter,
.pswp__img,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__caption--fake {
    visibility: hidden
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__img--placeholder,
.pswp__share-modal,
.pswp__share-tooltip,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__container,
.pswp__img,
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.pswp,
html {
    -webkit-text-size-adjust: 100%
}

.pswp__container,
.pswp__img,
.slick-slider,
html {
    -webkit-tap-highlight-color: transparent
}

.modal,
.modal-content,
.pswp,
.pswp__button:active,
.slick-list:focus,
a:active,
a:hover {
    outline: 0
}

.text-box,
button,
select {
    text-transform: none
}

.package-breakdown,
table {
    border-collapse: collapse
}

.brochures__title,
.clearfix,
.clearfix:after,
.container-fluid:after,
.container:after,
.fullscreen-menu,
.modal-footer:after,
.row:after,
.slick-track:after {
    clear: both
}

.blog-list,
.breadcrumbs__list,
.downloads__list,
.footer-menu,
.footer-second-menu,
.footer-submenu,
.fullscreen-menu,
.header-menu,
.nav,
.pagination,
.rooms__list,
.select-box__list,
.side-menu,
.sidebar__list,
.text-box ol,
.text-box ul,
nav ul {
    list-style: none
}

.pswp__button {
    position: relative;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp,
.pswp__item,
.pswp__scroll-wrap,
.slick-list,
svg:not(:root) {
    overflow: hidden
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/js/plugins/photoswipe/default-skin/xdefault-skin.png.pagespeed.ic.Kokvi3zuE4.webp) no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../js/plugins/photoswipe/default-skin/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

.pswp__caption--empty,
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__counter,
.pswp__preloader {
    height: 44px;
    top: 0;
    position: absolute
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    left: 0;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__ui {
    visibility: visible
}

.pswp__preloader {
    width: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/js/plugins/photoswipe/default-skin/preloader.gif) no-repeat
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.invisible,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

.pswp {
    display: none;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500
}

.pswp--open,
.slick-list,
.slick-slider,
.slick-track {
    display: block
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    will-change: opacity
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    user-select: none
}

.blinds__list-item,
.builder__list-item {
    -moz-user-select: none;
    -webkit-user-select: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder--blank {
    background: #222
}

.img-thumbnail,
body {
    background-color: #fff
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.slick-list,
.slick-slider,
.slick-track,
sub,
sup {
    position: relative
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.nav>li>a:focus,
.nav>li>a:hover,
a,
ins {
    text-decoration: none
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

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

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden,
[hidden],
template {
    display: none
}

[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-remove:before {
    content: "\e914"
}

.icon-quotation-done:before {
    content: "\e911"
}

.icon-consultant:before {
    content: "\e912"
}

.icon-quotation:before {
    content: "\e913"
}

.icon-plus:before {
    content: "\e910"
}

.icon-bedroom:before {
    content: "\e90d"
}

.icon-livingroom:before {
    content: "\e90e"
}

.icon-kitchen:before {
    content: "\e90f"
}

.icon-download:before {
    content: "\e90c"
}

.icon-caret-bold:before {
    content: "\e90b"
}

.icon-check:before {
    content: "\e90a"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.img-responsive,
.img-thumbnail {
    width: 100% \9;
    max-width: 100%;
    height: auto
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

sub,
sup {
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 20px;
    margin-bottom: 20px
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

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

button {
    overflow: visible
}

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

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

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

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

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

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

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

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.img-thumbnail,
.modal-title,
.nav-tabs>li>a {
    line-height: 1.428571429
}

a {
    color: #428bca
}

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

figure {
    margin: 0
}

.img-responsive {
    display: block
}

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

.img-thumbnail {
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block
}

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

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

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

.collapsing,
.embed-responsive,
.modal,
.modal-open {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

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

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

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

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

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

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

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

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

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

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

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

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

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

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

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

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

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

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

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

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

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

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.3333333333%
    }
    .col-sm-2 {
        width: 16.6666666667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.3333333333%
    }
    .col-sm-5 {
        width: 41.6666666667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.3333333333%
    }
    .col-sm-8 {
        width: 66.6666666667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.3333333333%
    }
    .col-sm-11 {
        width: 91.6666666667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.3333333333%
    }
    .col-sm-pull-2 {
        right: 16.6666666667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.3333333333%
    }
    .col-sm-pull-5 {
        right: 41.6666666667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.3333333333%
    }
    .col-sm-pull-8 {
        right: 66.6666666667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.3333333333%
    }
    .col-sm-pull-11 {
        right: 91.6666666667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.3333333333%
    }
    .col-sm-push-2 {
        left: 16.6666666667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.3333333333%
    }
    .col-sm-push-5 {
        left: 41.6666666667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.3333333333%
    }
    .col-sm-push-8 {
        left: 66.6666666667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.3333333333%
    }
    .col-sm-push-11 {
        left: 91.6666666667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.3333333333%
    }
    .col-md-2 {
        width: 16.6666666667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.3333333333%
    }
    .col-md-5 {
        width: 41.6666666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.3333333333%
    }
    .col-md-8 {
        width: 66.6666666667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.3333333333%
    }
    .col-md-11 {
        width: 91.6666666667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.3333333333%
    }
    .col-md-pull-2 {
        right: 16.6666666667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.3333333333%
    }
    .col-md-pull-5 {
        right: 41.6666666667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.3333333333%
    }
    .col-md-pull-8 {
        right: 66.6666666667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.3333333333%
    }
    .col-md-pull-11 {
        right: 91.6666666667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.3333333333%
    }
    .col-md-push-2 {
        left: 16.6666666667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.3333333333%
    }
    .col-md-push-5 {
        left: 41.6666666667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.3333333333%
    }
    .col-md-push-8 {
        left: 66.6666666667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.3333333333%
    }
    .col-md-push-11 {
        left: 91.6666666667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.3333333333%
    }
    .col-lg-2 {
        width: 16.6666666667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.3333333333%
    }
    .col-lg-5 {
        width: 41.6666666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.3333333333%
    }
    .col-lg-8 {
        width: 66.6666666667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.3333333333%
    }
    .col-lg-11 {
        width: 91.6666666667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.3333333333%
    }
    .col-lg-pull-2 {
        right: 16.6666666667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.3333333333%
    }
    .col-lg-pull-5 {
        right: 41.6666666667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.3333333333%
    }
    .col-lg-pull-8 {
        right: 66.6666666667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.3333333333%
    }
    .col-lg-pull-11 {
        right: 91.6666666667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.3333333333%
    }
    .col-lg-push-2 {
        left: 16.6666666667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.3333333333%
    }
    .col-lg-push-5 {
        left: 41.6666666667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.3333333333%
    }
    .col-lg-push-8 {
        left: 66.6666666667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.3333333333%
    }
    .col-lg-push-11 {
        left: 91.6666666667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1600px) {
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }
    .col-xl-1 {
        width: 8.3333333333%
    }
    .col-xl-2 {
        width: 16.6666666667%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.3333333333%
    }
    .col-xl-5 {
        width: 41.6666666667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.3333333333%
    }
    .col-xl-8 {
        width: 66.6666666667%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.3333333333%
    }
    .col-xl-11 {
        width: 91.6666666667%
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-pull-1 {
        right: 8.3333333333%
    }
    .col-xl-pull-2 {
        right: 16.6666666667%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-4 {
        right: 33.3333333333%
    }
    .col-xl-pull-5 {
        right: 41.6666666667%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-7 {
        right: 58.3333333333%
    }
    .col-xl-pull-8 {
        right: 66.6666666667%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-10 {
        right: 83.3333333333%
    }
    .col-xl-pull-11 {
        right: 91.6666666667%
    }
    .col-xl-pull-12 {
        right: 100%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-push-1 {
        left: 8.3333333333%
    }
    .col-xl-push-2 {
        left: 16.6666666667%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-4 {
        left: 33.3333333333%
    }
    .col-xl-push-5 {
        left: 41.6666666667%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-7 {
        left: 58.3333333333%
    }
    .col-xl-push-8 {
        left: 66.6666666667%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-10 {
        left: 83.3333333333%
    }
    .col-xl-push-11 {
        left: 91.6666666667%
    }
    .col-xl-push-12 {
        left: 100%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

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

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

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

.nav:after {
    clear: both
}

.nav>li>a {
    padding: 10px 15px
}

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

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

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

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #428bca
}

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

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

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

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

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

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

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

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

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

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

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

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

.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

a,
hr {
    padding: 0
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.field__holder,
.overflow,
.photo--zoom,
body.menu-active,
body.sidebar-active {
    overflow: hidden
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

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

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

.hidden {
    visibility: hidden!important
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#wrapper,
.vmiddle {
    position: relative
}

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

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1600px) {
    .visible-xl {
        display: block!important
    }
    table.visible-xl {
        display: table
    }
    tr.visible-xl {
        display: table-row!important
    }
    td.visible-xl,
    th.visible-xl {
        display: table-cell!important
    }
    .visible-xl-block {
        display: block!important
    }
    .visible-xl-inline {
        display: inline!important
    }
    .visible-xl-inline-block {
        display: inline-block!important
    }
    .hidden-xl {
        display: none!important
    }
}

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

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

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

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

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

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

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

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

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

.visible-print-inline-block {
    display: none!important
}

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

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

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1;
    background: #fff;
    color: #000
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

.body-backdrop,
.button-link--under:before {
    content: ''
}

a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

.info-link,
.underline {
    text-decoration: underline
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-spacing: 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle;
    -webkit-border-radius: 0;
    border-radius: 0!important;
    box-shadow: none
}

body,
html {
    height: 100%
}

#wrapper {
    margin: 0 auto;
    min-height: 100%
}

.vmiddle {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.tx-left {
    text-align: left
}

.tx-center {
    text-align: center
}

.tx-right {
    text-align: right
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

* {
    outline: 0!important
}

video {
    background: #101010
}

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

@media only screen and (min-width:1200px) {
    .container {
        width: 1200px
    }
}

@media only screen and (min-width:1600px) {
    .container {
        width: 1400px
    }
    .col-xl-5ths {
        float: left;
        width: 20%
    }
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px
}

.col-xs-5ths {
    float: left;
    width: 20%
}

.row-xs-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:992px) {
    .col-md-5ths,
    .col-sm-5ths {
        float: left;
        width: 20%
    }
    .row-md-eqheight,
    .row-sm-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1200px) {
    .col-lg-5ths {
        float: left;
        width: 20%
    }
    .row-lg-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1600px) {
    .row-xl-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .row-xl-default,
    .row-xl-default>div[class*="col-"] {
        display: initial
    }
}

.row-xs-default,
.row-xs-default>div[class*="col-"] {
    display: initial
}

@media only screen and (min-width:992px) {
    .row-md-default,
    .row-md-default>div[class*="col-"],
    .row-sm-default,
    .row-sm-default>div[class*="col-"] {
        display: initial
    }
}

@media only screen and (min-width:1200px) {
    .row-lg-default,
    .row-lg-default>div[class*="col-"] {
        display: initial
    }
}

.no-padding {
    margin: 0
}

.no-padding>div[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.row--small {
    margin: 0 -5px
}

.row--small>div[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.row--margin-bottom {
    margin-bottom: -15px
}

.row--margin-bottom>div[class*="col-"] {
    margin-bottom: 15px
}

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

.padding-15>div[class*="col-"] {
    padding-right: 7px;
    padding-left: 7px
}

.vcenter>div[class*="col-"] {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.vbottom>div[class*="col-"] {
    display: inline-block;
    float: none;
    vertical-align: bottom
}

.icon--invert {
    display: inline-block;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body.submenu-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.sidebar-active .sidebar {
    left: 0
}

body.sidebar-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.menu-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.menu-active .toggle-menu {
    left: -15px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body.menu-active .toggle-menu__lines {
    background: 0 0
}

body.menu-active .toggle-menu__lines::after,
body.menu-active .toggle-menu__lines::before {
    transition-delay: 0s, .1s
}

body.menu-active .toggle-menu__lines:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.menu-active .toggle-menu__lines:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body.menu-active .fullscreen-menu__item {
    top: 0;
    opacity: 1;
    transition: .3s 0s
}

body.menu-active .fullscreen-menu__item:nth-child(1) {
    transition-delay: 0s
}

body.menu-active .fullscreen-menu__item:nth-child(2) {
    transition-delay: .1s
}

body.menu-active .fullscreen-menu__item:nth-child(3) {
    transition-delay: .2s
}

body.menu-active .fullscreen-menu__item:nth-child(4) {
    transition-delay: .3s
}

body.menu-active .fullscreen-menu__item:nth-child(5) {
    transition-delay: .4s
}

body.menu-active .fullscreen-menu__item:nth-child(6) {
    transition-delay: .5s
}

body.menu-active .fullscreen-menu__item:nth-child(7) {
    transition-delay: .6s
}

body.menu-active .fullscreen-menu__item:nth-child(8) {
    transition-delay: .7s
}

body.menu-active .fullscreen-menu-nav {
    left: 0;
    opacity: 1;
    transition: .3s 0s opacity
}

.body-backdrop {
    position: fixed;
    top: -100%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: .3s 0s opacity, 0s .3s top
}

.text-box img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

@media only screen and (min-width:992px) {
    .text-box img {
        padding: 10px 0 20px
    }
}

.text-box p {
    padding: 0 0 20px
}

.text-box p:last-child {
    padding: 0
}

.text-box p strong {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.text-box ol,
.text-box ul {
    padding: 0 0 25px;
    color: #5b5b5b;
    text-align: left
}

.text-box ol li,
.text-box ul li {
    padding: 0 0 5px
}

.text-box ol,
.text-box ul li {
    padding-left: 15px
}

.text-box li,
.text-box p {
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .text-box li,
    .text-box p {
        line-height: 180%;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .text-box a {
        transition: .2s 0s
    }
    .text-box a:focus,
    .text-box a:hover {
        opacity: .6
    }
}

.text-box a {
    border-bottom: 1px solid;
    color: inherit;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.text-box--center {
    text-align: center
}

.text-box--center ul {
    text-align: inherit
}

.button,
.button-box--center,
.captionImage .caption.center,
.heading-box--center {
    text-align: center
}

.text-box--center ul li {
    padding: 0
}

.text-box--important li,
.text-box--important p {
    line-height: 160%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .text-box--important {
        margin: 0 0 20px
    }
    .text-box--important li,
    .text-box--important p {
        font-size: 1.625em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.text-box--important p:last-child {
    padding: 0 0 20px
}

.text-box--grey p,
.text-box--grey ul {
    color: #878787
}

.text-box--grey p strong,
.text-box--grey ul strong {
    color: #000
}

.text-box--white .heading,
.text-box--white p {
    color: #fff
}

.text-box--white .heading strong,
.text-box--white p strong {
    color: inherit
}

.text-box--margin-bottom {
    margin-bottom: 20px
}

.language {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #777;
    white-space: nowrap;
    line-height: 20px
}

@media only screen and (max-width:991px) {
    .language {
        margin: 0 0 0 -40px
    }
}

@media only screen and (min-width:992px) {
    .language {
        line-height: 30px
    }
}

.heading--lv1,
.heading--lv2 {
    line-height: 120%;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.language__option {
    margin: 0 5px;
    color: #fff;
    font-size: .825em
}

.heading {
    margin: 0 0 30px
}

.heading--lv1 {
    font-size: 1.875em
}

@media only screen and (min-width:1200px) {
    .heading--lv1 {
        font-size: 2.875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.heading--lv1:last-child {
    margin-bottom: 0
}

.heading--lv2 {
    margin: 0 0 20px;
    font-size: 1.5em
}

@media only screen and (min-width:1200px) {
    .heading--lv2 {
        margin: 0 0 35px;
        line-height: 125%;
        font-size: 2em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.heading--lv3 {
    margin: 0 0 20px;
    line-height: 120%;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:1200px) {
    .heading--lv3 {
        margin: 0 0 25px;
        line-height: 140%;
        font-size: 1.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.api-doc h2,
.heading--lv4,
.heading--lv5 {
    margin: 0 0 20px;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.api-doc h2,
.heading--lv4 {
    line-height: 120%;
    font-size: .875em
}

@media only screen and (min-width:1200px) {
    .api-doc h2,
    .heading--lv4 {
        line-height: 140%;
        font-size: 1em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.heading--lv5,
.subheading--lv1,
.subheading--lv2 {
    line-height: 120%;
    text-transform: uppercase
}

.heading--lv5 {
    letter-spacing: .05em;
    font-size: .875em
}

.heading-box--line .button-link,
.subheading--lv1 {
    font-family: berthold_akzidenz_grotesk_bRg;
    font-weight: 400
}

.heading--uppercase {
    text-transform: uppercase
}

.heading--no-padding {
    margin-bottom: 0;
    padding-bottom: 0
}

.heading-box--line {
    margin: 0 0 30px;
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:992px) {
    .heading-box--line {
        margin: 0 0 50px
    }
}

.heading-box--line .heading {
    margin-bottom: 15px
}

.heading-box--line .button-link {
    float: right;
    margin: 2px 0 0 20px;
    letter-spacing: .05em;
    font-size: .688em
}

@media only screen and (min-width:992px) {
    .heading-box--line .button-link {
        margin: 5px 0 0 20px
    }
}

.subheading--lv1 {
    margin: 0 0 5px;
    color: #999;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .subheading--lv1 {
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.subheading--lv2 {
    margin: 0 0 10px;
    letter-spacing: .1em;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.subheading--uppercase {
    text-transform: uppercase
}

.photo {
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .photo {
        max-width: 480px
    }
}

@media only screen and (min-width:992px) {
    .photo {
        margin: 0 auto;
        max-width: 600px
    }
    .photo--zoom:focus .photo__image,
    .photo--zoom:hover .photo__image {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    .photo--zoom .photo__image {
        transition: .2s 0s
    }
}

@media only screen and (min-width:1200px) {
    .photo {
        margin: 0 auto;
        max-width: none
    }
}

.photo--shadow {
    box-shadow: 6px 6px 13px rgba(0, 0, 0, .3)
}

.photo__bg {
    display: block;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

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

.photo__caption,
.photo__link {
    display: block;
    color: inherit
}

.captionImage {
    margin: 0 0 30px;
    max-width: 100%
}

.captionImage.center {
    margin: 0 auto 30px
}

.captionImage .caption {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (max-width:991px) {
    .captionImage .caption {
        padding: 10px 0 0!important
    }
}

.pswp__caption {
    padding: 10px 0;
    color: #fff
}

.pswp__caption__center {
    max-width: 600px
}

.pswp__caption-title {
    margin: 0 0 20px
}

@media only screen and (min-width:992px) {
    .pswp__caption-title {
        margin: 0 0 10px
    }
}

.pswp__caption-heading {
    margin: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.button,
.button-link {
    line-height: 140%;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .pswp__caption-heading {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.pswp__caption-description {
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .pswp__caption-description {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.pswp__iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.pswp__iframe iframe {
    display: block;
    margin: auto
}

.gallery-share {
    position: fixed;
    top: 45%;
    left: 50%;
    max-width: 90%;
    z-index: 1500;
    display: none;
    padding: 20px;
    background: #fafafa;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.gallery-share__input {
    padding: 0 10px;
    max-width: 100%;
    width: 520px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-family: arial
}

.back-button,
.button,
.button-link,
.button-link--small,
.site-logo {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

.vspace {
    display: block;
    float: left;
    width: 100%;
    height: 40px
}

.button {
    display: block;
    padding: 15px 10px;
    border: none;
    background: #000;
    color: #fff;
    letter-spacing: .05em;
    letter-spacing: .1em;
    font-size: .875em
}

@media only screen and (min-width:992px) {
    .button {
        display: inline-block;
        transition: .2s 0s
    }
    .button:focus,
    .button:hover {
        background: #404040
    }
    .button--disabled:focus,
    .button--disabled:hover {
        opacity: .3
    }
}

@media only screen and (min-width:1200px) {
    .button {
        padding: 19px 50px
    }
}

.button--outline {
    padding: 0;
    background: #fff;
    color: #000
}

.button--outline:focus,
.button--outline:hover {
    background: #fff;
    color: #555
}

@media only screen and (min-width:1200px) {
    .button--small {
        padding: 10px 20px
    }
}

.button--block {
    display: block;
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.button--disabled {
    opacity: .3;
    cursor: default
}

.button-box {
    margin: 20px 0 0
}

@media only screen and (min-width:992px) {
    .button-box {
        margin: 40px 0 0
    }
}

.button-box--right {
    text-align: right
}

.button-box .button {
    margin-bottom: 10px
}

@media only screen and (min-width:992px) {
    .button-box .button {
        margin-bottom: 0
    }
    .button-box .button:not(:last-child) {
        margin-right: 25px
    }
    .button-link {
        opacity: .8;
        transition: .2s 0s
    }
    .button-link:focus,
    .button-link:hover {
        opacity: 1
    }
}

.button-box--inline .button {
    display: inline-block;
    margin-bottom: 10px
}

.button-box--inline .button:not(:last-child) {
    margin-right: 10px
}

.button-link {
    position: relative;
    z-index: 1;
    color: inherit;
    letter-spacing: .1em;
    font-size: .75em
}

.button-link--red {
    color: #c3483d
}

.button-link--uppercase {
    text-transform: uppercase
}

.button-link--under:before {
    float: left;
    margin: 9px 10px 0 0;
    width: 15px;
    border-bottom: 1px solid
}

.button-link--small {
    font-size: .625em
}

.back-button {
    display: block;
    margin: -10px 0 50px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .813em
}

.site-logo {
    display: block;
    margin: 0 auto;
    max-width: 160px;
    color: #fff;
    text-align: center;
    font-size: .5em
}

@media only screen and (min-width:992px) {
    .site-logo {
        margin: 0;
        max-width: 210px;
        font-size: .688em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.site-logo__img {
    display: block;
    width: 100%
}

.site-tagline {
    opacity: .8;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.social-media {
    display: inline-block;
    margin: 0 0 0 20px;
    text-align: center
}

.social-media__link {
    display: inline-block;
    margin: 0;
    color: inherit;
    vertical-align: middle;
    font-size: 1.875em
}

.social-media__link--square {
    border-radius: 4px
}

.social-media__link--light {
    background: #fff;
    color: #131313
}

.field {
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding: 0 10px;
    border: 1px solid #d0d4d7;
    background: #fbfbfb;
    transition: .2s 0s
}

@media only screen and (min-width:992px) {
    .social-media__link {
        transition: .2s 0s
    }
    .social-media__link:focus,
    .social-media__link:hover {
        opacity: 1
    }
    .field {
        margin: 0 0 20px
    }
}

.field[data-label]:before {
    position: relative;
    top: 20px;
    content: attr(data-label);
    opacity: 0;
    transition: .2s 0s
}

.field[data-label] .field__input,
.field[data-label] .field__upload .field__value,
.field[data-label] .login-area input,
.field[data-label] .login-area select,
.field[data-label] .login-area textarea,
.field__upload .field[data-label] .field__value,
.login-area .field[data-label] input,
.login-area .field[data-label] select,
.login-area .field[data-label] textarea {
    position: relative;
    z-index: 1;
    opacity: 0
}

.field[data-label] .field[data-label]:before,
.field[data-label] .field__text {
    position: absolute;
    top: 16px;
    left: 10px;
    text-transform: none;
    letter-spacing: normal;
    letter-spacing: .05em;
    transition: .2s 0s;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field--filled[data-label],
.field--focus[data-label] {
    border-color: #b7b7b7
}

.field--filled[data-label]:before,
.field--focus[data-label]:before {
    top: 0;
    opacity: 1;
    transition-delay: .1s
}

.field--filled[data-label] .field[data-label]:before,
.field--filled[data-label] .field__text,
.field--focus[data-label] .field[data-label]:before,
.field--focus[data-label] .field__text {
    opacity: 0;
    transition-delay: 0s
}

.field--filled[data-label] .field__input,
.field--filled[data-label] .field__upload .field__value,
.field--filled[data-label] .login-area input,
.field--filled[data-label] .login-area select,
.field--filled[data-label] .login-area textarea,
.field--focus[data-label] .field__input,
.field--focus[data-label] .field__upload .field__value,
.field--focus[data-label] .login-area input,
.field--focus[data-label] .login-area select,
.field--focus[data-label] .login-area textarea,
.field__upload .field--filled[data-label] .field__value,
.field__upload .field--focus[data-label] .field__value,
.login-area .field--filled[data-label] input,
.login-area .field--filled[data-label] select,
.login-area .field--filled[data-label] textarea,
.login-area .field--focus[data-label] input,
.login-area .field--focus[data-label] select,
.login-area .field--focus[data-label] textarea {
    opacity: 1
}

.field--alert {
    margin-bottom: 40px
}

.field--alert .field {
    border-color: #a40000
}

.field--alert .field-text,
.field--alert:before {
    color: inherit
}

.field--focused {
    border-color: #000
}

.field--disabled {
    background: #333
}

.field--disabled .field {
    color: #333
}

.field__input,
.field__upload .field__value,
.login-area input,
.login-area select,
.login-area textarea {
    box-sizing: border-box!important;
    width: 100%;
    height: 40px;
    border: none;
    background: 0 0;
    box-shadow: none;
    color: inherit;
    letter-spacing: .05em;
    line-height: 40px;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg;
    transition: .2s 0s
}

.field__input::-webkit-input-placeholder,
.field__upload .field__value::-webkit-input-placeholder,
.login-area input::-webkit-input-placeholder,
.login-area select::-webkit-input-placeholder,
.login-area textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

.field[data-label]:before,
.field__text {
    display: block;
    padding: 6px 0 0;
    color: #333;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field[data-label]:before a,
.field__text a {
    color: inherit
}

.field__file {
    padding-bottom: 25px
}

.field__upload {
    position: relative;
    display: block;
    margin: 45px 0 0;
    min-height: 50px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .field__upload:after {
        position: absolute;
        right: 10px;
        bottom: 15px;
        padding: 15px 40px;
        background-color: #dd4b3e;
        color: #fff;
        content: 'Browse';
        text-transform: uppercase;
        letter-spacing: .05em;
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.field__upload .field__input,
.field__upload .field__value,
.field__upload .login-area input,
.field__upload .login-area select,
.field__upload .login-area textarea,
.login-area .field__upload input,
.login-area .field__upload select,
.login-area .field__upload textarea {
    opacity: 0
}

.field__upload .field__value {
    position: absolute;
    right: 85px;
    bottom: 0;
    left: 10px;
    width: auto;
    opacity: 1
}

.field__textarea .field__input,
.field__textarea .field__upload .field__value,
.field__textarea .login-area input,
.field__textarea .login-area select,
.field__textarea .login-area textarea,
.field__upload .field__textarea .field__value,
.field__upload .login-area textarea .field__value,
.login-area .field__textarea input,
.login-area .field__textarea select,
.login-area .field__textarea textarea,
.login-area textarea .field__input,
.login-area textarea .field__upload .field__value,
.login-area textarea input,
.login-area textarea select,
.login-area textarea textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px;
    max-height: 340px;
    height: 274px;
    line-height: 140%;
    resize: vertical;
    transition: none
}

.field__select:after,
.login-area select:after {
    position: absolute;
    right: 15px;
    bottom: 25px;
    content: '\e90b';
    font-size: 12px;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.field__select .field__input,
.field__select .field__upload .field__value,
.field__select .login-area input,
.field__select .login-area select,
.field__select .login-area textarea,
.field__upload .field__select .field__value,
.field__upload .login-area select .field__value,
.login-area .field__select input,
.login-area .field__select select,
.login-area .field__select textarea,
.login-area select .field__input,
.login-area select .field__upload .field__value,
.login-area select input,
.login-area select select,
.login-area select textarea {
    position: relative;
    z-index: 1;
    display: block;
    padding-right: 25px;
    border-width: 0;
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.field__select .field__input::-ms-expand,
.field__select .field__upload .field__value::-ms-expand,
.field__select .login-area input::-ms-expand,
.field__select .login-area select::-ms-expand,
.field__select .login-area textarea::-ms-expand,
.field__upload .field__select .field__value::-ms-expand,
.field__upload .login-area select .field__value::-ms-expand,
.login-area .field__select input::-ms-expand,
.login-area .field__select select::-ms-expand,
.login-area .field__select textarea::-ms-expand,
.login-area select .field__input::-ms-expand,
.login-area select .field__upload .field__value::-ms-expand,
.login-area select input::-ms-expand,
.login-area select select::-ms-expand,
.login-area select textarea::-ms-expand {
    display: none
}

.field__select option,
.login-area select option {
    padding: 2px 15px
}

.field__checkbox,
.field__radio,
.login-area input[type="checkbox"],
.login-area input[type="radio"] {
    overflow: visible;
    padding: 4px 10px;
    border: none;
    background: 0 0;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .field__checkbox,
    .field__radio,
    .login-area input[type="checkbox"],
    .login-area input[type="radio"] {
        margin-bottom: 20px
    }
}

.field__checkbox:before,
.field__radio:before,
.login-area input[type="checkbox"]:before,
.login-area input[type="radio"]:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #707070;
    background: #fff;
    content: '';
    text-align: center;
    font-size: .725em;
    font-family: icomoon;
    line-height: 23px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.field__checkbox.field--checked:before,
.field__radio.field--checked:before,
.login-area input.field--checked[type="checkbox"]:before,
.login-area input.field--checked[type="radio"]:before {
    content: '\e90a'
}

.field__checkbox.field--checked .field__value,
.field__radio.field--checked .field__value,
.login-area input.field--checked[type="checkbox"] .field__value,
.login-area input.field--checked[type="radio"] .field__value {
    opacity: 1
}

.field__checkbox .field__holder,
.field__radio .field__holder,
.login-area input[type="checkbox"] .field__holder,
.login-area input[type="radio"] .field__holder {
    display: block;
    margin: 5px 0 0
}

.field__checkbox .field[data-label]:before,
.field__checkbox .field__text,
.field__radio .field[data-label]:before,
.field__radio .field__text,
.login-area input[type="checkbox"] .field[data-label]:before,
.login-area input[type="checkbox"] .field__text,
.login-area input[type="radio"] .field[data-label]:before,
.login-area input[type="radio"] .field__text {
    margin: 0 0 10px
}

.field__checkbox .field__input,
.field__checkbox .field__upload .field__value,
.field__checkbox .login-area input,
.field__checkbox .login-area select,
.field__checkbox .login-area textarea,
.field__radio .field__input,
.field__radio .field__upload .field__value,
.field__radio .login-area input,
.field__radio .login-area select,
.field__radio .login-area textarea,
.field__upload .field__checkbox .field__value,
.field__upload .field__radio .field__value,
.field__upload .login-area input[type="checkbox"] .field__value,
.field__upload .login-area input[type="radio"] .field__value,
.login-area .field__checkbox input,
.login-area .field__checkbox select,
.login-area .field__checkbox textarea,
.login-area .field__radio input,
.login-area .field__radio select,
.login-area .field__radio textarea,
.login-area input[type="checkbox"] .field__input,
.login-area input[type="checkbox"] .field__upload .field__value,
.login-area input[type="checkbox"] input,
.login-area input[type="checkbox"] select,
.login-area input[type="checkbox"] textarea,
.login-area input[type="radio"] .field__input,
.login-area input[type="radio"] .field__upload .field__value,
.login-area input[type="radio"] input,
.login-area input[type="radio"] select,
.login-area input[type="radio"] textarea {
    position: relative;
    top: 1px;
    float: left;
    width: auto;
    height: auto;
    opacity: 0
}

.field__checkbox .field__value,
.field__radio .field__value,
.login-area input[type="checkbox"] .field__value,
.login-area input[type="radio"] .field__value {
    display: block;
    padding: 0 0 0 22px;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field__checkbox .field__value a,
.field__radio .field__value a,
.login-area input[type="checkbox"] .field__value a,
.login-area input[type="radio"] .field__value a {
    border-bottom: 1px solid;
    color: inherit
}

.field__checkbox--inline,
.field__radio--inline {
    display: inline-block
}

.field__checkbox--small,
.field__radio--small {
    margin: 0 0 5px;
    padding: 2px
}

.field__checkbox--small:before,
.field__radio--small:before {
    width: 14px;
    height: 14px;
    font-size: .55em;
    line-height: 13px
}

.field__checkbox--fancy,
.field__radio--fancy {
    display: inline-block;
    padding: 15px 15px 15px 20px;
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, .3)
}

.field__checkbox--fancy:before,
.field__radio--fancy:before {
    left: 10px;
    border: none
}

.field__checkbox--dummy,
.field__radio--dummy {
    display: inline-block;
    padding: 15px;
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, .3)
}

.field__checkbox--dummy:before,
.field__radio--dummy:before {
    display: none
}

@media only screen and (min-width:992px) {
    .field__checkbox--fancy,
    .field__radio--fancy {
        padding: 15px
    }
    .field__checkbox--dummy:before,
    .field__checkbox--fancy:before,
    .field__radio--dummy:before,
    .field__radio--fancy:before {
        left: 5px
    }
}

.field__checkbox--dummy .field__value,
.field__radio--dummy .field__value {
    padding: 0
}

.field__alert {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    padding: 5px 10px;
    background: #a40000;
    color: #fff;
    text-align: left;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.form__submit,
.header__login {
    text-align: center;
    text-transform: uppercase
}

.field__alert:before {
    position: absolute;
    top: -8px;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 8px;
    border-style: solid;
    border-color: transparent transparent #a40000;
    content: '';
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.form__submit,
.form__submit span {
    position: relative
}

@media only screen and (min-width:992px) {
    .field-lane {
        margin-right: 0;
        margin-left: -1px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .field-lane>* {
        margin-right: 0;
        margin-left: 1px;
        flex: 1
    }
    .field-options .field {
        display: inline-block
    }
}

.field-options {
    padding: 10px 0
}

.field-options .field {
    margin: 5px;
    padding: 0
}

.form__row {
    margin: 0 -10px
}

.form__row>div[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px
}

.form__step {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .form__step {
        margin: 0 0 50px
    }
}

.form__heading {
    margin: 0 0 20px
}

.form__submit {
    box-sizing: border-box;
    width: 100%
}

.form__submit--loading span {
    position: relative;
    padding-left: 30px
}

.form .message {
    margin: 0 0 12.5px;
    font-size: .875em
}

.form .message.bad {
    color: #c62828
}

.newsletter {
    margin: 10px 0 0;
    max-width: 270px
}

.newsletter .field {
    margin: 0 0 10px
}

.breadcrumbs__list {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

@media only screen and (min-width:992px) {
    .breadcrumbs__list {
        padding: 25px 0
    }
}

.breadcrumbs__item {
    float: left;
    font-size: .688em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (max-width:991px) {
    .breadcrumbs__item {
        padding: 5px 0
    }
}

.breadcrumbs__item:after {
    margin: 0 10px 0 7px;
    color: #999;
    content: '>';
    content: '\e90b';
    font-size: 8px;
    font-family: icomoon
}

.breadcrumbs__item:last-child:after {
    content: none
}

.banner__nav .slick-arrow:before,
.content-box--white:before,
.header-menu__link--facebook::before,
.index__bg:before,
.index__link:after,
.menu__submenu:before {
    content: ''
}

.breadcrumbs__link {
    color: #9d9d9d;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media only screen and (min-width:992px) {
    .breadcrumbs__link {
        transition: .2s 0s
    }
    .breadcrumbs__link:focus,
    .breadcrumbs__link:hover {
        color: #333
    }
}

.breadcrumbs__link--active {
    color: #333
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 15px 0;
    height: 55px;
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/img/xbg-header.jpg.pagespeed.ic.ccIeED55DR.webp) center center no-repeat #000;
    background-size: cover;
    color: #fff
}

@media only screen and (min-width:992px) {
    .header {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        padding: 50px 0 30px;
        height: auto;
        box-shadow: none
    }
    .header__site-logo {
        margin: 0 auto
    }
}

@media only screen and (max-width:991px) {
    .header__site-logo {
        margin: 0 auto;
        max-width: 120px;
        height: 35px;
        font-size: .438em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.header__site-tagline {
    font-size: 1.575em;
    opacity: 1
}

.header__login {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #fff;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .header__social-media--bottom {
        position: absolute;
        right: 15px;
        margin: 28px 0 0;
        text-align: right;
        white-space: nowrap
    }
}

.toggle-menu {
    position: relative;
    top: -15px;
    left: -15px;
    z-index: 100;
    display: block;
    width: 45px;
    height: 55px;
    color: #000;
    transition: .3s 0s left
}

@media only screen and (min-width:992px) {
    .toggle-menu {
        top: -5px;
        height: 50px
    }
}

.toggle-menu__lines {
    position: absolute;
    top: 45%;
    right: 10px;
    left: 10px;
    display: block;
    height: 2px;
    background: #fff;
    transition: background 0 .1s
}

.toggle-menu__lines:after,
.toggle-menu__lines:before {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: '';
    transition-delay: .1s, 0s;
    transition-duration: .1s, .1s
}

.toggle-menu__lines:before {
    top: -7px;
    transition-property: top, transform
}

.toggle-menu__lines:after {
    bottom: -7px;
    transition-property: bottom, transform
}

.menu {
    text-align: left
}

@media only screen and (min-width:992px) {
    .menu {
        top: -60px;
        display: inline-block;
        margin: 35px 0 0;
        color: #fff
    }
}

.menu.affix {
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #000;
    text-align: center;
    transition: .3s top
}

.menu.affix .menu__item {
    text-align: left
}

.add-more .icon,
.fullscreen-menu,
.index,
.menu-nav {
    text-align: center
}

.menu.affix .menu__item--sub.menu__item--active .menu__link::after {
    bottom: -10px
}

.menu.affix .menu__submenu {
    margin-top: 20px
}

.menu.affix-top .fixed-logo {
    display: none
}

.menu .fixed-logo {
    position: absolute;
    top: 18px;
    left: 15px
}

.menu .fixed-logo__link {
    max-width: 86px;
    opacity: .3;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.menu .fixed-logo__link:hover {
    opacity: .7
}

.menu__item {
    position: relative;
    margin: 0 0 25px
}

@media only screen and (min-width:992px) {
    .menu__item {
        display: inline-block;
        margin: 0;
        padding: 0 10px
    }
    .menu__item--sub.menu__item--active {
        color: #000
    }
}

@media only screen and (min-width:1200px) {
    .menu .fixed-logo {
        left: 30px
    }
    .menu .fixed-logo__link {
        max-width: 100px
    }
    .menu__item {
        padding: 0 20px
    }
}

.menu__item--sub .menu__link:before {
    float: left;
    margin: 2px 0 0 -20px;
    font-size: 10px;
    font-family: icomoon
}

@media only screen and (min-width:992px) {
    .menu__item--sub.menu__item--active .menu__link:focus,
    .menu__item--sub.menu__item--active .menu__link:hover {
        opacity: 1
    }
    .menu__item--sub.menu__item--active .menu__link:after {
        position: absolute;
        top: -10px;
        right: -20px;
        bottom: -32px;
        left: -20px;
        z-index: -1;
        display: block;
        background: #fff;
        content: ''
    }
    .menu__item--sub .menu__link:before {
        float: right;
        margin: 2px 0 0 10px;
        font-weight: 600;
        font-size: 10px;
        font-family: icomoon;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .menu__item--active .submenu {
        display: block
    }
}

.menu__link,
.submenu__link {
    letter-spacing: .1em;
    font-weight: 400
}

.menu__item--active .menu__link:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.menu__link {
    position: relative;
    z-index: 2;
    display: block;
    color: inherit;
    font-size: 1.5em;
    font-family: berthold_akzidenz_grotesk_bMd
}

.menu__submenu {
    display: none;
    margin: 32px 0 0;
    min-width: 100%;
    color: #000
}

.menu__submenu:before {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    height: 40px
}

.menu-nav {
    margin: 0 -10%
}

@media only screen and (min-width:992px) {
    .menu__link {
        text-transform: uppercase;
        font-size: .925em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
    .menu__submenu {
        position: absolute;
        left: 0;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
        transition: .2s 0s opacity
    }
    .menu-nav {
        min-height: 52px
    }
    .submenu__item {
        margin: 0
    }
}

.submenu__link {
    display: block;
    padding: 8px 0;
    color: inherit;
    font-size: 1em;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .submenu__link {
        padding: 12px 20px;
        color: #333;
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: normal;
        font-size: .825em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
    .submenu__link:focus,
    .submenu__link:hover {
        background: #f2f2f2
    }
    .fullscreen-menu {
        padding: 50px 0 30px
    }
}

.fullscreen-menu {
    position: relative;
    display: inline-block;
    margin: auto;
    color: #fff;
    text-transform: uppercase
}

.fullscreen-menu__link,
.fullscreen-submenu__link {
    color: inherit;
    font-weight: 400;
    letter-spacing: .1em
}

.fullscreen-menu .fixed-logo {
    display: none
}

.fullscreen-menu__item {
    position: relative;
    top: 30px;
    margin: 0 0 25px;
    opacity: 0
}

.fullscreen-menu__link {
    position: relative;
    z-index: 2;
    display: block;
    font-size: 1.5em;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .fullscreen-menu__link {
        font-size: 2.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.fullscreen-menu__submenu {
    display: none;
    padding: 20px 0
}

.fullscreen-menu-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 99;
    display: flex;
    overflow: auto;
    width: 100%;
    background: #000;
    opacity: 0;
    transition: .3s 0s opacity, 0s .3s left;
    align-items: center;
    justify-content: center
}

.index__bg,
.index__bg:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.index__bg,
.index__video {
    z-index: -1;
    position: absolute
}

@media only screen and (max-width:991px) {
    .fullscreen-menu-nav {
        padding: 90px 0 50px
    }
}

.fullscreen-submenu__link {
    display: block;
    padding: 8px 0;
    font-size: 1em;
    font-family: berthold_akzidenz_grotesk_bLg
}

.header-menu {
    float: right;
    margin: 10px 0 50px;
    color: #fff
}

.header-menu__item {
    float: left;
    margin: 0 0 0 25px
}

.header-menu__link {
    color: #c4c6c8;
    text-transform: uppercase;
    font-size: .688em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.header-menu__link--phone {
    color: inherit;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.header-menu__link--facebook::before {
    display: block;
    float: left;
    margin: 2px 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(../img/facebook.svg) center center no-repeat;
    background-size: contain
}

.index {
    position: relative;
    height: auto
}

@media only screen and (max-width:991px) {
    .index {
        margin-bottom: -55px;
        padding-bottom: 55px
    }
}

.index__bg {
    overflow: hidden;
    background: center center no-repeat;
    background-size: cover
}

.index__bg:before {
    position: absolute;
    display: block;
    background: #000;
    opacity: .7
}

.index__video {
    display: none;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:768px) {
    .index__video {
        display: block
    }
}

.index__site-logo {
    margin: 30px auto 0;
    max-width: 100%;
    font-size: .875em;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .header-menu__link {
        transition: .2s 0s
    }
    .header-menu__link:focus,
    .header-menu__link:hover {
        color: inherit
    }
    .index__site-logo {
        margin-top: 150px;
        max-width: 375px
    }
}

.index__site-logo span {
    line-height: 150%
}

@media only screen and (max-width:991px) {
    .index__site-logo span {
        display: inline-block;
        max-width: 100%
    }
}

.index__site-logo .site-logo__img {
    margin: 0 auto;
    max-width: 250px
}

.index__link {
    display: inline-block;
    margin: 45px 0 0;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: .1em;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .index__link {
        margin: 45px 0 140px
    }
}

.index__link:after {
    display: block;
    margin: 15px 25% 0;
    border-bottom: 2px solid #fff
}

.content {
    position: relative;
    padding: 55px 0 40px
}

@media only screen and (min-width:992px) {
    .content {
        padding: 0 0 50px
    }
}

.content-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 30px 0
}

@media only screen and (min-width:992px) {
    .content-box {
        margin: 0;
        padding: 40px 0
    }
}

@media only screen and (min-width:1600px) {
    .content-box {
        margin: 0 3%
    }
}

.content-box--gray {
    background: #f7f7f7
}

.content-box--white {
    margin: 0 -10px 30px;
    background: #fff;
    color: #000
}

.content-box--white:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: -1;
    border: 1px solid #333
}

.banner,
.section {
    position: relative
}

@media only screen and (min-width:992px) {
    .content-box--white {
        margin: 0 0 30px
    }
    .content-box--white:before {
        top: 18px;
        right: 18px;
        bottom: 18px;
        left: 18px
    }
}

.content-box--black {
    margin: 0 -10px 30px;
    background: rgba(0, 0, 0, .4)
}

@media only screen and (min-width:992px) {
    .content-box--black {
        margin: 0 0 30px
    }
}

.content-box__item {
    margin: 0 0 30px;
    page-break-inside: avoid
}

.content-box__text {
    margin: 40px 0
}

@media only screen and (min-width:1200px) {
    .content-box {
        padding: 60px 0
    }
    .content-box__text {
        margin: 40px 10%
    }
}

.content-box__text:first-child {
    margin-top: 0
}

.content-box__text:last-child {
    margin-bottom: 0
}

.content-box__subheading {
    margin-top: -10px
}

.section {
    padding: 50px 0
}

@media only screen and (min-width:1200px) {
    .content-box__subheading {
        margin-top: -20px
    }
    .section {
        padding: 100px 0
    }
}

@media only screen and (max-width:991px) {
    .section--main {
        padding-bottom: 0
    }
}

.section--no-padding {
    padding: 0
}

@media only screen and (min-width:992px) {
    .section--no-padding {
        padding: 0
    }
    .section--center {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .section--development {
        padding-top: 20px
    }
}

.section--newsletter {
    padding: 30px 0;
    background: #000
}

@media only screen and (max-width:1199px) {
    .section__photo {
        margin: 30px auto 0
    }
}

.section__photo--perma {
    margin: 30px auto 40px
}

.section:nth-of-type(even) {
    padding: 0
}

.banner__nav .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 40px;
    background: rgba(0, 0, 0, .1);
    text-indent: -999em;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .banner__nav .slick-arrow {
        width: 100px
    }
}

.banner__nav .slick-arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    vertical-align: top;
    transform: translate3d(0, -50%, 0) rotate(-45deg)
}

.links-list__item,
.sidebar__list-link {
    display: block;
    font-weight: 400;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .banner__nav .slick-arrow:before {
        width: 40px;
        height: 40px
    }
}

.banner__nav .slick-arrow.slick-prev {
    left: 0
}

.banner__nav .slick-arrow.slick-prev:before {
    transform: translate3d(-25%, -50%, 0) rotate(-135deg)
}

.banner__nav .slick-arrow.slick-next {
    right: 0
}

.banner__nav .slick-arrow.slick-next:before {
    transform: translate3d(-75%, -50%, 0) rotate(45deg)
}

.banner__cycle {
    background: #000
}

.banner__cycle .slick-list,
.banner__cycle .slick-track {
    height: 100%
}

.banner__item-bg {
    padding-bottom: 52.75%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.links-list {
    border-bottom: 1px solid #d0d4d7
}

.links-list__item {
    padding: 15px 0;
    border-top: 1px solid #d0d4d7;
    color: #000;
    font-size: .875em;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .links-list__item {
        transition: .2s 0s
    }
    .links-list__item:focus,
    .links-list__item:hover {
        color: gray
    }
}

.links-list .icon {
    margin: 0 20px 0 10px;
    opacity: .8
}

@media only screen and (max-width:991px) {
    .sidebar {
        position: fixed;
        top: 55px;
        bottom: 0;
        left: -100%;
        z-index: 99;
        overflow: auto;
        padding: 20px;
        max-width: none;
        width: calc(100% - 45px);
        background: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        transition: .3s 0s left
    }
}

@media only screen and (min-width:992px) {
    .sidebar {
        overflow: visible;
        max-width: 285px
    }
    .sidebar__list-link {
        opacity: .7;
        transition: .2s 0s
    }
    .sidebar__list-link:focus,
    .sidebar__list-link:hover {
        opacity: 1
    }
}

.add-more,
.blog-list__item,
.blog-list__text,
.brochures__helper,
.brochures__item,
.products-list__item,
.projects-list__item {
    overflow: hidden
}

.sidebar__list .sidebar__list .sidebar__list {
    padding-left: 20px
}

.sidebar__list--push-bottom {
    margin-bottom: 40px
}

.sidebar__list-item {
    margin: 0 0 1px
}

.sidebar__list-link {
    padding: 5px;
    color: inherit;
    line-height: 140%;
    cursor: pointer;
    font-size: .75em;
    font-family: berthold_akzidenz_grotesk_bLg
}

.sidebar__list-link--active,
.sidebar__list-link--toggle {
    opacity: 1;
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

.sidebar__list-link--active {
    font-size: .75em
}

.sidebar__list-link--toggle {
    font-size: .875em
}

.sidebar__list-link--toggle:before {
    float: left;
    margin: 0 0 0 -20px;
    content: '\e90b';
    font-size: .75em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: .2s 0s
}

.sidebar__list-link--toggle.collapsed:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.sidebar__form {
    display: inline-block;
    margin-top: 30px;
    max-width: 290px
}

.sidebar__box {
    padding: 0 0 0 20px
}

.sidebar__links {
    max-width: 220px
}

.sidebar__text p {
    color: #5a5a5a;
    font-size: .75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

.sidebar-toggle,
.sidebar-toggle span {
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.sidebar-toggle {
    margin: 0 0 40px;
    color: inherit;
    line-height: 120%;
    font-size: 1.875em
}

.sidebar-toggle span {
    float: right;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    font-size: 11px
}

.sidebar-toggle span:before {
    float: right;
    margin: 0 0 0 10px;
    content: '\e90b';
    font-size: 1em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filters__reset,
.side-menu__link {
    font-family: berthold_akzidenz_grotesk_bRg;
    font-weight: 400
}

.side-menu {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .side-menu {
        margin: 0 0 50px
    }
}

.side-menu__item {
    margin: 0 0 10px
}

.side-menu__link {
    padding: 0 0 0 10px;
    color: inherit;
    letter-spacing: .05em;
    opacity: .5;
    font-size: .75em
}

.side-menu__link--active {
    color: #333;
    font-size: 1.25em
}

.filters__reset {
    display: none;
    float: left;
    margin: -15px 0 0;
    padding: 0;
    border: none;
    background: 0 0;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .side-menu__link {
        transition: .2s 0s
    }
    .side-menu__link.mixitup-control-active,
    .side-menu__link:focus,
    .side-menu__link:hover {
        opacity: 1
    }
    .filters__reset {
        margin: -22px 0 0
    }
}

.filters__reset--mobile {
    float: right;
    border-radius: 3px;
    background: #f0f0f0;
    padding: 3px 5px;
    margin-top: -35px
}

.filters .sidebar__list-link--active:after,
.filters__reset:after {
    float: right;
    margin: 0 0 0 15px;
    content: '\e914';
    font-size: .75em;
    font-family: icomoon;
    display: inline-block
}

.filters__reset:after {
    padding-top: 2px
}

.filters .sidebar__list-link--active {
    background: #f2f2f2
}

@media only screen and (max-width:991px) {
    .development {
        margin-top: 10px
    }
}

.development__photo {
    margin: 0 0 20px
}

.development__logo {
    display: inline-block;
    margin: 0 0 20px;
    padding: 30px;
    border: 1px solid #ddd
}

@media only screen and (min-width:992px) {
    .development-login .field {
        margin: 0
    }
}

.development-steps {
    position: relative;
    margin: 20px -15px 0;
    padding: 15px;
    background: #ebebeb
}

@media only screen and (min-width:992px) {
    .development-steps {
        margin: 50px 0 0;
        padding: 30px
    }
    .development-steps:first-child {
        margin-top: 0
    }
}

.development-steps__menu {
    margin: 0 0 20px;
    list-style: none
}

@media only screen and (min-width:992px) {
    .development-steps__menu {
        display: flex;
        margin: -30px -30px 20px
    }
    .development-steps__menu-item:last-child {
        max-width: 290px;
        text-align: center
    }
}

.development-steps__menu-item {
    flex-grow: 1
}

@media only screen and (max-width:991px) {
    .development-steps__menu-item {
        margin: 0 0 5px
    }
}

.development-steps__menu-link {
    display: block;
    margin: 0;
    padding: 15px 10px;
    background: #f8f8f8;
    color: gray;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .development-steps__menu-link {
        padding: 0 30px;
        line-height: 65px;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .development-steps__menu-link--big {
        font-size: 2em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.add-more,
.summary__box-heading,
.summary__box-heading-edit {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .development-steps__menu-link--active {
        background: #fff;
        color: #000
    }
}

.development-steps__submit {
    padding: 0;
    line-height: 70px
}

@media only screen and (min-width:992px) {
    .development-steps__menu-link--active {
        background: 0 0
    }
    .development-steps__buttons {
        margin: 0 -30px -30px
    }
}

.development-steps__box {
    margin: 0 0 25px;
    padding: 10px;
    background: #fff
}

@media only screen and (min-width:992px) {
    .development-steps__box {
        padding: 25px
    }
}

.development-steps__box .summary {
    padding: 0
}

.development-steps__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .7
}

.development-steps__content {
    margin: 0 0 25px
}

.add-more {
    position: relative;
    display: block;
    background: #7b7b7b;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 140%;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .add-more {
        transition: .2s 0s
    }
    .add-more:focus,
    .add-more:hover {
        background: #626262
    }
}

.add-more .icon {
    float: left;
    width: 60px;
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 70px
}

.add-more span {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 60px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media only screen and (max-width:991px) {
    .add-more {
        margin-top: 10px
    }
    .add-more span {
        text-align: center
    }
}

.summary__subtotal td:last-child,
.summary__table td:last-child,
.summary__total td:last-child {
    text-align: right
}

@media only screen and (min-width:1200px) {
    .add-more .icon {
        width: 80px
    }
    .add-more span {
        left: 80px
    }
}

.summary {
    position: relative;
    padding: 30px 0
}

.summary__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .7
}

.summary__box {
    margin: 0 0 10px
}

.summary__box-heading {
    font-size: 1em
}

.summary__box-heading-edit {
    display: inline-block;
    margin-left: 10px;
    font-size: .633em;
    text-transform: uppercase
}

.summary__box-footer--extra-spacing {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    padding-bottom: 25px
}

@media only screen and (max-width:991px) {
    .summary__heading {
        margin: 0 0 20px;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 120%;
        font-size: .625em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.summary__table {
    margin: 20px 0 25px;
    width: 100%;
    letter-spacing: .05em;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.summary__table strong {
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.summary__table td {
    vertical-align: top;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .summary__table td {
        padding: 3px 0;
        font-size: 1em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.summary__subtotal,
.summary__total {
    font-size: .875em;
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase
}

.summary__subtotal td {
    padding: 3px 0 0;
    vertical-align: middle
}

.summary__total {
    margin: 20px 0 0;
    border-top: 1px solid #b7b7b7
}

.rooms__list-link,
.rooms__text p {
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .summary__total {
        margin: 30px 0 0
    }
}

.summary__total td {
    padding: 20px 0 0;
    vertical-align: middle
}

.rooms {
    position: relative
}

.rooms__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.rooms__list {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .rooms__list {
        margin: 0 -30px 50px 0
    }
}

.rooms__list-item {
    margin: 0 0 1px;
    opacity: .5
}

.rooms__list-item.active {
    opacity: 1
}

.rooms__list-link {
    display: block;
    padding: 13px 0 13px 40px;
    background: #fff;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400
}

.rooms__list-link .icon {
    float: left;
    margin: 2px 0 0 -25px;
    padding: 3px;
    border-radius: 20px;
    background: #acacac;
    color: #787878;
    font-weight: 700;
    font-size: 7px
}

.rooms__list-link--checked .icon {
    background: green;
    color: #fff
}

.rooms__text {
    margin: 15px 0;
    color: #5a5a5a
}

.rooms__text p {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400
}

.rooms__box {
    margin: 0 0 30px;
    padding: 20px 10px;
    background: #fff
}

@media only screen and (min-width:992px) {
    .rooms__box {
        margin: -20px 0 50px;
        padding: 20px
    }
}

.rooms.loading>.row {
    opacity: .3
}

.info-link {
    display: inline-block;
    margin: 10px 0 0;
    color: #7b7b7b;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.blinds__list-item {
    position: relative;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    cursor: pointer;
    user-select: none
}

.blinds__list-item--active {
    background: #7b7b7b;
    color: #fff
}

.blinds__list-info {
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .blinds__list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .blinds__list-item .photo {
        width: 100px
    }
    .blinds__list-info {
        position: relative;
        flex: 1
    }
}

.blinds__list-title {
    padding: 8px 10px;
    text-transform: uppercase;
    line-height: 120%;
    min-height: 46px;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.blinds__list-price,
.blinds__list-window {
    font-size: .75em;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .blinds__list-title {
        padding: 5px 10px
    }
}

.blinds__list-price {
    padding: 0 10px 5px;
    text-align: right;
    font-family: berthold_akzidenz_grotesk_bLg
}

.blinds__list-price--sale {
    font-weight: 700
}

.blinds__list-price--crossed {
    text-decoration: line-through;
    opacity: .4
}

.blinds__list-price-container {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 47%
}

.blinds__list-window {
    padding: 0 0 5px 10px;
    text-align: left;
    font-family: berthold_akzidenz_grotesk_bRg;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .5
}

.blinds__text p,
.blinds__title {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

.blinds__list-window-container {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 52%
}

.blinds__description-box {
    padding: 20px 0 0
}

.blinds__content-box {
    margin: 0 0 25px
}

.blinds__content-box:last-child {
    margin: 0
}

.blinds__title {
    font-size: 1.125em
}

.blinds__text {
    color: #5a5a5a
}

.blinds__text p {
    line-height: 140%;
    font-size: .875em
}

.builder__list-item {
    display: block;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    color: inherit;
    cursor: pointer;
    user-select: none
}

.builder__list-item--active,
.builder__list-photo {
    background: #000;
    color: #fff
}

.builder__list-photo {
    position: relative
}

.builder__list-photo .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-size: 4em;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.builder__list-photo .photo__image {
    opacity: .5
}

.builder__list-title {
    padding: 10px;
    text-transform: uppercase;
    line-height: 120%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.builder__list-price,
.builder__text p,
.builder__title {
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.builder__list-price {
    padding: 0 10px 5px;
    text-align: right;
    text-transform: uppercase;
    font-size: .75em
}

.builder__tabs {
    padding: 30px 0 0
}

@media only screen and (min-width:992px) {
    .builder__tabs {
        padding: 50px 0 0
    }
}

.builder__content-box {
    margin: 0 0 30px
}

.builder__content-box:last-child {
    margin: 0
}

.builder__title {
    font-size: 1.125em
}

.builder__text {
    color: #5a5a5a
}

.builder__text p {
    line-height: 140%;
    font-size: .875em
}

.downloads__list-link,
.package-breakdown thead th {
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.downloads__list {
    margin: 0 0 30px
}

.downloads__list-item {
    margin: 0 0 5px
}

.downloads__list-item .icon-download {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    background: #939393;
    text-align: center;
    font-size: .875em;
    line-height: 16px
}

.downloads__list-link {
    color: inherit;
    font-size: .75em
}

.other-info {
    margin-top: 30px
}

.package-breakdown {
    display: table;
    width: 100%
}

.package-breakdown thead th {
    text-align: left;
    text-transform: uppercase;
    font-size: .625em;
    letter-spacing: .1em
}

.package-breakdown tbody {
    color: #5a5a5a
}

.package-breakdown td {
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:768px) {
    .package-breakdown td {
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.package-breakdown td,
.package-breakdown th {
    padding: 7.5px;
    border-bottom: 1px solid #eee
}

.select-box__line {
    padding: 5px;
    background: #f2f2f2
}

.select-box__line .select-box__item {
    margin: 0;
    padding: 5px
}

.select-box__select {
    position: relative
}

.select-box__select .select-box__item {
    margin: 0
}

.select-box__select .select-box__item--active {
    margin: 0 0 10px;
    background: #f2f2f2;
    color: inherit
}

.select-box__select .select-box__item--active:before {
    position: absolute;
    top: 50%;
    right: 15px;
    float: right;
    margin: -5px 0 0;
    content: '\e90b';
    font-size: .75em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.select-box__button,
.select-box__title {
    text-transform: uppercase;
    font-family: berthold_akzidenz_grotesk_bMd;
    line-height: 120%;
    font-weight: 400
}

.select-box__list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    overflow-x: hidden;
    max-height: 200px;
    background: #f2f2f2;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .3)
}

.select-box__list-item:not(.select-box__item--active):focus,
.select-box__list-item:not(.select-box__item--active):hover {
    background: #e5e5e5
}

.select-box__item {
    display: block;
    padding: 10px;
    background: #f2f2f2;
    cursor: pointer;
    color: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s 0s
}

@media only screen and (max-width:991px) {
    .select-box__item {
        margin: 0 0 10px
    }
}

.select-box__item--active {
    background: #7b7b7b;
    color: #fff
}

.select-box__button {
    padding: 16px 20px;
    text-align: center;
    font-size: .875em
}

.select-box__title {
    word-wrap: break-word;
    font-size: .625em
}

@media only screen and (min-width:992px) {
    .select-box__title {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.select-box__subtitle {
    margin: 3px 0 0;
    line-height: 120%;
    font-size: .688em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.select-box__option {
    position: relative;
    padding-bottom: 75%
}

.select-box__option .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.5em;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.select-box__option--smaller {
    padding-bottom: 45px
}

.select-box__option--smaller .icon {
    font-size: 2em
}

.color-modal .select-box__item {
    margin-bottom: 30px
}

.brochures {
    margin: 0 10px
}

@media only screen and (max-width:991px) {
    .brochures {
        margin-top: 30px
    }
}

.brochures>.row>div[class*="col-"] {
    margin: 0 0 10px
}

.brochures__item {
    margin: 0 -10px 10px;
    height: 100%
}

.brochures__title {
    line-height: 150%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:768px) {
    .brochures__title {
        line-height: 170%;
        font-size: .938em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.brochures__link {
    display: block;
    margin: 0 0 10px;
    color: inherit;
    letter-spacing: .05em;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.brands__next:before,
.brands__prev:before {
    content: '\e90b';
    font-family: icomoon
}

@media only screen and (min-width:992px) {
    .brochures__item {
        padding: 20px 30px 20px 20px;
        background: #f2f2f2
    }
    .brochures__link {
        opacity: .7;
        transition: .2s 0s
    }
    .brochures__link:focus,
    .brochures__link:hover {
        opacity: 1
    }
    .products-list__photo:before {
        transition: .2s 0s
    }
}

.brochures__option {
    margin: 0 0 5px;
    padding: 7px
}

.brochures__option:before {
    width: 18px;
    height: 18px;
    background: 0 0;
    font-size: .7em;
    line-height: 16px
}

.brochures__photo {
    margin: 0 0 10px;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .brochures__photo {
        float: left;
        margin: 0 20px 10px 0;
        max-width: 50%
    }
    .brochures__helper--float {
        width: auto
    }
}

.brochures-modal__pdfs li {
    padding: 0;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%
}

.brochures-modal__form,
.enquiry-modal__form {
    margin: 30px 0 0
}

.brands {
    position: relative
}

.brands__nav {
    position: absolute;
    top: 50%;
    right: -50px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media only screen and (max-width:991px) {
    .brands {
        margin-top: 30px
    }
    .brands__nav {
        display: none
    }
}

.brands__next,
.brands__prev {
    display: block;
    margin: 20px 0;
    color: #000
}

.brands__next:before,
.brands__prev:before {
    font-size: 1.5em
}

.brands__prev:before {
    display: block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.links-box:before,
.products-list__photo:before,
.projects-list__item:before {
    content: ''
}

.brands__item:last-child {
    margin: 0
}

.products-list {
    margin: 30px 0 0
}

@media only screen and (max-width:991px) {
    .products-list {
        margin: 30px 10px 0
    }
}

.products-list:first-child {
    margin-top: 0
}

.products-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 0 30px;
    color: inherit
}

@media only screen and (max-width:991px) {
    .products-list__item {
        margin: 0 -10px 30px
    }
}

.products-list__photo {
    position: relative;
    padding-bottom: 133%;
    background: center center no-repeat #000;
    background-size: cover
}

.products-list__button,
.products-list__subheading {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    letter-spacing: .05em;
    text-transform: uppercase
}

.products-list__photo:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0
}

.products-list__logo {
    margin: 5px 0;
    text-align: left
}

.products-list__logo .photo__image {
    display: inline-block
}

.products-list__heading {
    margin: 10px 0 0;
    text-transform: uppercase;
    line-height: 160%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

@media only screen and (min-width:992px) {
    .products-list__heading {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.products-list__button,
.products-list__subheading,
.products-list__text p {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

.products-list__subheading {
    opacity: .7;
    font-size: .75em
}

.products-list__button {
    opacity: .7;
    font-size: .625em
}

.products-list__button--uppercase {
    text-transform: uppercase
}

.products-list__button--line-height {
    line-height: 130%
}

.products-list__text {
    margin: 10px 0 0;
    opacity: .7
}

@media only screen and (max-width:991px) {
    .products-list__text {
        display: none
    }
}

.products-list__text p {
    line-height: 150%;
    font-size: .938em
}

@media only screen and (min-width:992px) {
    .products-list--featured .products-list__item {
        color: #fff
    }
    .products-list--featured .products-list__item:focus .products-list__photo:before,
    .products-list--featured .products-list__item:hover .products-list__photo:before {
        opacity: .6
    }
    .products-list--featured .products-list__item:focus .products-list__heading,
    .products-list--featured .products-list__item:hover .products-list__heading {
        margin-bottom: 5px;
        opacity: 1
    }
    .products-list--featured .products-list__item:focus .products-list__button,
    .products-list--featured .products-list__item:hover .products-list__button {
        margin-top: 5px;
        opacity: 1
    }
    .products-list--featured .products-list__item:focus .products-list__text,
    .products-list--featured .products-list__item:hover .products-list__text {
        bottom: 0;
        opacity: 1;
        transition-delay: .1s
    }
    .products-list--featured .products-list__heading {
        position: absolute;
        bottom: 55%;
        margin: 0 35px -15px;
        opacity: 0;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd;
        transition: .2s 0s
    }
    .products-list--featured .products-list__button {
        position: absolute;
        top: 45%;
        display: block;
        margin: 25px 35px 0;
        opacity: 0;
        transition: .2s 0s
    }
    .products-list--featured .products-list__text {
        position: absolute;
        bottom: -20px;
        margin: 0 35px 30px;
        height: auto;
        opacity: 0;
        transition: .2s 0s
    }
    .product-photos {
        margin-top: -20px
    }
}

.product-photos__item {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .product-photos__item {
        margin: 50px 0 0
    }
}

.product-brochures {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .product-brochures {
        margin: 50px 0 0
    }
}

.projects-list {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .projects-list {
        margin: 50px 10px 0
    }
}

.projects-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 0 10px;
    padding-bottom: 75%;
    background: center center no-repeat #000;
    background-size: cover;
    box-shadow: 0 -100px 50px -50px #000 inset;
    color: #fff
}

@media only screen and (min-width:992px) {
    .projects-list__item {
        margin: 0 -10px 10px;
        padding-bottom: 133%;
        box-shadow: 0 0 0 rgba(0, 0, 0, .6), 0 -200px 100px -100px rgba(0, 0, 0, .8) inset;
        transition: .2s 0s
    }
    .projects-list__item:focus,
    .projects-list__item:hover {
        top: -4px;
        left: -4px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .6), 0 -200px 100px -100px rgba(0, 0, 0, .2) inset
    }
    .projects-list__item:focus .projects-list__subheading,
    .projects-list__item:focus:before,
    .projects-list__item:hover .projects-list__subheading,
    .projects-list__item:hover:before {
        opacity: 1
    }
}

.projects-list__item:before {
    position: absolute;
    right: -100%;
    bottom: 0;
    left: 0;
    height: 50%;
    opacity: 0;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #e35548;
    background: -webkit-linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%);
    background: -moz-linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%);
    background: linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%)
}

.projects-list__heading-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px
}

.projects-list__heading {
    display: block;
    margin: 0 0 5px;
    line-height: 160%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.projects-list__subheading {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    opacity: .7;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg;
    transition: .2s 0s
}

.blog-list {
    margin-top: -12px
}

.blog-list__row {
    -webkit-column-width: 18em;
    -moz-column-width: 18em;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em
}

.blog-list__wrap {
    position: relative;
    display: block
}

.blog-list__date {
    display: inline-block;
    margin: 0 0 20px;
    color: #999;
    text-transform: uppercase;
    font-size: .65em
}

.blog-list__content {
    margin: 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #dedede;
    font-size: .7em;
    line-height: 150%
}

.blog-list__content a {
    color: #666
}

.blog-list__item {
    display: block;
    margin: 0 0 20px;
    color: #000
}

.blog__back-button,
.blog__content img {
    display: inline-block
}

@media only screen and (min-width:992px) {
    .blog-list__item {
        display: inline-block;
        margin: 0 -12px 20px;
        padding: 12px;
        transition: .2s 0s
    }
    .blog-list__item:focus,
    .blog-list__item:hover {
        background: #f2f2f2
    }
}

.blog-list__photo {
    margin: 0 0 15px
}

.blog-list__heading {
    text-transform: uppercase
}

.blog-list__heading a {
    color: #000
}

.blog-list__text p {
    line-height: 180%;
    font-size: .75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

.blog-list--small .blog-list__item {
    padding: 0;
    border: none;
    background: 0 0
}

.blog__content {
    margin: 0 0 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ddd
}

.blog__content pre {
    overflow: visible;
    margin: -10px 0 30px;
    white-space: normal;
    font-style: italic;
    line-height: 140%;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .blog__content {
        padding: 0 0 50px
    }
    .blog__content pre {
        margin: -30px 0 30px;
        font-size: .95em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.blog__photo {
    margin-bottom: 20px
}

.blog-featured {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

@media only screen and (min-width:992px) {
    .blog-featured {
        margin: 0 0 50px;
        padding: 0 0 50px
    }
}

.blog-featured a {
    color: inherit
}

.blog-featured__heading {
    margin: 0 0 5px
}

.blog-featured__date {
    margin: 0 0 20px;
    color: #999;
    text-transform: uppercase;
    font-size: .75em
}

.blog-featured__content {
    color: #666;
    font-size: .7em;
    line-height: 180%
}

.blog-featured__link {
    margin: 15px 0 0
}

.blog__back-button {
    margin: 30px 0;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.blog__post-meta,
.contact-details table td,
.contact-info__heading,
.contact-info__link {
    font-size: .875em;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .products-list__logo {
        text-align: right
    }
    .blog__back-button {
        float: right;
        margin: 0
    }
}

.blog__post-meta {
    color: #666;
    font-family: berthold_akzidenz_grotesk_bLg
}

.blog__post-meta a {
    color: #000
}

.contact-info__item {
    margin: 0 0 20px
}

.contact-info__heading {
    margin: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bMd
}

.contact-info__link {
    color: inherit;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bRg
}

.contact-details {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .contact-details {
        margin: 0 0 80px
    }
}

.contact-details__image {
    margin: 20px 0;
    padding: 25px;
    max-width: 250px;
    background: #fafafa
}

@media only screen and (max-width:991px) {
    .contact-details__item {
        margin-bottom: 20px
    }
}

.contact-details a {
    color: #888
}

.contact-details table td {
    padding: 5px;
    line-height: 140%;
    font-family: berthold_akzidenz_grotesk_bLg
}

.contact-details-2 {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .contact-details table td {
        line-height: 180%;
        font-size: 1.025em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .contact-details-2 {
        margin: 0 0 80px
    }
}

.contact-details-2 .link,
.contact-details-2 a {
    color: inherit;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bRg;
    border-bottom: unset
}

.contact-details-2 table td {
    padding: 0 20px 10px 0;
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .contact-details-2 table td {
        line-height: 180%;
        font-size: 1.025em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.contact-details-2 table td.heading {
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bMd
}

.gallery-list {
    margin: 0 -5px
}

.gallery-list__item {
    position: relative;
    z-index: 1;
    float: left;
    padding: 0 5px;
    width: 50%
}

@media only screen and (min-width:992px) {
    .gallery-list {
        margin: 0 -15px
    }
    .gallery-list__item {
        padding: 0 15px;
        width: 33.33%
    }
    .gallery-list__heading {
        font-size: 1em
    }
}

.gallery-list__link {
    position: relative;
    z-index: 1;
    display: block
}

.gallery-list__title {
    margin-top: 10px;
    min-height: 60px
}

.gallery-list__heading {
    display: inline-block;
    margin: 0 0 5px;
    text-transform: none
}

.gallery-list__description {
    color: #999;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.pswp__caption__center {
    position: relative
}

.pswp__caption-content {
    min-height: 60px;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.social-shares {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

.share-button {
    display: inline-block;
    margin: 0 5px;
    padding: 3px 4px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 100%
}

.links-box {
    padding: 0 30px 0 40px;
    height: 100%
}

.links-box:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    border-left: 1px solid #d0d4d7
}

.links-box__text {
    margin: 0 0 50px
}

.links-box__text p {
    line-height: 160%;
    font-size: .938em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.links-box__button {
    position: absolute;
    bottom: 0;
    display: block;
    overflow: hidden
}

.testimonial__box {
    padding: 10px 0 0;
    color: #878787
}

@media only screen and (min-width:992px) {
    .testimonial__box {
        float: right;
        padding: 10px 0 20px 25px;
        border-left: 1px solid #d0d4d7
    }
}

.testimonial__heading {
    line-height: 160%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.testimonial__subheading {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.featured-banner__link,
.payment__total {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400;
    text-transform: uppercase
}

.services__nav-tabs {
    border: none
}

.services__links {
    margin: 30px 0 0;
    max-width: 375px
}

@media only screen and (min-width:992px) {
    .services__links {
        margin: 50px 0 0
    }
}

.featured-banner {
    position: relative;
    z-index: 1;
    padding: 6.5% 9%;
    background: center center no-repeat;
    background-size: cover;
    text-align: center
}

@media only screen and (max-width:991px) {
    .featured-banner:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        display: block;
        background: rgba(0, 0, 0, .5);
        content: ''
    }
}

.featured-banner__link,
.footer-second-menu__item,
.pagination__item {
    display: inline-block
}

.featured-banner__link {
    margin-top: 20px;
    color: inherit;
    font-size: .875em
}

@media only screen and (min-width:992px) {
    .featured-banner__link {
        margin-top: 35px;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.featured-banner--white {
    color: #fff
}

.general-links {
    padding: 50px 0
}

.contact-form-wrapper {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .contact-form-wrapper {
        margin: 80px 0 0
    }
}

.contact-form {
    margin: 0 -30px;
    padding: 30px;
    max-width: 1500px;
    background: #efeff0
}

@media only screen and (min-width:992px) {
    .contact-form {
        margin: 0 -50px;
        padding: 50px
    }
}

.contact-form .field {
    border: 1px solid #d9d9d9;
    background: #fff;
    margin: 0 0 15px
}

.contact-form .field__checkbox,
.contact-form .field__radio--small,
.contact-form .login-area input[type="checkbox"],
.login-area .contact-form input[type="checkbox"] {
    background: no-repeat;
    border: none
}

.contact-form .field__checkbox:before,
.contact-form .login-area input[type="checkbox"]:before,
.login-area .contact-form input[type="checkbox"]:before {
    width: 20px;
    height: 20px
}

@media only screen and (max-width:991px) {
    .accordion {
        margin: 30px 0 0
    }
}

.accordion__panel {
    padding: 0 20px 20px
}

.pagination {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 20px 0;
    font-size: .85em
}

@media only screen and (min-width:992px) {
    .pagination {
        margin: 20px 0 0;
        padding: 20px 0 0
    }
}

.pagination__item {
    margin: 0 10px
}

.pagination__link {
    color: #999
}

.pagination__link--active {
    color: #000
}

.payment .field {
    margin-bottom: 10px
}

.payment .form__row {
    margin: 0 -5px
}

.payment .form__row>div[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.payment__total {
    margin: 30px 0;
    text-align: right;
    letter-spacing: .05em;
    font-size: 1.25em
}

.payment__grey-box {
    padding: 10px;
    background: #ebebeb
}

@media only screen and (min-width:992px) {
    .pagination__link {
        transition: .2s 0s
    }
    .pagination__link:focus,
    .pagination__link:hover {
        color: #000
    }
    .payment__total {
        margin: 50px 0;
        font-size: 1.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
    .payment__grey-box {
        padding: 30px;
        text-align: center
    }
    .payment__grey-box .field__value {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.payment__grey-box .field {
    margin: 0
}

.payment__submit {
    padding: 20px 0
}

@media only screen and (min-width:992px) {
    .payment__submit {
        padding: 30px 0
    }
}

#payment-form .form__block {
    margin: 15px 0 0
}

#form-promo-code .field {
    padding-right: 25%
}

#form-promo-code .form__submit {
    float: right;
    margin-top: -68px;
    padding: 0;
    min-height: 58px;
    width: 25%;
    background: 0 0;
    color: #000;
    text-align: center
}

.footer {
    padding: 40px 0;
    background-position: center center;
    background-color: #7b7b7b;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center
}

.footer__site-logo {
    margin: 0;
    max-width: 130px
}

@media only screen and (min-width:992px) {
    .footer {
        padding: 110px 0 20px;
        text-align: left
    }
    .footer__site-logo {
        float: left;
        margin: 0 auto;
        max-width: 210px
    }
}

.footer__site-tagline {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    font-size: .925em;
    line-height: 140%
}

@media only screen and (min-width:992px) {
    .footer__site-tagline {
        margin: 23px 0 0 30px;
        font-size: 1.125em
    }
}

.footer__social-media {
    float: right;
    margin: 11px 0 0
}

@media only screen and (max-width:991px) {
    .footer__social-media {
        margin-top: -35px
    }
}

.footer__social-media .social-media__link {
    display: inline-block;
    color: #fff;
    text-align: center;
    opacity: 1
}

.footer__togglemenu {
    position: relative;
    top: 0;
    left: 0;
    margin: 25px auto;
    padding: 15px;
    width: auto;
    height: auto;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: .78em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.footer-div {
    padding-top: 10px;
    border-top: 1px solid #677074
}

@media only screen and (min-width:992px) {
    .footer__social-media .social-media__link {
        transition: .2s 0s
    }
    .footer__social-media .social-media__link:focus,
    .footer__social-media .social-media__link:hover {
        opacity: .6
    }
    .footer-div {
        margin-top: 40px;
        padding-top: 20px
    }
}

.footer-second-menu__item:before {
    float: right;
    padding: 0 5px;
    content: '|';
    font-size: .5em;
    line-height: 18px
}

.footer-second-menu__item:last-child:before {
    content: none
}

.footer-second-menu__link {
    color: inherit;
    opacity: .7;
    font-size: .725em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.footer-menu__item {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #888;
    letter-spacing: .05em
}

.footer-menu__link {
    float: left;
    color: inherit;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.copyright,
.footer-submenu__link {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .footer-second-menu__link {
        transition: .2s 0s
    }
    .footer-second-menu__link:focus,
    .footer-second-menu__link:hover {
        opacity: 1
    }
    .footer-menu {
        margin: 50px 0
    }
    .footer-menu__link {
        transition: .2s 0s
    }
}

.footer-submenu {
    overflow: hidden;
    margin: -1px 0 -10px 300px
}

@media only screen and (max-width:1199px) {
    .footer-submenu {
        margin: 0 0 0 300px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.footer-submenu__item {
    float: left;
    margin: 0 25px 10px 0
}

@media only screen and (max-width:1199px) {
    .footer-submenu__item {
        float: none;
        margin: 0 0 15px
    }
}

.footer-submenu__link {
    color: #d9d9d9;
    letter-spacing: 0;
    font-size: .825em
}

.footer-submenu .footer-submenu {
    margin: 0 0 10px;
    padding: 0 0 0 15px
}

.copyright {
    margin: 3px 0 0;
    color: rgba(255, 255, 255, .7);
    line-height: 140%;
    font-size: .688em
}

.copyright a {
    border-bottom: 1px solid;
    color: inherit
}

@media only screen and (min-width:992px) {
    .copyright {
        float: right;
        margin: 0;
        font-size: .725em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .copyright a {
        transition: .2s 0s
    }
    .copyright a:focus,
    .copyright a:hover {
        color: #fff
    }
}

.modal {
    padding-right: 0!important
}

.modal iframe {
    width: 100%;
    height: 100vh
}

.modal__content {
    position: relative;
    margin: 0 auto;
    padding: 20px 15px;
    max-width: 800px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    pointer-events: all
}

@media only screen and (min-width:992px) {
    .modal__content {
        padding: 50px
    }
}

.modal__content--no-padding {
    padding: 0
}

.modal__content--max-600 {
    max-width: 600px
}

.modal__content--max-800 {
    max-width: 800px
}

.modal__content--max-1000 {
    max-width: 1000px
}

.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: inherit
}

@media only screen and (min-width:992px) {
    .modal__close {
        top: 20px;
        right: 20px
    }
}

.modal-open {
    padding-right: 0!important
}

.modal-dialog {
    padding: 30px 10px;
    width: auto
}

.modal-backdrop {
    background: #010b13
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    background-color: #bbb;
    opacity: .9
}

#video-modal .modal__close {
    top: 20px;
    right: 20px;
    color: #fff
}

.valign-center {
    display: table;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.valign-center__helper {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none
}

.website-alerts {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999
}

.website-alerts.affix,
.website-alerts.affix-bottom {
    position: fixed;
    top: 0
}

@media only screen and (min-width:992px) {
    .website-alerts.affix,
    .website-alerts.affix-bottom {
        top: 0!important
    }
    .website-alerts__close {
        transition: .2s 0s
    }
    .website-alerts__close:focus,
    .website-alerts__close:hover {
        opacity: .6
    }
}

.website-alerts__alert {
    position: relative;
    display: none;
    background: #76b180;
    color: #fff;
    text-align: center
}

.website-alerts__alert .container {
    position: relative
}

.website-alerts__alert--error {
    background: #a40000
}

.website-alerts__close {
    position: absolute;
    top: 22px;
    right: 15px;
    color: #fff;
    font-size: 1em;
    cursor: pointer
}

.website-alerts__message {
    padding: 15px 40px 15px 15px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

#ForgotPassword,
.cartitem-extra-info {
    font-size: .875em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .website-alerts__message {
        padding: 20px 30px
    }
}

.website-alerts__link {
    border-bottom: 1px solid inherit;
    color: inherit
}

.development-alert {
    margin-bottom: 10px;
    background: #f0f0f0;
    padding: 8px
}

@media only screen and (min-width:992px) {
    .development-alert {
        padding: 10px 12px
    }
}

.development-alert--warning {
    background: #ef6c00;
    color: #fff
}

.development-alert--info {
    background: #1e88e5;
    color: #fff
}

.development-alert--danger {
    background: #e53935;
    color: #fff
}

.development-alert--success {
    background: #689f38;
    color: #fff
}

.development-alert .text-box {
    font-size: .875em
}

.login-area input,
.login-area select,
.login-area textarea {
    color: #000
}

.login-area .field__checkbox,
.login-area input[type="checkbox"] {
    padding-top: 10px;
    padding-bottom: 10px
}

.login-area .message {
    margin: 0 0 12.5px;
    font-size: .875em
}

.login-area .message.bad {
    color: #c62828
}

#ForgotPassword {
    float: right;
    margin: 15px 0 0
}

#ForgotPassword a {
    color: inherit
}

.cartitem-indent--lv1 {
    padding-left: 10px
}

.cartitem-extra-info {
    color: #606060;
    line-height: 130%;
    padding: 3px 0 3px 10px;
    border-left: 2px solid #eee;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 9px;
    text-align: left
}

@media only screen and (min-width:992px) {
    .cartitem-extra-info {
        margin-top: 0;
        margin-bottom: 0
    }
}

.cartitem-extra-info .row {
    margin-bottom: 7px
}

.cartitem-extra-info .row:last-child {
    margin-bottom: 0
}

.cartitem-extra-info .row>[class^="col-xs"]:first-child {
    text-align: left
}

.cartitem-extra-info .row>[class^="col-xs"]:last-child {
    text-align: right;
    font-weight: 700
}

.table-responsive {
    overflow-x: auto
}

.lazyload {
    opacity: 0
}

.lazyloading {
    opacity: 1;
    transition: .3s opacity
}

.api-doc h2 {
    margin: 30px 0 10px
}

.api-doc p {
    font-size: 1.025em
}

.api-doc pre {
    background: #eee;
    padding: 20px;
    margin: 0 0 30px;
    color: #666;
    font-size: .85em;
    line-height: 160%
}

.api-sidebar .heading {
    text-transform: uppercase
}

.api-sidebar ul {
    margin: 0 0 0 20px
}

.api-sidebar ul li {
    font-size: .7em;
    text-transform: uppercase;
    margin: 0 0 20px
}

.api-sidebar ul a {
    color: #666
}

.api-sidebar ul a.current {
    color: #000;
    font-weight: 700
}

.api-sidebar ul ul {
    margin: 10px 0 0 15px
}

.api-sidebar ul ul li {
    font-size: .85em;
    letter-spacing: .05em
}

.api-sidebar ul li.section {
    padding: 0!important
}

.order-confirm-message h2 {
    margin: 0 0 10px
}

.order-status td {
    border: 0;
    padding: 0 10px 23px 0;
    font-size: .7em;
    text-transform: uppercase
}

.order-status td:first-child {
    min-width: 130px
}

#summary {
    width: 100%;
    margin-bottom: 50px
}

#summary td,
#summary th {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
    font-size: .85em
}

#billing h5 {
    font-size: .85em;
    letter-spacing: .05em;
    margin: 0 0 15px
}

#billing p {
    font-size: .95em
}

#billing td,
#billing th {
    padding: 15px
}

.table {
    display: table;
    border-collapse: separate
}

.table-row {
    position: relative;
    display: table-row
}

.table .col {
    display: table-cell
}

.table .col.sidebar {
    width: 300px
}

.modal.modal-fullscreen {
    overflow-x: hidden;
    overflow-y: hidden
}

.modal.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.modal.modal-fullscreen .modal__content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    max-width: 100%;
    padding: 0
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.contact-list {
    margin: 30px 0 0
}

@media only screen and (max-width:991px) {
    .contact-list {
        text-align: center;
        margin: 30px 10px 0
    }
    .contact-list .row .item {
        float: none;
        margin: auto
    }
    .contact-list .section {
        padding: 0
    }
}

.contact-list:first-child {
    margin-top: 0
}

.contact-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    margin: 0 0 30px;
    color: inherit
}

@media only screen and (max-width:991px) {
    .contact-list__item {
        margin: 0 auto 30px;
        display: inline-block
    }
}

@media only screen and (max-width:1199px) {
    .contact-list__item .products-list__item {
        display: inline-block
    }
}

.contact-list__item .photo__image {
    height: 400px;
    width: 350px
}

.contact-list__item .photo__image-mobile {
    display: none
}

@media only screen and (max-width:767px) {
    .contact-list__item .photo__image {
        display: none
    }
    .contact-list__item .photo__image-mobile {
        display: block;
        height: auto
    }
}

.contact-list__heading {
    margin: 10px 0 0;
    text-transform: uppercase;
    line-height: 160%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

@media only screen and (min-width:992px) {
    .contact-list__heading {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.contact-list__button,
.contact-list__subheading {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    letter-spacing: .05em;
    opacity: .7;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg;
    text-transform: uppercase
}

.contact-list__subheading {
    font-size: .75em
}

.contact-list__button {
    font-size: .625em
}

.contact-list__button--uppercase {
    text-transform: uppercase
}

.contact-list__button--line-height {
    line-height: 130%
}

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

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bLg;
    src: url(../fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.eot);
    src: url(../fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.woff2) format("woff2"), url(../fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.woff) format("woff"), url(../fonts/berthold_akzidenz_grotesk_be_li_regular-webfont.svg#berthold_akzidenz_grotesk_bRg) format("svg")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bMd;
    src: url(../fonts/berthold_akzidenz_grotesk_be_medium-webfont.eot);
    src: url(../fonts/berthold_akzidenz_grotesk_be_medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff2) format("woff2"), url(../fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff) format("woff"), url(../fonts/berthold_akzidenz_grotesk_be_medium-webfont.svg#berthold_akzidenz_grotesk_bMd) format("svg")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: berthold_akzidenz_grotesk_bRg;
    src: url(../fonts/berthold_akzidenz_grotesk_be_regular-webfont.eot);
    src: url(../fonts/berthold_akzidenz_grotesk_be_regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff2) format("woff2"), url(../fonts/berthold_akzidenz_grotesk_be_regular-webfont.woff) format("woff"), url(../fonts/berthold_akzidenz_grotesk_be_regular-webfont.svg#berthold_akzidenz_grotesk_bRg) format("svg")
}

.pswp__container,
.pswp__counter,
.pswp__img,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__caption--fake {
    visibility: hidden
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__img--placeholder,
.pswp__share-modal,
.pswp__share-tooltip,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__container,
.pswp__img,
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.pswp,
html {
    -webkit-text-size-adjust: 100%
}

.pswp__container,
.pswp__img,
.slick-slider,
html {
    -webkit-tap-highlight-color: transparent
}

.modal,
.modal-content,
.pswp,
.pswp__button:active,
.slick-list:focus,
a:active,
a:hover {
    outline: 0
}

.text-box,
button,
select {
    text-transform: none
}

.package-breakdown,
table {
    border-collapse: collapse
}

.brochures__title,
.clearfix,
.clearfix:after,
.container-fluid:after,
.container:after,
.fullscreen-menu,
.modal-footer:after,
.row:after,
.slick-track:after {
    clear: both
}

.blog-list,
.breadcrumbs__list,
.downloads__list,
.footer-menu,
.footer-second-menu,
.footer-submenu,
.fullscreen-menu,
.header-menu,
.nav,
.pagination,
.rooms__list,
.select-box__list,
.side-menu,
.sidebar__list,
.text-box ol,
.text-box ul,
nav ul {
    list-style: none
}

.pswp__button {
    position: relative;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp,
.pswp__item,
.pswp__scroll-wrap,
.slick-list,
svg:not(:root) {
    overflow: hidden
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/js/plugins/photoswipe/default-skin/xdefault-skin.png.pagespeed.ic.Kokvi3zuE4.webp) no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../js/plugins/photoswipe/default-skin/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

.pswp__caption--empty,
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__counter,
.pswp__preloader {
    height: 44px;
    top: 0;
    position: absolute
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    left: 0;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__ui {
    visibility: visible
}

.pswp__preloader {
    width: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/js/plugins/photoswipe/default-skin/preloader.gif) no-repeat
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.invisible,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

.pswp {
    display: none;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500
}

.pswp--open,
.slick-list,
.slick-slider,
.slick-track {
    display: block
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    will-change: opacity
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    user-select: none
}

.blinds__list-item,
.builder__list-item {
    -moz-user-select: none;
    -webkit-user-select: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder--blank {
    background: #222
}

.img-thumbnail,
body {
    background-color: #fff
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.slick-list,
.slick-slider,
.slick-track,
sub,
sup {
    position: relative
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.nav>li>a:focus,
.nav>li>a:hover,
a,
ins {
    text-decoration: none
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

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

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden,
[hidden],
template {
    display: none
}

[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-remove:before {
    content: "\e914"
}

.icon-quotation-done:before {
    content: "\e911"
}

.icon-consultant:before {
    content: "\e912"
}

.icon-quotation:before {
    content: "\e913"
}

.icon-plus:before {
    content: "\e910"
}

.icon-bedroom:before {
    content: "\e90d"
}

.icon-livingroom:before {
    content: "\e90e"
}

.icon-kitchen:before {
    content: "\e90f"
}

.icon-download:before {
    content: "\e90c"
}

.icon-caret-bold:before {
    content: "\e90b"
}

.icon-check:before {
    content: "\e90a"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.img-responsive,
.img-thumbnail {
    width: 100% \9;
    max-width: 100%;
    height: auto
}

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

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

sub,
sup {
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 20px;
    margin-bottom: 20px
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

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

button {
    overflow: visible
}

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

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

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

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

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

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

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

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.img-thumbnail,
.modal-title,
.nav-tabs>li>a {
    line-height: 1.428571429
}

a {
    color: #428bca
}

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

figure {
    margin: 0
}

.img-responsive {
    display: block
}

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

.img-thumbnail {
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block
}

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

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

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

.collapsing,
.embed-responsive,
.modal,
.modal-open {
    overflow: hidden
}

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

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

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

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

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

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

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

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

.col-xs-4 {
   width: 100% !important;
}

.col-xs-5 {
  width: 91%;
      margin-left: 16px;
    
}

.col-xs-6 {
    width: 100%;
}

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

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

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

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

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

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

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

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

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

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

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

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

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

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

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

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

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

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

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

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

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

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

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

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

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

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

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

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

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

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}
@media (max-width:768px) {	
	.development-steps__submit {
    padding: 0;
    line-height: 70px;
    /* width: 50%; */
    /* bottom: -71px; */
     position: inherit !important;
    bottom: 0px !important;
}
	}
@media (min-width:768px) {


    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.3333333333%
    }
    .col-sm-2 {
        width: 16.6666666667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.3333333333%
    }
    .col-sm-5 {
        width: 41.6666666667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.3333333333%
    }
    .col-sm-8 {
        width: 66.6666666667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.3333333333%
    }
    .col-sm-11 {
        width: 91.6666666667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.3333333333%
    }
    .col-sm-pull-2 {
        right: 16.6666666667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.3333333333%
    }
    .col-sm-pull-5 {
        right: 41.6666666667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.3333333333%
    }
    .col-sm-pull-8 {
        right: 66.6666666667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.3333333333%
    }
    .col-sm-pull-11 {
        right: 91.6666666667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.3333333333%
    }
    .col-sm-push-2 {
        left: 16.6666666667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.3333333333%
    }
    .col-sm-push-5 {
        left: 41.6666666667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.3333333333%
    }
    .col-sm-push-8 {
        left: 66.6666666667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.3333333333%
    }
    .col-sm-push-11 {
        left: 91.6666666667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.3333333333%
    }
    .col-md-2 {
        width: 16.6666666667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.3333333333%
    }
    .col-md-5 {
        width: 41.6666666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.3333333333%
    }
    .col-md-8 {
        width: 66.6666666667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.3333333333%
    }
    .col-md-11 {
        width: 91.6666666667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.3333333333%
    }
    .col-md-pull-2 {
        right: 16.6666666667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.3333333333%
    }
    .col-md-pull-5 {
        right: 41.6666666667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.3333333333%
    }
    .col-md-pull-8 {
        right: 66.6666666667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.3333333333%
    }
    .col-md-pull-11 {
        right: 91.6666666667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.3333333333%
    }
    .col-md-push-2 {
        left: 16.6666666667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.3333333333%
    }
    .col-md-push-5 {
        left: 41.6666666667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.3333333333%
    }
    .col-md-push-8 {
        left: 66.6666666667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.3333333333%
    }
    .col-md-push-11 {
        left: 91.6666666667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.3333333333%
    }
    .col-lg-2 {
        width: 16.6666666667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.3333333333%
    }
    .col-lg-5 {
        width: 41.6666666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.3333333333%
    }
    .col-lg-8 {
        width: 66.6666666667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.3333333333%
    }
    .col-lg-11 {
        width: 91.6666666667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.3333333333%
    }
    .col-lg-pull-2 {
        right: 16.6666666667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.3333333333%
    }
    .col-lg-pull-5 {
        right: 41.6666666667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.3333333333%
    }
    .col-lg-pull-8 {
        right: 66.6666666667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.3333333333%
    }
    .col-lg-pull-11 {
        right: 91.6666666667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.3333333333%
    }
    .col-lg-push-2 {
        left: 16.6666666667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.3333333333%
    }
    .col-lg-push-5 {
        left: 41.6666666667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.3333333333%
    }
    .col-lg-push-8 {
        left: 66.6666666667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.3333333333%
    }
    .col-lg-push-11 {
        left: 91.6666666667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1600px) {
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }
    .col-xl-1 {
        width: 8.3333333333%
    }
    .col-xl-2 {
        width: 16.6666666667%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.3333333333%
    }
    .col-xl-5 {
        width: 41.6666666667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.3333333333%
    }
    .col-xl-8 {
        width: 66.6666666667%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.3333333333%
    }
    .col-xl-11 {
        width: 91.6666666667%
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-pull-1 {
        right: 8.3333333333%
    }
    .col-xl-pull-2 {
        right: 16.6666666667%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-4 {
        right: 33.3333333333%
    }
    .col-xl-pull-5 {
        right: 41.6666666667%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-7 {
        right: 58.3333333333%
    }
    .col-xl-pull-8 {
        right: 66.6666666667%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-10 {
        right: 83.3333333333%
    }
    .col-xl-pull-11 {
        right: 91.6666666667%
    }
    .col-xl-pull-12 {
        right: 100%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-push-1 {
        left: 8.3333333333%
    }
    .col-xl-push-2 {
        left: 16.6666666667%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-4 {
        left: 33.3333333333%
    }
    .col-xl-push-5 {
        left: 41.6666666667%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-7 {
        left: 58.3333333333%
    }
    .col-xl-push-8 {
        left: 66.6666666667%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-10 {
        left: 83.3333333333%
    }
    .col-xl-push-11 {
        left: 91.6666666667%
    }
    .col-xl-push-12 {
        left: 100%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }
    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }
    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }
    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }
    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

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

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

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

.nav:after {
    clear: both
}

.nav>li>a {
    padding: 10px 15px
}

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

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

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

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #428bca
}

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

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

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

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

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

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

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

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

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

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

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

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

.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

a,
hr {
    padding: 0
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.field__holder,
.overflow,
.photo--zoom,
body.menu-active,
body.sidebar-active {
    overflow: hidden
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

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

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

.hidden {
    visibility: hidden!important
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#wrapper,
.vmiddle {
    position: relative
}

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

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1600px) {
    .visible-xl {
        display: block!important
    }
    table.visible-xl {
        display: table
    }
    tr.visible-xl {
        display: table-row!important
    }
    td.visible-xl,
    th.visible-xl {
        display: table-cell!important
    }
    .visible-xl-block {
        display: block!important
    }
    .visible-xl-inline {
        display: inline!important
    }
    .visible-xl-inline-block {
        display: inline-block!important
    }
    .hidden-xl {
        display: none!important
    }
}

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

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

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

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

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

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

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

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

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

.visible-print-inline-block {
    display: none!important
}

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

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

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1;
    background: #fff;
    color: #000
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

.body-backdrop,
.button-link--under:before {
    content: ''
}

a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

.info-link,
.underline {
    text-decoration: underline
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-spacing: 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle;
    -webkit-border-radius: 0;
    border-radius: 0!important;
    box-shadow: none
}

body,
html {
    height: 100%
}

#wrapper {
    margin: 0 auto;
    min-height: 100%
}

.vmiddle {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.tx-left {
    text-align: left
}

.tx-center {
    text-align: center
}

.tx-right {
    text-align: right
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

* {
    outline: 0!important
}

video {
    background: #101010
}

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

@media only screen and (min-width:1200px) {
    .container {
        width: 1200px
    }
}

@media only screen and (min-width:1600px) {
    .container {
        width: 1400px
    }
    .col-xl-5ths {
        float: left;
        width: 20%
    }
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px
}

.col-xs-5ths {
    float: left;
    width: 20%
}

.row-xs-eqheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:992px) {
    .col-md-5ths,
    .col-sm-5ths {
        float: left;
        width: 20%
    }
    .row-md-eqheight,
    .row-sm-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1200px) {
    .col-lg-5ths {
        float: left;
        width: 20%
    }
    .row-lg-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1600px) {
    .row-xl-eqheight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .row-xl-default,
    .row-xl-default>div[class*="col-"] {
        display: initial
    }
}

.row-xs-default,
.row-xs-default>div[class*="col-"] {
    display: initial
}

@media only screen and (min-width:992px) {
    .row-md-default,
    .row-md-default>div[class*="col-"],
    .row-sm-default,
    .row-sm-default>div[class*="col-"] {
        display: initial
    }
}

@media only screen and (min-width:1200px) {
    .row-lg-default,
    .row-lg-default>div[class*="col-"] {
        display: initial
    }
}

.no-padding {
    margin: 0
}

.no-padding>div[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.row--small {
    margin: 0 -5px
}

.row--small>div[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.row--margin-bottom {
    margin-bottom: -15px
}

.row--margin-bottom>div[class*="col-"] {
    margin-bottom: 15px
}

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

.padding-15>div[class*="col-"] {
    padding-right: 7px;
    padding-left: 7px
}

.vcenter>div[class*="col-"] {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.vbottom>div[class*="col-"] {
    display: inline-block;
    float: none;
    vertical-align: bottom
}

.icon--invert {
    display: inline-block;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body.submenu-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.sidebar-active .sidebar {
    left: 0
}

body.sidebar-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.menu-active .body-backdrop {
    top: 0;
    opacity: .5;
    transition: .3s 0s opacity
}

body.menu-active .toggle-menu {
    left: -15px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body.menu-active .toggle-menu__lines {
    background: 0 0
}

body.menu-active .toggle-menu__lines::after,
body.menu-active .toggle-menu__lines::before {
    transition-delay: 0s, .1s
}

body.menu-active .toggle-menu__lines:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.menu-active .toggle-menu__lines:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body.menu-active .fullscreen-menu__item {
    top: 0;
    opacity: 1;
    transition: .3s 0s
}

body.menu-active .fullscreen-menu__item:nth-child(1) {
    transition-delay: 0s
}

body.menu-active .fullscreen-menu__item:nth-child(2) {
    transition-delay: .1s
}

body.menu-active .fullscreen-menu__item:nth-child(3) {
    transition-delay: .2s
}

body.menu-active .fullscreen-menu__item:nth-child(4) {
    transition-delay: .3s
}

body.menu-active .fullscreen-menu__item:nth-child(5) {
    transition-delay: .4s
}

body.menu-active .fullscreen-menu__item:nth-child(6) {
    transition-delay: .5s
}

body.menu-active .fullscreen-menu__item:nth-child(7) {
    transition-delay: .6s
}

body.menu-active .fullscreen-menu__item:nth-child(8) {
    transition-delay: .7s
}

body.menu-active .fullscreen-menu-nav {
    left: 0;
    opacity: 1;
    transition: .3s 0s opacity
}

.body-backdrop {
    position: fixed;
    top: -100%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: .3s 0s opacity, 0s .3s top
}

.text-box img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

@media only screen and (min-width:992px) {
    .text-box img {
        padding: 10px 0 20px
    }
}

.text-box p {
    padding: 0 0 20px
}

.text-box p:last-child {
    padding: 0
}

.text-box p strong {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.text-box ol,
.text-box ul {
    padding: 0 0 25px;
    color: #5b5b5b;
    text-align: left
}

.text-box ol li,
.text-box ul li {
    padding: 0 0 5px
}

.text-box ol,
.text-box ul li {
    padding-left: 15px
}

.text-box li,
.text-box p {
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .text-box li,
    .text-box p {
        line-height: 180%;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .text-box a {
        transition: .2s 0s
    }
    .text-box a:focus,
    .text-box a:hover {
        opacity: .6
    }
}

.text-box a {
    border-bottom: 1px solid;
    color: inherit;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.text-box--center {
    text-align: center
}

.text-box--center ul {
    text-align: inherit
}

.button,
.button-box--center,
.captionImage .caption.center,
.heading-box--center {
    text-align: center
}

.text-box--center ul li {
    padding: 0
}

.text-box--important li,
.text-box--important p {
    line-height: 160%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .text-box--important {
        margin: 0 0 20px
    }
    .text-box--important li,
    .text-box--important p {
        font-size: 1.625em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.text-box--important p:last-child {
    padding: 0 0 20px
}

.text-box--grey p,
.text-box--grey ul {
    color: #000000;
}

.text-box--grey p strong,
.text-box--grey ul strong {
    color: #000
}

.text-box--white .heading,
.text-box--white p {
    color: #fff
}

.text-box--white .heading strong,
.text-box--white p strong {
    color: inherit
}

.text-box--margin-bottom {
    margin-bottom: 20px
}

.language {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #777;
    white-space: nowrap;
    line-height: 20px
}

@media only screen and (max-width:991px) {
    .language {
        margin: 0 0 0 -40px
    }
}

@media only screen and (min-width:992px) {
    .language {
        line-height: 30px
    }
}

.heading--lv1,
.heading--lv2 {
    line-height: 120%;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.language__option {
    margin: 0 5px;
    color: #fff;
    font-size: .825em
}

.heading {
    margin: 0 0 30px
}

.heading--lv1 {
    font-size: 1.875em
}

@media only screen and (min-width:1200px) {
    .heading--lv1 {
        font-size: 2.875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.heading--lv1:last-child {
    margin-bottom: 0
}

.heading--lv2 {
    margin: 0 0 20px;
    font-size: 1.5em
}

@media only screen and (min-width:1200px) {
    .heading--lv2 {
        margin: 0 0 35px;
        line-height: 125%;
        font-size: 2em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.heading--lv3 {
    margin: 0 0 20px;
    line-height: 120%;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:1200px) {
    .heading--lv3 {
        margin: 0 0 25px;
        line-height: 140%;
        font-size: 1.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.api-doc h2,
.heading--lv4,
.heading--lv5 {
    margin: 0 0 20px;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.api-doc h2,
.heading--lv4 {
    line-height: 120%;
    font-size: .875em
}

@media only screen and (min-width:1200px) {
    .api-doc h2,
    .heading--lv4 {
        line-height: 140%;
        font-size: 1em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.heading--lv5,
.subheading--lv1,
.subheading--lv2 {
    line-height: 120%;
    text-transform: uppercase
}

.heading--lv5 {
    letter-spacing: .05em;
    font-size: .875em
}

.heading-box--line .button-link,
.subheading--lv1 {
    font-family: berthold_akzidenz_grotesk_bRg;
    font-weight: 400
}

.heading--uppercase {
    text-transform: uppercase
}

.heading--no-padding {
    margin-bottom: 0;
    padding-bottom: 0
}

.heading-box--line {
    margin: 0 0 30px;
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:992px) {
    .heading-box--line {
        margin: 0 0 50px
    }
}

.heading-box--line .heading {
    margin-bottom: 15px
}

.heading-box--line .button-link {
    float: right;
    margin: 2px 0 0 20px;
    letter-spacing: .05em;
    font-size: .688em
}

@media only screen and (min-width:992px) {
    .heading-box--line .button-link {
        margin: 5px 0 0 20px
    }
}

.subheading--lv1 {
    margin: 0 0 5px;
    color: #999;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .subheading--lv1 {
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.subheading--lv2 {
    margin: 0 0 10px;
    letter-spacing: .1em;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.subheading--uppercase {
    text-transform: uppercase
}

.photo {
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .photo {
        max-width: 480px
    }
}

@media only screen and (min-width:992px) {
    .photo {
        margin: 0 auto;
        max-width: 600px
    }
    .photo--zoom:focus .photo__image,
    .photo--zoom:hover .photo__image {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    .photo--zoom .photo__image {
        transition: .2s 0s
    }
}

@media only screen and (min-width:1200px) {
    .photo {
        margin: 0 auto;
        max-width: none
    }
}

.photo--shadow {
    box-shadow: 6px 6px 13px rgba(0, 0, 0, .3)
}

.photo__bg {
    display: block;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

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

.photo__caption,
.photo__link {
    display: block;
    color: inherit
}

.captionImage {
    margin: 0 0 30px;
    max-width: 100%
}

.captionImage.center {
    margin: 0 auto 30px
}

.captionImage .caption {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (max-width:991px) {
    .captionImage .caption {
        padding: 10px 0 0!important
    }
}

.pswp__caption {
    padding: 10px 0;
    color: #fff
}

.pswp__caption__center {
    max-width: 600px
}

.pswp__caption-title {
    margin: 0 0 20px
}

@media only screen and (min-width:992px) {
    .pswp__caption-title {
        margin: 0 0 10px
    }
}

.pswp__caption-heading {
    margin: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.button,
.button-link {
    line-height: 140%;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .pswp__caption-heading {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.pswp__caption-description {
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .pswp__caption-description {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.pswp__iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.pswp__iframe iframe {
    display: block;
    margin: auto
}

.gallery-share {
    position: fixed;
    top: 45%;
    left: 50%;
    max-width: 90%;
    z-index: 1500;
    display: none;
    padding: 20px;
    background: #fafafa;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.gallery-share__input {
    padding: 0 10px;
    max-width: 100%;
    width: 520px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-family: arial
}

.back-button,
.button,
.button-link,
.button-link--small,
.site-logo {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

.vspace {
    display: block;
    float: left;
    width: 100%;
    height: 40px
}

.button {
    display: block;
    padding: 15px 10px;
    border: none;
    background: #000;
    color: #fff;
    letter-spacing: .05em;
    letter-spacing: .1em;
    font-size: .875em
}

@media only screen and (min-width:992px) {
    .button {
        display: inline-block;
        transition: .2s 0s
    }
    .button:focus,
    .button:hover {
        background: #404040
    }
    .button--disabled:focus,
    .button--disabled:hover {
        opacity: .3
    }
}

@media only screen and (min-width:1200px) {
    .button {
           padding: 11px 50px;
    }
}

.button--outline {
    padding: 0;
    background: #fff;
    color: #000
}

.button--outline:focus,
.button--outline:hover {
    background: #fff;
    color: #555
}

@media only screen and (min-width:1200px) {
    .button--small {
        padding: 10px 20px
    }
}

.button--block {
    display: block;
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.button--disabled {
    opacity: .3;
    cursor: default
}

.button-box {
    margin: 20px 0 0
}

@media only screen and (min-width:992px) {
    .button-box {
        margin: 40px 0 0
    }
}

.button-box--right {
    text-align: right
}

.button-box .button {
    margin-bottom: 10px
}

@media only screen and (min-width:992px) {
    .button-box .button {
        margin-bottom: 0
    }
    .button-box .button:not(:last-child) {
        margin-right: 25px
    }
    .button-link {
        opacity: .8;
        transition: .2s 0s
    }
    .button-link:focus,
    .button-link:hover {
        opacity: 1
    }
}

.button-box--inline .button {
    display: inline-block;
    margin-bottom: 10px
}

.button-box--inline .button:not(:last-child) {
    margin-right: 10px
}

.button-link {
    position: relative;
    z-index: 1;
    color: inherit;
    letter-spacing: .1em;
    font-size: .75em
}

.button-link--red {
    color: #c3483d
}

.button-link--uppercase {
    text-transform: uppercase
}

.button-link--under:before {
    float: left;
    margin: 9px 10px 0 0;
    width: 15px;
    border-bottom: 1px solid
}

.button-link--small {
    font-size: .625em
}

.back-button {
    display: block;
    margin: -10px 0 50px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .813em
}

.site-logo {
    display: block;
    margin: 0 auto;
    max-width: 160px;
    color: #fff;
    text-align: center;
    font-size: .5em
}

@media only screen and (min-width:992px) {
    .site-logo {
        margin: 0;
        max-width: 210px;
        font-size: .688em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.site-logo__img {
    display: block;
    width: 100%
}

.site-tagline {
    opacity: .8;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.social-media {
    display: inline-block;
    margin: 0 0 0 20px;
    text-align: center
}

.social-media__link {
    display: inline-block;
    margin: 0;
    color: inherit;
    vertical-align: middle;
    font-size: 1.875em
}

.social-media__link--square {
    border-radius: 4px
}

.social-media__link--light {
    background: #fff;
    color: #131313
}

.field {
    position: relative;
    display: block;
margin: 0 0 0px;
    padding: 0 0px;
    border: 1px solid #d0d4d7;
    background: #fbfbfb;
    transition: .2s 0s
}

@media only screen and (min-width:992px) {
    .social-media__link {
        transition: .2s 0s
    }
    .social-media__link:focus,
    .social-media__link:hover {
        opacity: 1
    }
    .field {
        margin: 0 0 20px
    }
}

.field[data-label]:before {
    position: relative;
    top: 20px;
    content: attr(data-label);
    opacity: 0;
    transition: .2s 0s
}

.field[data-label] .field__input,
.field[data-label] .field__upload .field__value,
.field[data-label] .login-area input,
.field[data-label] .login-area select,
.field[data-label] .login-area textarea,
.field__upload .field[data-label] .field__value,
.login-area .field[data-label] input,
.login-area .field[data-label] select,
.login-area .field[data-label] textarea {
    position: relative;
    z-index: 1;
    opacity: 0
}

.field[data-label] .field[data-label]:before,
.field[data-label] .field__text {
    position: absolute;
    top: 16px;
    left: 10px;
    text-transform: none;
    letter-spacing: normal;
    letter-spacing: .05em;
    transition: .2s 0s;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field--filled[data-label],
.field--focus[data-label] {
    border-color: #b7b7b7
}

.field--filled[data-label]:before,
.field--focus[data-label]:before {
    top: 0;
    opacity: 1;
    transition-delay: .1s
}

.field--filled[data-label] .field[data-label]:before,
.field--filled[data-label] .field__text,
.field--focus[data-label] .field[data-label]:before,
.field--focus[data-label] .field__text {
    opacity: 0;
    transition-delay: 0s
}

.field--filled[data-label] .field__input,
.field--filled[data-label] .field__upload .field__value,
.field--filled[data-label] .login-area input,
.field--filled[data-label] .login-area select,
.field--filled[data-label] .login-area textarea,
.field--focus[data-label] .field__input,
.field--focus[data-label] .field__upload .field__value,
.field--focus[data-label] .login-area input,
.field--focus[data-label] .login-area select,
.field--focus[data-label] .login-area textarea,
.field__upload .field--filled[data-label] .field__value,
.field__upload .field--focus[data-label] .field__value,
.login-area .field--filled[data-label] input,
.login-area .field--filled[data-label] select,
.login-area .field--filled[data-label] textarea,
.login-area .field--focus[data-label] input,
.login-area .field--focus[data-label] select,
.login-area .field--focus[data-label] textarea {
    opacity: 1
}

.field--alert {
    margin-bottom: 40px
}

.field--alert .field {
    border-color: #a40000
}

.field--alert .field-text,
.field--alert:before {
    color: inherit
}

.field--focused {
    border-color: #000
}

.field--disabled {
    background: #333
}

.field--disabled .field {
    color: #333
}

.field__input,
.field__upload .field__value,
.login-area input,
.login-area select,
.login-area textarea {
    box-sizing: border-box!important;
    width: 100%;
    height: 40px;
    border: none;
    background: 0 0;
    box-shadow: none;
    color: inherit;
    letter-spacing: .05em;
    line-height: 40px;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg;
    transition: .2s 0s
}

.field__input::-webkit-input-placeholder,
.field__upload .field__value::-webkit-input-placeholder,
.login-area input::-webkit-input-placeholder,
.login-area select::-webkit-input-placeholder,
.login-area textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

.field[data-label]:before,
.field__text {
    display: block;
    padding: 6px 0 0;
    color: #333;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field[data-label]:before a,
.field__text a {
    color: inherit
}

.field__file {
    padding-bottom: 25px
}

.field__upload {
    position: relative;
    display: block;
    margin: 45px 0 0;
    min-height: 50px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .field__upload:after {
        position: absolute;
        right: 10px;
        bottom: 15px;
        padding: 15px 40px;
        background-color: #dd4b3e;
        color: #fff;
        content: 'Browse';
        text-transform: uppercase;
        letter-spacing: .05em;
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.field__upload .field__input,
.field__upload .field__value,
.field__upload .login-area input,
.field__upload .login-area select,
.field__upload .login-area textarea,
.login-area .field__upload input,
.login-area .field__upload select,
.login-area .field__upload textarea {
    opacity: 0
}

.field__upload .field__value {
    position: absolute;
    right: 85px;
    bottom: 0;
    left: 10px;
    width: auto;
    opacity: 1
}

.field__textarea .field__input,
.field__textarea .field__upload .field__value,
.field__textarea .login-area input,
.field__textarea .login-area select,
.field__textarea .login-area textarea,
.field__upload .field__textarea .field__value,
.field__upload .login-area textarea .field__value,
.login-area .field__textarea input,
.login-area .field__textarea select,
.login-area .field__textarea textarea,
.login-area textarea .field__input,
.login-area textarea .field__upload .field__value,
.login-area textarea input,
.login-area textarea select,
.login-area textarea textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px;
    max-height: 340px;
    height: 274px;
    line-height: 140%;
    resize: vertical;
    transition: none
}

.field__select:after,
.login-area select:after {
    position: absolute;
    right: 15px;
    bottom: 25px;
    content: '\e90b';
    font-size: 12px;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.field__select .field__input,
.field__select .field__upload .field__value,
.field__select .login-area input,
.field__select .login-area select,
.field__select .login-area textarea,
.field__upload .field__select .field__value,
.field__upload .login-area select .field__value,
.login-area .field__select input,
.login-area .field__select select,
.login-area .field__select textarea,
.login-area select .field__input,
.login-area select .field__upload .field__value,
.login-area select input,
.login-area select select,
.login-area select textarea {
    position: relative;
    z-index: 1;
    display: block;
    padding-right: 25px;
    border-width: 0;
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.field__select .field__input::-ms-expand,
.field__select .field__upload .field__value::-ms-expand,
.field__select .login-area input::-ms-expand,
.field__select .login-area select::-ms-expand,
.field__select .login-area textarea::-ms-expand,
.field__upload .field__select .field__value::-ms-expand,
.field__upload .login-area select .field__value::-ms-expand,
.login-area .field__select input::-ms-expand,
.login-area .field__select select::-ms-expand,
.login-area .field__select textarea::-ms-expand,
.login-area select .field__input::-ms-expand,
.login-area select .field__upload .field__value::-ms-expand,
.login-area select input::-ms-expand,
.login-area select select::-ms-expand,
.login-area select textarea::-ms-expand {
    display: none
}

.field__select option,
.login-area select option {
    padding: 2px 15px
}

.field__checkbox,
.field__radio,
.login-area input[type="checkbox"],
.login-area input[type="radio"] {
    overflow: visible;
    padding: 4px 10px;
    border: none;
    background: 0 0;
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .field__checkbox,
    .field__radio,
    .login-area input[type="checkbox"],
    .login-area input[type="radio"] {
        margin-bottom: 20px
    }
}

.field__checkbox:before,
.field__radio:before,
.login-area input[type="checkbox"]:before,
.login-area input[type="radio"]:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #707070;
    background: #fff;
    content: '';
    text-align: center;
    font-size: .725em;
    font-family: icomoon;
    line-height: 23px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.field__checkbox.field--checked:before,
.field__radio.field--checked:before,
.login-area input.field--checked[type="checkbox"]:before,
.login-area input.field--checked[type="radio"]:before {
    content: '\e90a'
}

.field__checkbox.field--checked .field__value,
.field__radio.field--checked .field__value,
.login-area input.field--checked[type="checkbox"] .field__value,
.login-area input.field--checked[type="radio"] .field__value {
    opacity: 1
}

.field__checkbox .field__holder,
.field__radio .field__holder,
.login-area input[type="checkbox"] .field__holder,
.login-area input[type="radio"] .field__holder {
    display: block;
    margin: 5px 0 0
}

.field__checkbox .field[data-label]:before,
.field__checkbox .field__text,
.field__radio .field[data-label]:before,
.field__radio .field__text,
.login-area input[type="checkbox"] .field[data-label]:before,
.login-area input[type="checkbox"] .field__text,
.login-area input[type="radio"] .field[data-label]:before,
.login-area input[type="radio"] .field__text {
    margin: 0 0 10px
}

.field__checkbox .field__input,
.field__checkbox .field__upload .field__value,
.field__checkbox .login-area input,
.field__checkbox .login-area select,
.field__checkbox .login-area textarea,
.field__radio .field__input,
.field__radio .field__upload .field__value,
.field__radio .login-area input,
.field__radio .login-area select,
.field__radio .login-area textarea,
.field__upload .field__checkbox .field__value,
.field__upload .field__radio .field__value,
.field__upload .login-area input[type="checkbox"] .field__value,
.field__upload .login-area input[type="radio"] .field__value,
.login-area .field__checkbox input,
.login-area .field__checkbox select,
.login-area .field__checkbox textarea,
.login-area .field__radio input,
.login-area .field__radio select,
.login-area .field__radio textarea,
.login-area input[type="checkbox"] .field__input,
.login-area input[type="checkbox"] .field__upload .field__value,
.login-area input[type="checkbox"] input,
.login-area input[type="checkbox"] select,
.login-area input[type="checkbox"] textarea,
.login-area input[type="radio"] .field__input,
.login-area input[type="radio"] .field__upload .field__value,
.login-area input[type="radio"] input,
.login-area input[type="radio"] select,
.login-area input[type="radio"] textarea {
    position: relative;
    top: 1px;
    float: left;
    width: auto;
    height: auto;
    opacity: 0
}

.field__checkbox .field__value,
.field__radio .field__value,
.login-area input[type="checkbox"] .field__value,
.login-area input[type="radio"] .field__value {
    display: block;
    padding: 0 0 0 22px;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.field__checkbox .field__value a,
.field__radio .field__value a,
.login-area input[type="checkbox"] .field__value a,
.login-area input[type="radio"] .field__value a {
    border-bottom: 1px solid;
    color: inherit
}

.field__checkbox--inline,
.field__radio--inline {
    display: inline-block
}

.field__checkbox--small,
.field__radio--small {
    margin: 0 0 5px;
    padding: 2px
}

.field__checkbox--small:before,
.field__radio--small:before {
    width: 14px;
    height: 14px;
    font-size: .55em;
    line-height: 13px
}

.field__checkbox--fancy,
.field__radio--fancy {
    display: inline-block;
    padding: 15px 15px 15px 20px;
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, .3)
}

.field__checkbox--fancy:before,
.field__radio--fancy:before {
    left: 10px;
    border: none
}

.field__checkbox--dummy,
.field__radio--dummy {
    display: inline-block;
    padding: 15px;
    border: 1px solid #e1e1e1;
    background: rgba(255, 255, 255, .3)
}

.field__checkbox--dummy:before,
.field__radio--dummy:before {
    display: none
}

@media only screen and (min-width:992px) {
    .field__checkbox--fancy,
    .field__radio--fancy {
        padding: 15px
    }
    .field__checkbox--dummy:before,
    .field__checkbox--fancy:before,
    .field__radio--dummy:before,
    .field__radio--fancy:before {
        left: 5px
    }
}

.field__checkbox--dummy .field__value,
.field__radio--dummy .field__value {
    padding: 0
}

.field__alert {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
    padding: 5px 10px;
    background: #a40000;
    color: #fff;
    text-align: left;
    letter-spacing: .05em;
    line-height: 120%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.form__submit,
.header__login {
    text-align: center;
    text-transform: uppercase
}

.field__alert:before {
    position: absolute;
    top: -8px;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 8px;
    border-style: solid;
    border-color: transparent transparent #a40000;
    content: '';
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.form__submit,
.form__submit span {
    position: relative
}

@media only screen and (min-width:992px) {
    .field-lane {
        margin-right: 0;
        margin-left: -1px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .field-lane>* {
        margin-right: 0;
        margin-left: 1px;
        flex: 1
    }
    .field-options .field {
        display: inline-block
    }
}

.field-options {
    padding: 10px 0
}

.field-options .field {
    margin: 5px;
    padding: 0
}

.form__row {
     margin: 0px -6px;
}

.form__row>div[class*="col-"] {
    padding-right: 6px;
    padding-left: 6px
}

.form__step {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .form__step {
        margin: 0 0 50px
    }
}

.form__heading {
    margin: 0 0 20px
}

.form__submit {
    box-sizing: border-box;
    width: 100%
}

.form__submit--loading span {
    position: relative;
    padding-left: 30px
}

.form .message {
    margin: 0 0 12.5px;
    font-size: .875em
}

.form .message.bad {
    color: #c62828
}

.newsletter {
    margin: 10px 0 0;
    max-width: 270px
}

.newsletter .field {
    margin: 0 0 10px
}

.breadcrumbs__list {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

@media only screen and (min-width:992px) {
    .breadcrumbs__list {
        padding: 25px 0
    }
}

.breadcrumbs__item {
    float: left;
    font-size: .688em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (max-width:991px) {
    .breadcrumbs__item {
        padding: 5px 0
    }
}

.breadcrumbs__item:after {
    margin: 0 10px 0 7px;
    color: #999;
    content: '>';
    content: '\e90b';
    font-size: 8px;
    font-family: icomoon
}

.breadcrumbs__item:last-child:after {
    content: none
}

.banner__nav .slick-arrow:before,
.content-box--white:before,
.header-menu__link--facebook::before,
.index__bg:before,
.index__link:after,
.menu__submenu:before {
    content: ''
}

.breadcrumbs__link {
    color: #9d9d9d;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media only screen and (min-width:992px) {
    .breadcrumbs__link {
        transition: .2s 0s
    }
    .breadcrumbs__link:focus,
    .breadcrumbs__link:hover {
        color: #333
    }
}

.breadcrumbs__link--active {
    color: #333
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 15px 0;
    height: 55px;
    background: url(https://www.lovelight.com.au/themes/lovelight.com.au/img/xbg-header.jpg.pagespeed.ic.ccIeED55DR.webp) center center no-repeat #000;
    background-size: cover;
    color: #fff
}

@media only screen and (min-width:992px) {
    .header {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        padding: 50px 0 30px;
        height: auto;
        box-shadow: none
    }
    .header__site-logo {
        margin: 0 auto
    }
}

@media only screen and (max-width:991px) {
    .header__site-logo {
        margin: 0 auto;
        max-width: 120px;
        height: 35px;
        font-size: .438em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
}

.header__site-tagline {
    font-size: 1.575em;
    opacity: 1
}

.header__login {
    display: inline-block;
    margin: 0 0 0 20px;
    color: #fff;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .header__social-media--bottom {
        position: absolute;
        right: 15px;
        margin: 28px 0 0;
        text-align: right;
        white-space: nowrap
    }
}

.toggle-menu {
    position: relative;
    top: -15px;
    left: -15px;
    z-index: 100;
    display: block;
    width: 45px;
    height: 55px;
    color: #000;
    transition: .3s 0s left
}

@media only screen and (min-width:992px) {
    .toggle-menu {
        top: -5px;
        height: 50px
    }
}

.toggle-menu__lines {
    position: absolute;
    top: 45%;
    right: 10px;
    left: 10px;
    display: block;
    height: 2px;
    background: #fff;
    transition: background 0 .1s
}

.toggle-menu__lines:after,
.toggle-menu__lines:before {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: '';
    transition-delay: .1s, 0s;
    transition-duration: .1s, .1s
}

.toggle-menu__lines:before {
    top: -7px;
    transition-property: top, transform
}

.toggle-menu__lines:after {
    bottom: -7px;
    transition-property: bottom, transform
}

.menu {
    text-align: left
}

@media only screen and (min-width:992px) {
    .menu {
        top: -60px;
        display: inline-block;
        margin: 35px 0 0;
        color: #fff
    }
}

.menu.affix {
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #000;
    text-align: center;
    transition: .3s top
}

.menu.affix .menu__item {
    text-align: left
}

.add-more .icon,
.fullscreen-menu,
.index,
.menu-nav {
    text-align: center
}

.menu.affix .menu__item--sub.menu__item--active .menu__link::after {
    bottom: -10px
}

.menu.affix .menu__submenu {
    margin-top: 20px
}

.menu.affix-top .fixed-logo {
    display: none
}

.menu .fixed-logo {
    position: absolute;
    top: 18px;
    left: 15px
}

.menu .fixed-logo__link {
    max-width: 86px;
    opacity: .3;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.menu .fixed-logo__link:hover {
    opacity: .7
}

.menu__item {
    position: relative;
    margin: 0 0 25px
}

@media only screen and (min-width:992px) {
    .menu__item {
        display: inline-block;
        margin: 0;
        padding: 0 10px
    }
    .menu__item--sub.menu__item--active {
        color: #000
    }
}

@media only screen and (min-width:1200px) {
    .menu .fixed-logo {
        left: 30px
    }
    .menu .fixed-logo__link {
        max-width: 100px
    }
    .menu__item {
        padding: 0 20px
    }
}

.menu__item--sub .menu__link:before {
    float: left;
    margin: 2px 0 0 -20px;
    font-size: 10px;
    font-family: icomoon
}

@media only screen and (min-width:992px) {
    .menu__item--sub.menu__item--active .menu__link:focus,
    .menu__item--sub.menu__item--active .menu__link:hover {
        opacity: 1
    }
    .menu__item--sub.menu__item--active .menu__link:after {
        position: absolute;
        top: -10px;
        right: -20px;
        bottom: -32px;
        left: -20px;
        z-index: -1;
        display: block;
        background: #fff;
        content: ''
    }
    .menu__item--sub .menu__link:before {
        float: right;
        margin: 2px 0 0 10px;
        font-weight: 600;
        font-size: 10px;
        font-family: icomoon;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .menu__item--active .submenu {
        display: block
    }
}

.menu__link,
.submenu__link {
    letter-spacing: .1em;
    font-weight: 400
}

.menu__item--active .menu__link:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.menu__link {
    position: relative;
    z-index: 2;
    display: block;
    color: inherit;
    font-size: 1.5em;
    font-family: berthold_akzidenz_grotesk_bMd
}

.menu__submenu {
    display: none;
    margin: 32px 0 0;
    min-width: 100%;
    color: #000
}

.menu__submenu:before {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    height: 40px
}

.menu-nav {
    margin: 0 -10%
}

@media only screen and (min-width:992px) {
    .menu__link {
        text-transform: uppercase;
        font-size: .925em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
    .menu__submenu {
        position: absolute;
        left: 0;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
        transition: .2s 0s opacity
    }
    .menu-nav {
        min-height: 52px
    }
    .submenu__item {
        margin: 0
    }
}

.submenu__link {
    display: block;
    padding: 8px 0;
    color: inherit;
    font-size: 1em;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .submenu__link {
        padding: 12px 20px;
        color: #333;
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: normal;
        font-size: .825em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bRg
    }
    .submenu__link:focus,
    .submenu__link:hover {
        background: #f2f2f2
    }
    .fullscreen-menu {
        padding: 50px 0 30px
    }
}

.fullscreen-menu {
    position: relative;
    display: inline-block;
    margin: auto;
    color: #fff;
    text-transform: uppercase
}

.fullscreen-menu__link,
.fullscreen-submenu__link {
    color: inherit;
    font-weight: 400;
    letter-spacing: .1em
}

.fullscreen-menu .fixed-logo {
    display: none
}

.fullscreen-menu__item {
    position: relative;
    top: 30px;
    margin: 0 0 25px;
    opacity: 0
}

.fullscreen-menu__link {
    position: relative;
    z-index: 2;
    display: block;
    font-size: 1.5em;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .fullscreen-menu__link {
        font-size: 2.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.fullscreen-menu__submenu {
    display: none;
    padding: 20px 0
}

.fullscreen-menu-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 99;
    display: flex;
    overflow: auto;
    width: 100%;
    background: #000;
    opacity: 0;
    transition: .3s 0s opacity, 0s .3s left;
    align-items: center;
    justify-content: center
}

.index__bg,
.index__bg:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.index__bg,
.index__video {
    z-index: -1;
    position: absolute
}

@media only screen and (max-width:991px) {
    .fullscreen-menu-nav {
        padding: 90px 0 50px
    }
}

.fullscreen-submenu__link {
    display: block;
    padding: 8px 0;
    font-size: 1em;
    font-family: berthold_akzidenz_grotesk_bLg
}

.header-menu {
    float: right;
    margin: 10px 0 50px;
    color: #fff
}

.header-menu__item {
    float: left;
    margin: 0 0 0 25px
}

.header-menu__link {
    color: #c4c6c8;
    text-transform: uppercase;
    font-size: .688em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.header-menu__link--phone {
    color: inherit;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.header-menu__link--facebook::before {
    display: block;
    float: left;
    margin: 2px 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(../img/facebook.svg) center center no-repeat;
    background-size: contain
}

.index {
    position: relative;
    height: auto
}

@media only screen and (max-width:991px) {
    .index {
        margin-bottom: -55px;
        padding-bottom: 55px
    }
}

.index__bg {
    overflow: hidden;
    background: center center no-repeat;
    background-size: cover
}

.index__bg:before {
    position: absolute;
    display: block;
    background: #000;
    opacity: .7
}

.index__video {
    display: none;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media only screen and (min-width:768px) {
    .index__video {
        display: block
    }
}

.index__site-logo {
    margin: 30px auto 0;
    max-width: 100%;
    font-size: .875em;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .header-menu__link {
        transition: .2s 0s
    }
    .header-menu__link:focus,
    .header-menu__link:hover {
        color: inherit
    }
    .index__site-logo {
        margin-top: 150px;
        max-width: 375px
    }
}

.index__site-logo span {
    line-height: 150%
}

@media only screen and (max-width:991px) {
    .index__site-logo span {
        display: inline-block;
        max-width: 100%
    }
}

.index__site-logo .site-logo__img {
    margin: 0 auto;
    max-width: 250px
}

.index__link {
    display: inline-block;
    margin: 45px 0 0;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: .1em;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .index__link {
        margin: 45px 0 140px
    }
}

.index__link:after {
    display: block;
    margin: 15px 25% 0;
    border-bottom: 2px solid #fff
}

.content {
    position: relative;
    padding: 55px 0 40px
}

@media only screen and (min-width:992px) {
    .content {
        padding: 0 0 50px
    }
}

.content-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 30px 0
}

@media only screen and (min-width:992px) {
    .content-box {
        margin: 0;
        padding: 40px 0
    }
}

@media only screen and (min-width:1600px) {
    .content-box {
        margin: 0 3%
    }
}

.content-box--gray {
    background: #f7f7f7
}

.content-box--white {
    margin: 0 -10px 30px;
    background: #fff;
    color: #000
}

.content-box--white:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: -1;
    border: 1px solid #333
}

.banner,
.section {
    position: relative
}

@media only screen and (min-width:992px) {
    .content-box--white {
        margin: 0 0 30px
    }
    .content-box--white:before {
        top: 18px;
        right: 18px;
        bottom: 18px;
        left: 18px
    }
}

.content-box--black {
    margin: 0 -10px 30px;
    background: rgba(0, 0, 0, .4)
}

@media only screen and (min-width:992px) {
    .content-box--black {
        margin: 0 0 30px
    }
}

.content-box__item {
    margin: 0 0 30px;
    page-break-inside: avoid
}

.content-box__text {
    margin: 40px 0
}

@media only screen and (min-width:1200px) {
    .content-box {
        padding: 60px 0
    }
    .content-box__text {
        margin: 40px 10%
    }
}

.content-box__text:first-child {
    margin-top: 0
}

.content-box__text:last-child {
    margin-bottom: 0
}

.content-box__subheading {
    margin-top: -10px
}

.section {
    padding: 50px 0
}

@media only screen and (min-width:1200px) {
    .content-box__subheading {
        margin-top: -20px
    }
    .section {
        padding: 100px 0
    }
}

@media only screen and (max-width:991px) {
    .section--main {
        padding-bottom: 0
    }
}

.section--no-padding {
    padding: 0
}

@media only screen and (min-width:992px) {
    .section--no-padding {
        padding: 0
    }
    .section--center {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .section--development {
        padding-top: 20px
    }
}

.section--newsletter {
    padding: 30px 0;
    background: #000
}

@media only screen and (max-width:1199px) {
    .section__photo {
        margin: 30px auto 0
    }
}

.section__photo--perma {
    margin: 30px auto 40px
}

.section:nth-of-type(even) {
    padding: 0
}

.banner__nav .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 40px;
    background: rgba(0, 0, 0, .1);
    text-indent: -999em;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .banner__nav .slick-arrow {
        width: 100px
    }
}

.banner__nav .slick-arrow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    vertical-align: top;
    transform: translate3d(0, -50%, 0) rotate(-45deg)
}

.links-list__item,
.sidebar__list-link {
    display: block;
    font-weight: 400;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .banner__nav .slick-arrow:before {
        width: 40px;
        height: 40px
    }
}

.banner__nav .slick-arrow.slick-prev {
    left: 0
}

.banner__nav .slick-arrow.slick-prev:before {
    transform: translate3d(-25%, -50%, 0) rotate(-135deg)
}

.banner__nav .slick-arrow.slick-next {
    right: 0
}

.banner__nav .slick-arrow.slick-next:before {
    transform: translate3d(-75%, -50%, 0) rotate(45deg)
}

.banner__cycle {
    background: #000
}

.banner__cycle .slick-list,
.banner__cycle .slick-track {
    height: 100%
}

.banner__item-bg {
    padding-bottom: 52.75%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.links-list {
    border-bottom: 1px solid #d0d4d7
}

.links-list__item {
    padding: 15px 0;
    border-top: 1px solid #d0d4d7;
    color: #000;
    font-size: .875em;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:992px) {
    .links-list__item {
        transition: .2s 0s
    }
    .links-list__item:focus,
    .links-list__item:hover {
        color: gray
    }
}

.links-list .icon {
    margin: 0 20px 0 10px;
    opacity: .8
}

@media only screen and (max-width:991px) {
    .sidebar {
        position: fixed;
        top: 55px;
        bottom: 0;
        left: -100%;
        z-index: 99;
        overflow: auto;
        padding: 20px;
        max-width: none;
        width: calc(100% - 45px);
        background: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        transition: .3s 0s left
    }
}

@media only screen and (min-width:992px) {
    .sidebar {
        overflow: visible;
        max-width: 285px
    }
    .sidebar__list-link {
        opacity: .7;
        transition: .2s 0s
    }
    .sidebar__list-link:focus,
    .sidebar__list-link:hover {
        opacity: 1
    }
}

.add-more,
.blog-list__item,
.blog-list__text,
.brochures__helper,
.brochures__item,
.products-list__item,
.projects-list__item {
    overflow: hidden
}

.sidebar__list .sidebar__list .sidebar__list {
    padding-left: 20px
}

.sidebar__list--push-bottom {
    margin-bottom: 40px
}

.sidebar__list-item {
    margin: 0 0 1px
}

.sidebar__list-link {
    padding: 5px;
    color: inherit;
    line-height: 140%;
    cursor: pointer;
    font-size: .75em;
    font-family: berthold_akzidenz_grotesk_bLg
}

.sidebar__list-link--active,
.sidebar__list-link--toggle {
    opacity: 1;
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

.sidebar__list-link--active {
    font-size: .75em
}

.sidebar__list-link--toggle {
    font-size: .875em
}

.sidebar__list-link--toggle:before {
    float: left;
    margin: 0 0 0 -20px;
    content: '\e90b';
    font-size: .75em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: .2s 0s
}

.sidebar__list-link--toggle.collapsed:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.sidebar__form {
    display: inline-block;
    margin-top: 30px;
    max-width: 290px
}

.sidebar__box {
    padding: 0 0 0 20px
}

.sidebar__links {
    max-width: 220px
}

.sidebar__text p {
    color: #5a5a5a;
    font-size: .75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

.sidebar-toggle,
.sidebar-toggle span {
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.sidebar-toggle {
    margin: 0 0 40px;
    color: inherit;
    line-height: 120%;
    font-size: 1.875em
}

.sidebar-toggle span {
    float: right;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    font-size: 11px
}

.sidebar-toggle span:before {
    float: right;
    margin: 0 0 0 10px;
    content: '\e90b';
    font-size: 1em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filters__reset,
.side-menu__link {
    font-family: berthold_akzidenz_grotesk_bRg;
    font-weight: 400
}

.side-menu {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .side-menu {
        margin: 0 0 50px
    }
}

.side-menu__item {
    margin: 0 0 10px
}

.side-menu__link {
    padding: 0 0 0 10px;
    color: inherit;
    letter-spacing: .05em;
    opacity: .5;
    font-size: .75em
}

.side-menu__link--active {
    color: #333;
    font-size: 1.25em
}

.filters__reset {
    display: none;
    float: left;
    margin: -15px 0 0;
    padding: 0;
    border: none;
    background: 0 0;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .side-menu__link {
        transition: .2s 0s
    }
    .side-menu__link.mixitup-control-active,
    .side-menu__link:focus,
    .side-menu__link:hover {
        opacity: 1
    }
    .filters__reset {
        margin: -22px 0 0
    }
}

.filters__reset--mobile {
    float: right;
    border-radius: 3px;
    background: #f0f0f0;
    padding: 3px 5px;
    margin-top: -35px
}

.filters .sidebar__list-link--active:after,
.filters__reset:after {
    float: right;
    margin: 0 0 0 15px;
    content: '\e914';
    font-size: .75em;
    font-family: icomoon;
    display: inline-block
}

.filters__reset:after {
    padding-top: 2px
}

.filters .sidebar__list-link--active {
    background: #f2f2f2
}

@media only screen and (max-width:991px) {
    .development {
        margin-top: 10px
    }
}

.development__photo {
    margin: 0 0 20px
}

.development__logo {
    display: inline-block;
    margin: 0 0 20px;
    padding: 30px;
    border: 1px solid #ddd
}

@media only screen and (min-width:992px) {
    .development-login .field {
        margin: 0
    }
}

.development-steps {
    position: relative;
    margin: 20px -15px 0;
    padding: 15px;
    background: #ebebeb
}

@media only screen and (min-width:992px) {
    .development-steps {
        margin: 50px 0 0;
        padding: 30px
    }
    .development-steps:first-child {
        margin-top: 0
    }
}

.development-steps__menu {
    margin: 0 0 20px;
    list-style: none
}

@media only screen and (min-width:992px) {
    .development-steps__menu {
        display: flex;
        margin: -30px -30px 20px
    }
    .development-steps__menu-item:last-child {
        max-width: 290px;
        text-align: center
    }
}

.development-steps__menu-item {
    flex-grow: 1
}

@media only screen and (max-width:991px) {
    .development-steps__menu-item {
        margin: 0 0 5px
    }
}

.development-steps__menu-link {
    display: block;
    margin: 0;
    padding: 15px 10px;
    background: #f8f8f8;
    color: gray;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .development-steps__menu-link {
        padding: 0 30px;
        line-height: 65px;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .development-steps__menu-link--big {
        font-size: 2em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.add-more,
.summary__box-heading,
.summary__box-heading-edit {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .development-steps__menu-link--active {
        background: #fff;
        color: #000
    }
}

.development-steps__submit {
 padding: 0;
    line-height: 70px;
    
    /* width: 50%; */
    
}

@media only screen and (min-width:992px) {
    .development-steps__menu-link--active {
        background: 0 0
    }
    .development-steps__buttons {
        margin: 0 -30px -30px
    }
}

.development-steps__box {
    margin: 0 0 25px;
    padding: 10px;
    background: #fff
}

@media only screen and (min-width:992px) {
    .development-steps__box {
        padding: 25px
    }
}

.development-steps__box .summary {
    padding: 0
}

.development-steps__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .7
}

.development-steps__content {
    margin: 0 0 25px
}

.add-more {
    position: relative;
    display: block;
    background: #7b7b7b;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 140%;
    font-size: .75em
}

@media only screen and (min-width:992px) {
    .add-more {
        transition: .2s 0s
    }
    .add-more:focus,
    .add-more:hover {
        background: #626262
    }
}

.add-more .icon {
    float: left;
    width: 60px;
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 70px
}

.add-more span {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 60px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media only screen and (max-width:991px) {
    .add-more {
        margin-top: 10px
    }
    .add-more span {
        text-align: center
    }
}

.summary__subtotal td:last-child,
.summary__table td:last-child,
.summary__total td:last-child {
    text-align: right
}

@media only screen and (min-width:1200px) {
    .add-more .icon {
        width: 80px
    }
    .add-more span {
        left: 80px
    }
}

.summary {
    position: relative;
    padding: 30px 0
}

.summary__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .7
}

.summary__box {
    margin: 0 0 10px
}

.summary__box-heading {
    font-size: 1em
}

.summary__box-heading-edit {
    display: inline-block;
    margin-left: 10px;
    font-size: .633em;
    text-transform: uppercase
}

.summary__box-footer--extra-spacing {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    padding-bottom: 25px
}

@media only screen and (max-width:991px) {
    .summary__heading {
        margin: 0 0 20px;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 120%;
        font-size: .625em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.summary__table {
    margin: 20px 0 25px;
    width: 100%;
    letter-spacing: .05em;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.summary__table strong {
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.summary__table td {
    vertical-align: top;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .summary__table td {
        padding: 3px 0;
        font-size: 1em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.summary__subtotal,
.summary__total {
    font-size: .875em;
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase
}

.summary__subtotal td {
    padding: 3px 0 0;
    vertical-align: middle
}

.summary__total {
    margin: 20px 0 0;
    border-top: 1px solid #b7b7b7
}

.rooms__list-link,
.rooms__text p {
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .summary__total {
        margin: 30px 0 0
    }
}

.summary__total td {
    padding: 20px 0 0;
    vertical-align: middle
}

.rooms {
    position: relative
}

.rooms__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.rooms__list {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .rooms__list {
        margin: 0 -30px 50px 0
    }
}

.rooms__list-item {
    margin: 0 0 1px;
    opacity: .5
}

.rooms__list-item.active {
    opacity: 1
}

.rooms__list-link {
    display: block;
    padding: 13px 0 13px 40px;
    background: #fff;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400
}

.rooms__list-link .icon {
    float: left;
    margin: 2px 0 0 -25px;
    padding: 3px;
    border-radius: 20px;
    background: #acacac;
    color: #787878;
    font-weight: 700;
    font-size: 7px
}

.rooms__list-link--checked .icon {
    background: green;
    color: #fff
}

.rooms__text {
    margin: 15px 0;
    color: #5a5a5a
}

.rooms__text p {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400
}

.rooms__box {
    margin: 0 0 30px;
    padding: 20px 10px;
    background: #fff
}

@media only screen and (min-width:992px) {
    .rooms__box {
        margin: -20px 0 50px;
        padding: 20px
    }
}

.rooms.loading>.row {
    opacity: .3
}

.info-link {
    display: inline-block;
    margin: 10px 0 0;
    color: #7b7b7b;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.blinds__list-item {
    position: relative;
    margin: 0 0 00px;
    width: 100%;
    height: 100%;
       background: none;
    cursor: pointer;
    user-select: none;
        border: 1px solid #424242;
}

.blinds__list-item:hover {
    position: relative;
    margin: 0 0 0px;
    width: 100%;
    height: 100%;
   background: #ffffff;
       border: 1px solid #424242;
   
    cursor: pointer;
    user-select: none
}
.blinds__list-item--active {
    background: #7b7b7b;
    color: #fff
}

.blinds__list-info {
    padding-bottom: 0px
}

@media only screen and (max-width:767px) {
    .blinds__list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .blinds__list-item .photo {
        width: 100px
    }
    .blinds__list-info {
        position: relative;
        flex: 1
    }
}

.blinds__list-title {
    padding: 8px 10px;
    text-transform: uppercase;
    line-height: 120%;
    min-height: 46px;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.blinds__list-price,
.blinds__list-window {
    font-size: .75em;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (min-width:992px) {
    .blinds__list-title {
        padding: 5px 10px
    }
}

.blinds__list-price {
    padding: 0 10px 5px;
    text-align: right;
    font-family: berthold_akzidenz_grotesk_bLg
}

.blinds__list-price--sale {
    font-weight: 700
}

.blinds__list-price--crossed {
    text-decoration: line-through;
    opacity: .4
}

.blinds__list-price-container {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 47%
}

.blinds__list-window {
    padding: 0 0 5px 10px;
    text-align: left;
    font-family: berthold_akzidenz_grotesk_bRg;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .5
}

.blinds__text p,
.blinds__title {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

.blinds__list-window-container {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 52%
}

.blinds__description-box {
    padding: 20px 0 0
}

.blinds__content-box {
    margin: 0 0 25px
}

.blinds__content-box:last-child {
    margin: 0
}

.blinds__title {
    font-size: 1.125em
}

.blinds__text {
    color: #5a5a5a
}

.blinds__text p {
    line-height: 140%;
    font-size: .875em
}

.builder__list-item {
    display: block;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    color: inherit;
    cursor: pointer;
    user-select: none
}

.builder__list-item--active,
.builder__list-photo {
    background: #000;
    color: #fff
}

.builder__list-photo {
    position: relative
}

.builder__list-photo .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-size: 4em;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.builder__list-photo .photo__image {
    opacity: .5
}

.builder__list-title {
    padding: 10px;
    text-transform: uppercase;
    line-height: 120%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.builder__list-price,
.builder__text p,
.builder__title {
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.builder__list-price {
    padding: 0 10px 5px;
    text-align: right;
    text-transform: uppercase;
    font-size: .75em
}

.builder__tabs {
    padding: 30px 0 0
}

@media only screen and (min-width:992px) {
    .builder__tabs {
        padding: 50px 0 0
    }
}

.builder__content-box {
    margin: 0 0 30px
}

.builder__content-box:last-child {
    margin: 0
}

.builder__title {
    font-size: 1.125em
}

.builder__text {
    color: #5a5a5a
}

.builder__text p {
    line-height: 140%;
    font-size: .875em
}

.downloads__list-link,
.package-breakdown thead th {
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.downloads__list {
    margin: 0 0 30px
}

.downloads__list-item {
    margin: 0 0 5px
}

.downloads__list-item .icon-download {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    background: #939393;
    text-align: center;
    font-size: .875em;
    line-height: 16px
}

.downloads__list-link {
    color: inherit;
    font-size: .75em
}

.other-info {
    margin-top: 30px
}

.package-breakdown {
    display: table;
    width: 100%
}

.package-breakdown thead th {
    text-align: left;
    text-transform: uppercase;
    font-size: .625em;
    letter-spacing: .1em
}

.package-breakdown tbody {
    color: #5a5a5a
}

.package-breakdown td {
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:768px) {
    .package-breakdown td {
        font-size: .875em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.package-breakdown td,
.package-breakdown th {
    padding: 7.5px;
    border-bottom: 1px solid #eee
}

.select-box__line {
    padding: 5px;
    background: #f2f2f2
}

.select-box__line .select-box__item {
    margin: 0;
    padding: 5px
}

.select-box__select {
    position: relative
}

.select-box__select .select-box__item {
    margin: 0
}

.select-box__select .select-box__item--active {
    margin: 0 0 10px;
    background: #f2f2f2;
    color: inherit
}

.select-box__select .select-box__item--active:before {
    position: absolute;
    top: 50%;
    right: 15px;
    float: right;
    margin: -5px 0 0;
    content: '\e90b';
    font-size: .75em;
    font-family: icomoon;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.select-box__button,
.select-box__title {
    text-transform: uppercase;
    font-family: berthold_akzidenz_grotesk_bMd;
    line-height: 120%;
    font-weight: 400
}

.select-box__list {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    overflow-x: hidden;
    max-height: 200px;
    background: #f2f2f2;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .3)
}

.select-box__list-item:not(.select-box__item--active):focus,
.select-box__list-item:not(.select-box__item--active):hover {
    background: #e5e5e5
}

.select-box__item {
    display: block;
    padding: 10px;
    background: #f2f2f2;
    cursor: pointer;
    color: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s 0s
}

@media only screen and (max-width:991px) {
    .select-box__item {
        margin: 0 0 10px
    }
}

.select-box__item--active {
    background: #7b7b7b;
    color: #fff
}

.select-box__button {
    padding: 16px 20px;
    text-align: center;
    font-size: .875em
}

.select-box__title {
    word-wrap: break-word;
    font-size: .625em
}

@media only screen and (min-width:992px) {
    .select-box__title {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.select-box__subtitle {
    margin: 3px 0 0;
    line-height: 120%;
    font-size: .688em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.select-box__option {
    position: relative;
    padding-bottom: 75%
}

.select-box__option .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.5em;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.select-box__option--smaller {
    padding-bottom: 45px
}

.select-box__option--smaller .icon {
    font-size: 2em
}

.color-modal .select-box__item {
    margin-bottom: 30px
}

.brochures {
    margin: 0 10px
}

@media only screen and (max-width:991px) {
    .brochures {
        margin-top: 30px
    }
}

.brochures>.row>div[class*="col-"] {
    margin: 0 0 10px
}

.brochures__item {
    margin: 0 -10px 10px;
    height: 100%
}

.brochures__title {
    line-height: 150%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

@media only screen and (min-width:768px) {
    .brochures__title {
        line-height: 170%;
        font-size: .938em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.brochures__link {
    display: block;
    margin: 0 0 10px;
    color: inherit;
    letter-spacing: .05em;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.brands__next:before,
.brands__prev:before {
    content: '\e90b';
    font-family: icomoon
}

@media only screen and (min-width:992px) {
    .brochures__item {
        padding: 20px 30px 20px 20px;
        background: #f2f2f2
    }
    .brochures__link {
        opacity: .7;
        transition: .2s 0s
    }
    .brochures__link:focus,
    .brochures__link:hover {
        opacity: 1
    }
    .products-list__photo:before {
        transition: .2s 0s
    }
}

.brochures__option {
    margin: 0 0 5px;
    padding: 7px
}

.brochures__option:before {
    width: 18px;
    height: 18px;
    background: 0 0;
    font-size: .7em;
    line-height: 16px
}

.brochures__photo {
    margin: 0 0 10px;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .brochures__photo {
        float: left;
        margin: 0 20px 10px 0;
        max-width: 50%
    }
    .brochures__helper--float {
        width: auto
    }
}

.brochures-modal__pdfs li {
    padding: 0;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%
}

.brochures-modal__form,
.enquiry-modal__form {
    margin: 30px 0 0
}

.brands {
    position: relative
}

.brands__nav {
    position: absolute;
    top: 50%;
    right: -50px;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media only screen and (max-width:991px) {
    .brands {
        margin-top: 30px
    }
    .brands__nav {
        display: none
    }
}

.brands__next,
.brands__prev {
    display: block;
    margin: 20px 0;
    color: #000
}

.brands__next:before,
.brands__prev:before {
    font-size: 1.5em
}

.brands__prev:before {
    display: block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.links-box:before,
.products-list__photo:before,
.projects-list__item:before {
    content: ''
}

.brands__item:last-child {
    margin: 0
}

.products-list {
    margin: 30px 0 0
}

@media only screen and (max-width:991px) {
    .products-list {
        margin: 30px 10px 0
    }
}

.products-list:first-child {
    margin-top: 0
}

.products-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 0 30px;
    color: inherit
}

@media only screen and (max-width:991px) {
    .products-list__item {
        margin: 0 -10px 30px
    }
}

.products-list__photo {
    position: relative;
    padding-bottom: 133%;
    background: center center no-repeat #000;
    background-size: cover
}

.products-list__button,
.products-list__subheading {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    letter-spacing: .05em;
    text-transform: uppercase
}

.products-list__photo:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0
}

.products-list__logo {
    margin: 5px 0;
    text-align: left
}

.products-list__logo .photo__image {
    display: inline-block
}

.products-list__heading {
    margin: 10px 0 0;
    text-transform: uppercase;
    line-height: 160%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

@media only screen and (min-width:992px) {
    .products-list__heading {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.products-list__button,
.products-list__subheading,
.products-list__text p {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

.products-list__subheading {
    opacity: .7;
    font-size: .75em
}

.products-list__button {
    opacity: .7;
    font-size: .625em
}

.products-list__button--uppercase {
    text-transform: uppercase
}

.products-list__button--line-height {
    line-height: 130%
}

.products-list__text {
    margin: 10px 0 0;
    opacity: .7
}

@media only screen and (max-width:991px) {
    .products-list__text {
        display: none
    }
}

.products-list__text p {
    line-height: 150%;
    font-size: .938em
}

@media only screen and (min-width:992px) {
    .products-list--featured .products-list__item {
        color: #fff
    }
    .products-list--featured .products-list__item:focus .products-list__photo:before,
    .products-list--featured .products-list__item:hover .products-list__photo:before {
        opacity: .6
    }
    .products-list--featured .products-list__item:focus .products-list__heading,
    .products-list--featured .products-list__item:hover .products-list__heading {
        margin-bottom: 5px;
        opacity: 1
    }
    .products-list--featured .products-list__item:focus .products-list__button,
    .products-list--featured .products-list__item:hover .products-list__button {
        margin-top: 5px;
        opacity: 1
    }
    .products-list--featured .products-list__item:focus .products-list__text,
    .products-list--featured .products-list__item:hover .products-list__text {
        bottom: 0;
        opacity: 1;
        transition-delay: .1s
    }
    .products-list--featured .products-list__heading {
        position: absolute;
        bottom: 55%;
        margin: 0 35px -15px;
        opacity: 0;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd;
        transition: .2s 0s
    }
    .products-list--featured .products-list__button {
        position: absolute;
        top: 45%;
        display: block;
        margin: 25px 35px 0;
        opacity: 0;
        transition: .2s 0s
    }
    .products-list--featured .products-list__text {
        position: absolute;
        bottom: -20px;
        margin: 0 35px 30px;
        height: auto;
        opacity: 0;
        transition: .2s 0s
    }
    .product-photos {
        margin-top: -20px
    }
}

.product-photos__item {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .product-photos__item {
        margin: 50px 0 0
    }
}

.product-brochures {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .product-brochures {
        margin: 50px 0 0
    }
}

.projects-list {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .projects-list {
        margin: 50px 10px 0
    }
}

.projects-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 0 10px;
    padding-bottom: 75%;
    background: center center no-repeat #000;
    background-size: cover;
    box-shadow: 0 -100px 50px -50px #000 inset;
    color: #fff
}

@media only screen and (min-width:992px) {
    .projects-list__item {
        margin: 0 -10px 10px;
        padding-bottom: 133%;
        box-shadow: 0 0 0 rgba(0, 0, 0, .6), 0 -200px 100px -100px rgba(0, 0, 0, .8) inset;
        transition: .2s 0s
    }
    .projects-list__item:focus,
    .projects-list__item:hover {
        top: -4px;
        left: -4px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .6), 0 -200px 100px -100px rgba(0, 0, 0, .2) inset
    }
    .projects-list__item:focus .projects-list__subheading,
    .projects-list__item:focus:before,
    .projects-list__item:hover .projects-list__subheading,
    .projects-list__item:hover:before {
        opacity: 1
    }
}

.projects-list__item:before {
    position: absolute;
    right: -100%;
    bottom: 0;
    left: 0;
    height: 50%;
    opacity: 0;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #e35548;
    background: -webkit-linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%);
    background: -moz-linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%);
    background: linear-gradient(0deg, #e35548 0, rgba(195, 72, 61, 0) 100%)
}

.projects-list__heading-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px
}

.projects-list__heading {
    display: block;
    margin: 0 0 5px;
    line-height: 160%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.projects-list__subheading {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
    opacity: .7;
    font-size: .625em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg;
    transition: .2s 0s
}

.blog-list {
    margin-top: -12px
}

.blog-list__row {
    -webkit-column-width: 18em;
    -moz-column-width: 18em;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em
}

.blog-list__wrap {
    position: relative;
    display: block
}

.blog-list__date {
    display: inline-block;
    margin: 0 0 20px;
    color: #999;
    text-transform: uppercase;
    font-size: .65em
}

.blog-list__content {
    margin: 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #dedede;
    font-size: .7em;
    line-height: 150%
}

.blog-list__content a {
    color: #666
}

.blog-list__item {
    display: block;
    margin: 0 0 20px;
    color: #000
}

.blog__back-button,
.blog__content img {
    display: inline-block
}

@media only screen and (min-width:992px) {
    .blog-list__item {
        display: inline-block;
        margin: 0 -12px 20px;
        padding: 12px;
        transition: .2s 0s
    }
    .blog-list__item:focus,
    .blog-list__item:hover {
        background: #f2f2f2
    }
}

.blog-list__photo {
    margin: 0 0 15px
}

.blog-list__heading {
    text-transform: uppercase
}

.blog-list__heading a {
    color: #000
}

.blog-list__text p {
    line-height: 180%;
    font-size: .75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

.blog-list--small .blog-list__item {
    padding: 0;
    border: none;
    background: 0 0
}

.blog__content {
    margin: 0 0 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ddd
}

.blog__content pre {
    overflow: visible;
    margin: -10px 0 30px;
    white-space: normal;
    font-style: italic;
    line-height: 140%;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .blog__content {
        padding: 0 0 50px
    }
    .blog__content pre {
        margin: -30px 0 30px;
        font-size: .95em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.blog__photo {
    margin-bottom: 20px
}

.blog-featured {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

@media only screen and (min-width:992px) {
    .blog-featured {
        margin: 0 0 50px;
        padding: 0 0 50px
    }
}

.blog-featured a {
    color: inherit
}

.blog-featured__heading {
    margin: 0 0 5px
}

.blog-featured__date {
    margin: 0 0 20px;
    color: #999;
    text-transform: uppercase;
    font-size: .75em
}

.blog-featured__content {
    color: #666;
    font-size: .7em;
    line-height: 180%
}

.blog-featured__link {
    margin: 15px 0 0
}

.blog__back-button {
    margin: 30px 0;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.blog__post-meta,
.contact-details table td,
.contact-info__heading,
.contact-info__link {
    font-size: .875em;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .products-list__logo {
        text-align: right
    }
    .blog__back-button {
        float: right;
        margin: 0
    }
}

.blog__post-meta {
    color: #666;
    font-family: berthold_akzidenz_grotesk_bLg
}

.blog__post-meta a {
    color: #000
}

.contact-info__item {
    margin: 0 0 20px
}

.contact-info__heading {
    margin: 0 0 5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bMd
}

.contact-info__link {
    color: inherit;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bRg
}

.contact-details {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .contact-details {
        margin: 0 0 80px
    }
}

.contact-details__image {
    margin: 20px 0;
    padding: 25px;
    max-width: 250px;
    background: #fafafa
}

@media only screen and (max-width:991px) {
    .contact-details__item {
        margin-bottom: 20px
    }
}

.contact-details a {
    color: #888
}

.contact-details table td {
    padding: 5px;
    line-height: 140%;
    font-family: berthold_akzidenz_grotesk_bLg
}

.contact-details-2 {
    margin: 0 0 30px
}

@media only screen and (min-width:992px) {
    .contact-details table td {
        line-height: 180%;
        font-size: 1.025em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .contact-details-2 {
        margin: 0 0 80px
    }
}

.contact-details-2 .link,
.contact-details-2 a {
    color: inherit;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bRg;
    border-bottom: unset
}

.contact-details-2 table td {
    padding: 0 20px 10px 0;
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

@media only screen and (min-width:992px) {
    .contact-details-2 table td {
        line-height: 180%;
        font-size: 1.025em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.contact-details-2 table td.heading {
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 120%;
    font-family: berthold_akzidenz_grotesk_bMd
}

.gallery-list {
    margin: 0 -5px
}

.gallery-list__item {
    position: relative;
    z-index: 1;
    float: left;
    padding: 0 5px;
    width: 50%
}

@media only screen and (min-width:992px) {
    .gallery-list {
        margin: 0 -15px
    }
    .gallery-list__item {
        padding: 0 15px;
        width: 33.33%
    }
    .gallery-list__heading {
        font-size: 1em
    }
}

.gallery-list__link {
    position: relative;
    z-index: 1;
    display: block
}

.gallery-list__title {
    margin-top: 10px;
    min-height: 60px
}

.gallery-list__heading {
    display: inline-block;
    margin: 0 0 5px;
    text-transform: none
}

.gallery-list__description {
    color: #999;
    font-size: .75em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.pswp__caption__center {
    position: relative
}

.pswp__caption-content {
    min-height: 60px;
    font-size: 1.125em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.social-shares {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

.share-button {
    display: inline-block;
    margin: 0 5px;
    padding: 3px 4px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 100%
}

.links-box {
    padding: 0 30px 0 40px;
    height: 100%
}

.links-box:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    border-left: 1px solid #d0d4d7
}

.links-box__text {
    margin: 0 0 50px
}

.links-box__text p {
    line-height: 160%;
    font-size: .938em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.links-box__button {
    position: absolute;
    bottom: 0;
    display: block;
    overflow: hidden
}

.testimonial__box {
    padding: 10px 0 0;
    color: #878787
}

@media only screen and (min-width:992px) {
    .testimonial__box {
        float: right;
        padding: 10px 0 20px 25px;
        border-left: 1px solid #d0d4d7
    }
}

.testimonial__heading {
    line-height: 160%;
    font-size: 1em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

.testimonial__subheading {
    line-height: 140%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.featured-banner__link,
.payment__total {
    font-family: berthold_akzidenz_grotesk_bMd;
    font-weight: 400;
    text-transform: uppercase
}

.services__nav-tabs {
    border: none
}

.services__links {
    margin: 30px 0 0;
    max-width: 375px
}

@media only screen and (min-width:992px) {
    .services__links {
        margin: 50px 0 0
    }
}

.featured-banner {
    position: relative;
    z-index: 1;
    padding: 6.5% 9%;
    background: center center no-repeat;
    background-size: cover;
    text-align: center
}

@media only screen and (max-width:991px) {
    .featured-banner:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        display: block;
        background: rgba(0, 0, 0, .5);
        content: ''
    }
}

.featured-banner__link,
.footer-second-menu__item,
.pagination__item {
    display: inline-block
}

.featured-banner__link {
    margin-top: 20px;
    color: inherit;
    font-size: .875em
}

@media only screen and (min-width:992px) {
    .featured-banner__link {
        margin-top: 35px;
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.featured-banner--white {
    color: #fff
}

.general-links {
    padding: 50px 0
}

.contact-form-wrapper {
    margin: 30px 0 0
}

@media only screen and (min-width:992px) {
    .contact-form-wrapper {
        margin: 80px 0 0
    }
}

.contact-form {
    margin: 0 -30px;
    padding: 30px;
    max-width: 1500px;
    background: #efeff0
}

@media only screen and (min-width:992px) {
    .contact-form {
        margin: 0 -50px;
        padding: 50px
    }
}

.contact-form .field {
    border: 1px solid #d9d9d9;
    background: #fff;
    margin: 0 0 15px
}

.contact-form .field__checkbox,
.contact-form .field__radio--small,
.contact-form .login-area input[type="checkbox"],
.login-area .contact-form input[type="checkbox"] {
    background: no-repeat;
    border: none
}

.contact-form .field__checkbox:before,
.contact-form .login-area input[type="checkbox"]:before,
.login-area .contact-form input[type="checkbox"]:before {
    width: 20px;
    height: 20px
}

@media only screen and (max-width:991px) {
    .accordion {
        margin: 30px 0 0
    }
}

.accordion__panel {
    padding: 0 20px 20px
}

.pagination {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 20px 0;
    font-size: .85em
}

@media only screen and (min-width:992px) {
    .pagination {
        margin: 20px 0 0;
        padding: 20px 0 0
    }
}

.pagination__item {
    margin: 0 10px
}

.pagination__link {
    color: #999
}

.pagination__link--active {
    color: #000
}

.payment .field {
    margin-bottom: 10px
}

.payment .form__row {
    margin: 0 -5px
}

.payment .form__row>div[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.payment__total {
    margin: 30px 0;
    text-align: right;
    letter-spacing: .05em;
    font-size: 1.25em
}

.payment__grey-box {
    padding: 10px;
    background: #ebebeb
}

@media only screen and (min-width:992px) {
    .pagination__link {
        transition: .2s 0s
    }
    .pagination__link:focus,
    .pagination__link:hover {
        color: #000
    }
    .payment__total {
        margin: 50px 0;
        font-size: 1.5em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
    .payment__grey-box {
        padding: 30px;
        text-align: center
    }
    .payment__grey-box .field__value {
        font-size: 1.125em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
}

.payment__grey-box .field {
    margin: 0
}

.payment__submit {
    padding: 20px 0
}

@media only screen and (min-width:992px) {
    .payment__submit {
        padding: 30px 0
    }
}

#payment-form .form__block {
    margin: 15px 0 0
}

#form-promo-code .field {
    padding-right: 25%
}

#form-promo-code .form__submit {
    float: right;
    margin-top: -68px;
    padding: 0;
    min-height: 58px;
    width: 25%;
    background: 0 0;
    color: #000;
    text-align: center
}

.footer {
    padding: 40px 0;
    background-position: center center;
    background-color: #7b7b7b;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center
}

.footer__site-logo {
    margin: 0;
    max-width: 130px
}

@media only screen and (min-width:992px) {
    .footer {
        padding: 110px 0 20px;
        text-align: left
    }
    .footer__site-logo {
        float: left;
        margin: 0 auto;
        max-width: 210px
    }
}

.footer__site-tagline {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    font-size: .925em;
    line-height: 140%
}

@media only screen and (min-width:992px) {
    .footer__site-tagline {
        margin: 23px 0 0 30px;
        font-size: 1.125em
    }
}

.footer__social-media {
    float: right;
    margin: 11px 0 0
}

@media only screen and (max-width:991px) {
    .footer__social-media {
        margin-top: -35px
    }
}

.footer__social-media .social-media__link {
    display: inline-block;
    color: #fff;
    text-align: center;
    opacity: 1
}

.footer__togglemenu {
    position: relative;
    top: 0;
    left: 0;
    margin: 25px auto;
    padding: 15px;
    width: auto;
    height: auto;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: .78em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.footer-div {
    padding-top: 10px;
    border-top: 1px solid #677074
}

@media only screen and (min-width:992px) {
    .footer__social-media .social-media__link {
        transition: .2s 0s
    }
    .footer__social-media .social-media__link:focus,
    .footer__social-media .social-media__link:hover {
        opacity: .6
    }
    .footer-div {
        margin-top: 40px;
        padding-top: 20px
    }
}

.footer-second-menu__item:before {
    float: right;
    padding: 0 5px;
    content: '|';
    font-size: .5em;
    line-height: 18px
}

.footer-second-menu__item:last-child:before {
    content: none
}

.footer-second-menu__link {
    color: inherit;
    opacity: .7;
    font-size: .725em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg
}

.footer-menu__item {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #888;
    letter-spacing: .05em
}

.footer-menu__link {
    float: left;
    color: inherit;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

.copyright,
.footer-submenu__link {
    font-family: berthold_akzidenz_grotesk_bLg;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .footer-second-menu__link {
        transition: .2s 0s
    }
    .footer-second-menu__link:focus,
    .footer-second-menu__link:hover {
        opacity: 1
    }
    .footer-menu {
        margin: 50px 0
    }
    .footer-menu__link {
        transition: .2s 0s
    }
}

.footer-submenu {
    overflow: hidden;
    margin: -1px 0 -10px 300px
}

@media only screen and (max-width:1199px) {
    .footer-submenu {
        margin: 0 0 0 300px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.footer-submenu__item {
    float: left;
    margin: 0 25px 10px 0
}

@media only screen and (max-width:1199px) {
    .footer-submenu__item {
        float: none;
        margin: 0 0 15px
    }
}

.footer-submenu__link {
    color: #d9d9d9;
    letter-spacing: 0;
    font-size: .825em
}

.footer-submenu .footer-submenu {
    margin: 0 0 10px;
    padding: 0 0 0 15px
}

.copyright {
    margin: 3px 0 0;
    color: rgba(255, 255, 255, .7);
    line-height: 140%;
    font-size: .688em
}

.copyright a {
    border-bottom: 1px solid;
    color: inherit
}

@media only screen and (min-width:992px) {
    .copyright {
        float: right;
        margin: 0;
        font-size: .725em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bLg
    }
    .copyright a {
        transition: .2s 0s
    }
    .copyright a:focus,
    .copyright a:hover {
        color: #fff
    }
}

.modal {
    padding-right: 0!important
}

.modal iframe {
    width: 100%;
    height: 100vh
}

.modal__content {
    position: relative;
    margin: 0 auto;
    padding: 20px 15px;
    max-width: 800px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    pointer-events: all
}

@media only screen and (min-width:992px) {
    .modal__content {
        padding: 50px
    }
}

.modal__content--no-padding {
    padding: 0
}

.modal__content--max-600 {
    max-width: 600px
}

.modal__content--max-800 {
    max-width: 800px
}

.modal__content--max-1000 {
    max-width: 1000px
}

.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: inherit
}

@media only screen and (min-width:992px) {
    .modal__close {
        top: 20px;
        right: 20px
    }
}

.modal-open {
    padding-right: 0!important
}

.modal-dialog {
    padding: 30px 10px;
    width: auto
}

.modal-backdrop {
    background: #010b13
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    background-color: #bbb;
    opacity: .9
}

#video-modal .modal__close {
    top: 20px;
    right: 20px;
    color: #fff
}

.valign-center {
    display: table;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.valign-center__helper {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none
}

.website-alerts {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999
}

.website-alerts.affix,
.website-alerts.affix-bottom {
    position: fixed;
    top: 0
}

@media only screen and (min-width:992px) {
    .website-alerts.affix,
    .website-alerts.affix-bottom {
        top: 0!important
    }
    .website-alerts__close {
        transition: .2s 0s
    }
    .website-alerts__close:focus,
    .website-alerts__close:hover {
        opacity: .6
    }
}

.website-alerts__alert {
    position: relative;
    display: none;
    background: #76b180;
    color: #fff;
    text-align: center
}

.website-alerts__alert .container {
    position: relative
}

.website-alerts__alert--error {
    background: #a40000
}

.website-alerts__close {
    position: absolute;
    top: 22px;
    right: 15px;
    color: #fff;
    font-size: 1em;
    cursor: pointer
}

.website-alerts__message {
    padding: 15px 40px 15px 15px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 140%;
    font-size: .875em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bMd
}

#ForgotPassword,
.cartitem-extra-info {
    font-size: .875em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

@media only screen and (min-width:992px) {
    .website-alerts__message {
        padding: 20px 30px
    }
}

.website-alerts__link {
    border-bottom: 1px solid inherit;
    color: inherit
}

.development-alert {
    margin-bottom: 10px;
    background: #f0f0f0;
    padding: 8px
}

@media only screen and (min-width:992px) {
    .development-alert {
        padding: 10px 12px
    }
}

.development-alert--warning {
    background: #ef6c00;
    color: #fff
}

.development-alert--info {
    background: #1e88e5;
    color: #fff
}

.development-alert--danger {
    background: #e53935;
    color: #fff
}

.development-alert--success {
    background: #689f38;
    color: #fff
}

.development-alert .text-box {
    font-size: .875em
}

.login-area input,
.login-area select,
.login-area textarea {
    color: #000
}

.login-area .field__checkbox,
.login-area input[type="checkbox"] {
    padding-top: 10px;
    padding-bottom: 10px
}

.login-area .message {
    margin: 0 0 12.5px;
    font-size: .875em
}

.login-area .message.bad {
    color: #c62828
}

#ForgotPassword {
    float: right;
    margin: 15px 0 0
}

#ForgotPassword a {
    color: inherit
}

.cartitem-indent--lv1 {
    padding-left: 10px
}

.cartitem-extra-info {
    color: #606060;
    line-height: 130%;
    padding: 3px 0 3px 10px;
    border-left: 2px solid #eee;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 9px;
    text-align: left
}

@media only screen and (min-width:992px) {
    .cartitem-extra-info {
        margin-top: 0;
        margin-bottom: 0
    }
}

.cartitem-extra-info .row {
    margin-bottom: 7px
}

.cartitem-extra-info .row:last-child {
    margin-bottom: 0
}

.cartitem-extra-info .row>[class^="col-xs"]:first-child {
    text-align: left
}

.cartitem-extra-info .row>[class^="col-xs"]:last-child {
    text-align: right;
    font-weight: 700
}

.table-responsive {
    overflow-x: auto
}

.lazyload {
    opacity: 0
}

.lazyloading {
    opacity: 1;
    transition: .3s opacity
}

.api-doc h2 {
    margin: 30px 0 10px
}

.api-doc p {
    font-size: 1.025em
}

.api-doc pre {
    background: #eee;
    padding: 20px;
    margin: 0 0 30px;
    color: #666;
    font-size: .85em;
    line-height: 160%
}

.api-sidebar .heading {
    text-transform: uppercase
}

.api-sidebar ul {
    margin: 0 0 0 20px
}

.api-sidebar ul li {
    font-size: .7em;
    text-transform: uppercase;
    margin: 0 0 20px
}

.api-sidebar ul a {
    color: #666
}

.api-sidebar ul a.current {
    color: #000;
    font-weight: 700
}

.api-sidebar ul ul {
    margin: 10px 0 0 15px
}

.api-sidebar ul ul li {
    font-size: .85em;
    letter-spacing: .05em
}

.api-sidebar ul li.section {
    padding: 0!important
}

.order-confirm-message h2 {
    margin: 0 0 10px
}

.order-status td {
    border: 0;
    padding: 0 10px 23px 0;
    font-size: .7em;
    text-transform: uppercase
}

.order-status td:first-child {
    min-width: 130px
}

#summary {
    width: 100%;
    margin-bottom: 50px
}

#summary td,
#summary th {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
    font-size: .85em
}

#billing h5 {
    font-size: .85em;
    letter-spacing: .05em;
    margin: 0 0 15px
}

#billing p {
    font-size: .95em
}

#billing td,
#billing th {
    padding: 15px
}

.table {
    display: table;
    border-collapse: separate
}

.table-row {
    position: relative;
    display: table-row
}

.table .col {
    display: table-cell
}

.table .col.sidebar {
    width: 300px
}

.modal.modal-fullscreen {
    overflow-x: hidden;
    overflow-y: hidden
}

.modal.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.modal.modal-fullscreen .modal__content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    max-width: 100%;
    padding: 0
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.contact-list {
    margin: 30px 0 0
}

@media only screen and (max-width:991px) {
    .contact-list {
        text-align: center;
        margin: 30px 10px 0
    }
    .contact-list .row .item {
        float: none;
        margin: auto
    }
    .contact-list .section {
        padding: 0
    }
}

.contact-list:first-child {
    margin-top: 0
}

.contact-list__item {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    margin: 0 0 30px;
    color: inherit
}

@media only screen and (max-width:991px) {
    .contact-list__item {
        margin: 0 auto 30px;
        display: inline-block
    }
}

@media only screen and (max-width:1199px) {
    .contact-list__item .products-list__item {
        display: inline-block
    }
}

.contact-list__item .photo__image {
    height: 400px;
    width: 350px
}

.contact-list__item .photo__image-mobile {
    display: none
}

@media only screen and (max-width:767px) {
    .contact-list__item .photo__image {
        display: none
    }
    .contact-list__item .photo__image-mobile {
        display: block;
        height: auto
    }
}

.contact-list__heading {
    margin: 10px 0 0;
    text-transform: uppercase;
    line-height: 160%;
    font-size: .813em;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bRg
}

@media only screen and (min-width:992px) {
    .contact-list__heading {
        font-size: .813em;
        font-weight: 400;
        font-family: berthold_akzidenz_grotesk_bMd
    }
}

.contact-list__button,
.contact-list__subheading {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    letter-spacing: .05em;
    opacity: .7;
    font-weight: 400;
    font-family: berthold_akzidenz_grotesk_bLg;
    text-transform: uppercase
}

.contact-list__subheading {
    font-size: .75em
}

.contact-list__button {
    font-size: .625em
}

.contact-list__button--uppercase {
    text-transform: uppercase
}

.contact-list__button--line-height {
    line-height: 130%
}
@media (min-width: 992px)
{
	.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 48%;
    padding: 0px auto;
    margin: 0px auto;
}
}