@font-face {

    font-family: lg;

    src: url(../fonts/lg/lgd641.eot?n1z373);

    src: url(../fonts/lg/lgd41d.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg/lgd641.woff?n1z373) format("woff"), url(../fonts/lg/lgd641.ttf?n1z373) format("truetype"), url(../fonts/lg/lgd641.svg?n1z373#lg) format("svg");

    font-weight: 400;

    font-style: normal

}



.lg-icon {

    font-family: lg;

    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

}



.lg-actions .lg-next,

.lg-actions .lg-prev {

    background-color: transparent;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    color: #999;

    cursor: pointer;

    display: block;

    font-size: 22px;

    margin-top: -10px;

    padding: 8px 10px 9px;

    position: absolute;

    top: 50%;

    z-index: 1080;

    border: none;

    outline: 0

}



.lg-actions .lg-next.disabled,

.lg-actions .lg-prev.disabled {

    pointer-events: none;

    opacity: .5

}



.lg-actions .lg-next:hover,

.lg-actions .lg-prev:hover {

    color: #fff

}



.lg-actions .lg-next {

    right: 20px

}



.lg-actions .lg-next:before {

    content: "\e095"

}



.lg-actions .lg-prev {

    left: 20px

}



.lg-actions .lg-prev:after {

    content: "\e094"

}



@-webkit-keyframes lg-right-end {

    0% {

        left: 0

    }

    50% {

        left: -30px

    }

    100% {

        left: 0

    }

}



@-moz-keyframes lg-right-end {

    0% {

        left: 0

    }

    50% {

        left: -30px

    }

    100% {

        left: 0

    }

}



@-o-keyframes lg-right-end {

    0% {

        left: 0

    }

    50% {

        left: -30px

    }

    100% {

        left: 0

    }

}



@keyframes lg-right-end {

    0% {

        left: 0

    }

    50% {

        left: -30px

    }

    100% {

        left: 0

    }

}



@-webkit-keyframes lg-left-end {

    0% {

        left: 0

    }

    50% {

        left: 30px

    }

    100% {

        left: 0

    }

}



@-moz-keyframes lg-left-end {

    0% {

        left: 0

    }

    50% {

        left: 30px

    }

    100% {

        left: 0

    }

}



@-o-keyframes lg-left-end {

    0% {

        left: 0

    }

    50% {

        left: 30px

    }

    100% {

        left: 0

    }

}



@keyframes lg-left-end {

    0% {

        left: 0

    }

    50% {

        left: 30px

    }

    100% {

        left: 0

    }

}



.lg-outer.lg-right-end .lg-object {

    -webkit-animation: lg-right-end .3s;

    -o-animation: lg-right-end .3s;

    -moz-animation: lg-right-end .3s;

    animation: lg-right-end .3s;

    position: relative

}



.lg-outer.lg-left-end .lg-object {

    -webkit-animation: lg-left-end .3s;

    -o-animation: lg-left-end .3s;

    -moz-animation: lg-left-end .3s;

    animation: lg-left-end .3s;

    position: relative

}



.lg-toolbar {

    z-index: 1082;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    background-color: none

}



.lg-toolbar .lg-icon {

    color: #999;

    cursor: pointer;

    float: right;

    font-size: 24px;

    height: 47px;

    line-height: 27px;

    padding: 10px 0;

    text-align: center;

    width: 50px;

    text-decoration: none !important;

    outline: medium none;

    -webkit-transition: color .2s linear;

    -o-transition: color .2s linear;

    -moz-transition: color .2s linear;

    transition: color .2s linear

}



.lg-toolbar .lg-icon:hover {

    color: #fff

}



.lg-toolbar .lg-close:after {

    content: "\e070"

}



.lg-toolbar .lg-download:after {

    content: "\e0f2"

}



.lg-sub-html {

    background-color: rgba(0, 0, 0, .45);

    bottom: 0;

    color: #eee;

    font-size: 16px;

    left: 0;

    padding: 10px 40px;

    position: fixed;

    right: 0;

    text-align: center;

    z-index: 1080

}



.lg-sub-html h4 {

    margin: 0;

    font-size: 13px;

    font-weight: 700

}



.lg-sub-html p {

    font-size: 12px;

    margin: 5px 0 0

}



#lg-counter {

    color: #999;

    display: inline-block;

    font-size: 16px;

    padding-left: 20px;

    padding-top: 12px;

    vertical-align: middle

}



.lg-next,

.lg-prev,

.lg-toolbar {

    opacity: 1;

    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;

    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;

    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;

    -webkit-transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s;

    transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s;

    -o-transition: opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;

    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear, -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s

}



.lg-hide-items .lg-prev {

    opacity: 0;

    -webkit-transform: translate3d(-10px, 0, 0);

    -moz-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0)

}



.lg-hide-items .lg-next {

    opacity: 0;

    -webkit-transform: translate3d(10px, 0, 0);

    -moz-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0)

}



.lg-hide-items .lg-toolbar {

    opacity: 0;

    -webkit-transform: translate3d(0, -10px, 0);

    -moz-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

}



body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {

    -webkit-transform: scale3d(.5, .5, .5);

    -moz-transform: scale3d(.5, .5, .5);

    transform: scale3d(.5, .5, .5);

    opacity: 0;

    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;

    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;

    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;

    -webkit-transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;

    transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;

    -o-transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;

    -moz-transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1), -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;

    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;

    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%

}



body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {

    -webkit-transform: scale3d(1, 1, 1);

    -moz-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    opacity: 1

}



.lg-outer .lg-thumb-outer {

    background-color: #0d0a0a;

    bottom: 0;

    position: absolute;

    width: 100%;

    z-index: 1080;

    max-height: 350px;

    -webkit-transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s

}



.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {

    cursor: -webkit-grab;

    cursor: -moz-grab;

    cursor: -o-grab;

    cursor: -ms-grab;

    cursor: grab

}



.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {

    cursor: move;

    cursor: -webkit-grabbing;

    cursor: -moz-grabbing;

    cursor: -o-grabbing;

    cursor: -ms-grabbing;

    cursor: grabbing

}



.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {

    -webkit-transition-duration: 0s !important;

    -moz-transition-duration: 0s !important;

    -o-transition-duration: 0s !important;

    transition-duration: 0s !important

}



.lg-outer.lg-thumb-open .lg-thumb-outer {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.lg-outer .lg-thumb {

    padding: 10px 0;

    height: 100%;

    margin-bottom: -5px

}



.lg-outer .lg-thumb-item {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    cursor: pointer;

    float: left;

    overflow: hidden;

    height: 100%;

    border: 2px solid #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    margin-bottom: 5px

}



@media (min-width:1025px) {

    .lg-outer .lg-thumb-item {

        -webkit-transition: border-color .25s ease;

        -o-transition: border-color .25s ease;

        -moz-transition: border-color .25s ease;

        transition: border-color .25s ease

    }

}



.lg-outer .lg-thumb-item.active,

.lg-outer .lg-thumb-item:hover {

    border-color: #a90707

}



.lg-outer .lg-thumb-item img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.lg-outer.lg-has-thumb .lg-item {

    padding-bottom: 120px

}



.lg-outer.lg-can-toggle .lg-item {

    padding-bottom: 0

}



.lg-outer.lg-pull-caption-up .lg-sub-html {

    -webkit-transition: bottom .25s ease;

    -o-transition: bottom .25s ease;

    -moz-transition: bottom .25s ease;

    transition: bottom .25s ease

}



.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {

    bottom: 100px

}



.lg-outer .lg-toogle-thumb {

    background-color: #0d0a0a;

    -webkit-border-radius: 2px 2px 0 0;

    -moz-border-radius: 2px 2px 0 0;

    border-radius: 2px 2px 0 0;

    color: #999;

    cursor: pointer;

    font-size: 24px;

    height: 39px;

    line-height: 27px;

    padding: 5px 0;

    position: absolute;

    right: 20px;

    text-align: center;

    top: -39px;

    width: 50px

}



.lg-outer .lg-toogle-thumb:after {

    content: "\e1ff"

}



.lg-outer .lg-toogle-thumb:hover {

    color: #fff

}



.lg-outer .lg-video-cont {

    display: inline-block;

    vertical-align: middle;

    max-width: 1140px;

    max-height: 100%;

    width: 100%;

    padding: 0 5px

}



.lg-outer .lg-video {

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

    overflow: hidden;

    position: relative

}



.lg-outer .lg-video .lg-object {

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important

}



.lg-outer .lg-video .lg-video-play {

    width: 84px;

    height: 59px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -42px;

    margin-top: -30px;

    z-index: 1080;

    cursor: pointer

}



.lg-outer .lg-has-iframe .lg-video {

    -webkit-overflow-scrolling: touch;

    overflow: auto

}



.lg-outer .lg-has-vimeo .lg-video-play {

    background: url(../img/lg/vimeo-play.png) no-repeat scroll 0 0 transparent

}



.lg-outer .lg-has-vimeo:hover .lg-video-play {

    background: url(../img/lg/vimeo-play.png) no-repeat scroll 0 -58px transparent

}



.lg-outer .lg-has-html5 .lg-video-play {

    background: transparent url(../img/lg/video-play.png) no-repeat scroll 0 0;

    height: 64px;

    margin-left: -32px;

    margin-top: -32px;

    width: 64px;

    opacity: .8

}



.lg-outer .lg-has-html5:hover .lg-video-play {

    opacity: 1

}



.lg-outer .lg-has-youtube .lg-video-play {

    background: url(../img/lg/youtube-play.png) no-repeat scroll 0 0 transparent

}



.lg-outer .lg-has-youtube:hover .lg-video-play {

    background: url(../img/lg/youtube-play.png) no-repeat scroll 0 -60px transparent

}



.lg-outer .lg-video-object {

    width: 100% !important;

    height: 100% !important;

    position: absolute;

    top: 0;

    left: 0

}



.lg-outer .lg-has-video .lg-video-object {

    visibility: hidden

}



.lg-outer .lg-has-video.lg-video-playing .lg-object,

.lg-outer .lg-has-video.lg-video-playing .lg-video-play {

    display: none

}



.lg-outer .lg-has-video.lg-video-playing .lg-video-object {

    visibility: visible

}



.lg-progress-bar {

    background-color: #333;

    height: 5px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1083;

    opacity: 0;

    -webkit-transition: opacity 80ms ease 0s;

    -moz-transition: opacity 80ms ease 0s;

    -o-transition: opacity 80ms ease 0s;

    transition: opacity 80ms ease 0s

}



.lg-progress-bar .lg-progress {

    background-color: #a90707;

    height: 5px;

    width: 0

}



.lg-progress-bar.lg-start .lg-progress {

    width: 100%

}



.lg-show-autoplay .lg-progress-bar {

    opacity: 1

}



.lg-autoplay-button:after {

    content: "\e01d"

}



.lg-show-autoplay .lg-autoplay-button:after {

    content: "\e01a"

}



.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s

}



.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {

    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s

}



.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {

    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;

    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;

    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s

}



.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden

}



.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {

    -webkit-transform: scale3d(1, 1, 1);

    -moz-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;

    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;

    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;

    -webkit-transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;

    transition: opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;

    -o-transition: opacity .15s, -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;

    -moz-transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s, -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;

    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;

    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s, -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s !important;

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden

}



#lg-zoom-in:after {

    content: "\e311"

}



#lg-actual-size {

    font-size: 20px

}



#lg-actual-size:after {

    content: "\e033"

}



#lg-zoom-out {

    opacity: .5;

    pointer-events: none

}



#lg-zoom-out:after {

    content: "\e312"

}



.lg-zoomed #lg-zoom-out {

    opacity: 1;

    pointer-events: auto

}



.lg-outer .lg-pager-outer {

    bottom: 60px;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    z-index: 1080;

    height: 10px

}



.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {

    overflow: visible

}



.lg-outer .lg-pager-cont {

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    position: relative;

    vertical-align: top;

    margin: 0 5px

}



.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {

    -webkit-box-shadow: 0 0 0 2px #fff inset;

    -moz-box-shadow: 0 0 0 2px #fff inset;

    box-shadow: 0 0 0 2px #fff inset

}



.lg-outer .lg-pager-thumb-cont {

    background-color: #fff;

    color: #fff;

    bottom: 100%;

    height: 83px;

    left: 0;

    margin-bottom: 20px;

    margin-left: -60px;

    opacity: 0;

    padding: 5px;

    position: absolute;

    width: 120px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;

    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;

    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;

    transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;

    -moz-transition: opacity .15s ease 0s, transform .15s ease 0s, -moz-transform .15s ease 0s;

    transition: opacity .15s ease 0s, transform .15s ease 0s;

    transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s, -moz-transform .15s ease 0s, -o-transform .15s ease 0s;

    -webkit-transform: translate3d(0, 5px, 0);

    -moz-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0)

}



.lg-outer .lg-pager-thumb-cont img {

    width: 100%;

    height: 100%

}



.lg-outer .lg-pager {

    background-color: rgba(255, 255, 255, .5);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;

    -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;

    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;

    display: block;

    height: 12px;

    -webkit-transition: box-shadow .3s ease 0s;

    -o-transition: box-shadow .3s ease 0s;

    -webkit-transition: -webkit-box-shadow .3s ease 0s;

    transition: -webkit-box-shadow .3s ease 0s;

    -moz-transition: box-shadow .3s ease 0s, -moz-box-shadow .3s ease 0s;

    transition: box-shadow .3s ease 0s;

    transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s, -moz-box-shadow .3s ease 0s;

    width: 12px

}



.lg-outer .lg-pager:focus,

.lg-outer .lg-pager:hover {

    -webkit-box-shadow: 0 0 0 8px #fff inset;

    -moz-box-shadow: 0 0 0 8px #fff inset;

    box-shadow: 0 0 0 8px #fff inset

}



.lg-outer .lg-caret {

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px dashed;

    bottom: -10px;

    display: inline-block;

    height: 0;

    left: 50%;

    margin-left: -5px;

    position: absolute;

    vertical-align: middle;

    width: 0

}



.lg-fullscreen:after {

    content: "\e20c"

}



.lg-fullscreen-on .lg-fullscreen:after {

    content: "\e20d"

}



.lg-outer #lg-dropdown-overlay {

    background-color: rgba(0, 0, 0, .25);

    bottom: 0;

    cursor: default;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1081;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;

    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;

    -moz-transition: visibility 0s linear .18s, opacity .18s linear 0s;

    transition: visibility 0s linear .18s, opacity .18s linear 0s

}



.lg-outer.lg-dropdown-active #lg-dropdown-overlay,

.lg-outer.lg-dropdown-active .lg-dropdown {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1;

    visibility: visible

}



.lg-outer.lg-dropdown-active #lg-share {

    color: #fff

}



.lg-outer .lg-dropdown {

    background-color: #fff;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 14px;

    list-style-type: none;

    margin: 0;

    padding: 10px 0;

    position: absolute;

    right: 0;

    text-align: left;

    top: 50px;

    opacity: 0;

    visibility: hidden;

    -moz-transform: translate3d(0, 5px, 0);

    -o-transform: translate3d(0, 5px, 0);

    -ms-transform: translate3d(0, 5px, 0);

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;

    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;

    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;

    -webkit-transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;

    transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;

    -o-transition: visibility 0s linear .5s, opacity .18s linear 0s, -o-transform .18s linear 0s;

    -moz-transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -moz-transform .18s linear 0s;

    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;

    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s, -moz-transform .18s linear 0s, -o-transform .18s linear 0s

}



.lg-outer .lg-dropdown:after {

    content: "";

    display: block;

    height: 0;

    width: 0;

    position: absolute;

    border: 8px solid transparent;

    border-bottom-color: #fff;

    right: 16px;

    top: -16px

}



.lg-outer .lg-dropdown>li:last-child {

    margin-bottom: 0

}



.lg-outer .lg-dropdown>li:hover .lg-icon,

.lg-outer .lg-dropdown>li:hover a {

    color: #333

}



.lg-outer .lg-dropdown a {

    color: #333;

    display: block;

    white-space: pre;

    padding: 4px 12px;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 12px

}



.lg-outer .lg-dropdown a:hover {

    background-color: rgba(0, 0, 0, .07)

}



.lg-outer .lg-dropdown .lg-dropdown-text {

    display: inline-block;

    line-height: 1;

    margin-top: -3px;

    vertical-align: middle

}



.lg-outer .lg-dropdown .lg-icon {

    color: #333;

    display: inline-block;

    float: none;

    font-size: 20px;

    height: auto;

    line-height: 1;

    margin-right: 8px;

    padding: 0;

    vertical-align: middle;

    width: auto

}



.lg-outer #lg-share {

    position: relative

}



.lg-outer #lg-share:after {

    content: "\e80d"

}



.lg-outer #lg-share-facebook .lg-icon {

    color: #3b5998

}



.lg-outer #lg-share-facebook .lg-icon:after {

    content: "\e901"

}



.lg-outer #lg-share-twitter .lg-icon {

    color: #00aced

}



.lg-outer #lg-share-twitter .lg-icon:after {

    content: "\e904"

}



.lg-outer #lg-share-googleplus .lg-icon {

    color: #dd4b39

}



.lg-outer #lg-share-googleplus .lg-icon:after {

    content: "\e902"

}



.lg-outer #lg-share-pinterest .lg-icon {

    color: #cb2027

}



.lg-outer #lg-share-pinterest .lg-icon:after {

    content: "\e903"

}



.lg-group:after {

    content: "";

    display: table;

    clear: both

}



.lg-outer {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1050;

    text-align: left;

    opacity: 0;

    -webkit-transition: opacity .15s ease 0s;

    -o-transition: opacity .15s ease 0s;

    -moz-transition: opacity .15s ease 0s;

    transition: opacity .15s ease 0s

}



.lg-outer * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.lg-outer.lg-visible {

    opacity: 1

}



.lg-outer.lg-css3 .lg-item.lg-current,

.lg-outer.lg-css3 .lg-item.lg-next-slide,

.lg-outer.lg-css3 .lg-item.lg-prev-slide {

    -webkit-transition-duration: inherit !important;

    -moz-transition-duration: inherit !important;

    -o-transition-duration: inherit !important;

    transition-duration: inherit !important;

    -webkit-transition-timing-function: inherit !important;

    -moz-transition-timing-function: inherit !important;

    -o-transition-timing-function: inherit !important;

    transition-timing-function: inherit !important

}



.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,

.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {

    -webkit-transition-duration: 0s !important;

    -moz-transition-duration: 0s !important;

    -o-transition-duration: 0s !important;

    transition-duration: 0s !important;

    opacity: 1

}



.lg-outer.lg-grab img.lg-object {

    cursor: -webkit-grab;

    cursor: -moz-grab;

    cursor: -o-grab;

    cursor: -ms-grab;

    cursor: grab

}



.lg-outer.lg-grabbing img.lg-object {

    cursor: move;

    cursor: -webkit-grabbing;

    cursor: -moz-grabbing;

    cursor: -o-grabbing;

    cursor: -ms-grabbing;

    cursor: grabbing

}



.lg-outer .lg {

    height: 100%;

    width: 100%;

    position: relative;

    overflow: hidden;

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

    max-height: 100%

}



.lg-outer .lg-inner {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    white-space: nowrap

}



.lg-outer .lg-item {

    background: url(../img/lg/loading.gif) no-repeat scroll center center transparent;

    display: none !important

}



.lg-outer.lg-css3 .lg-current,

.lg-outer.lg-css3 .lg-next-slide,

.lg-outer.lg-css3 .lg-prev-slide {

    display: inline-block !important

}



.lg-outer.lg-css .lg-current {

    display: inline-block !important

}



.lg-outer .lg-img-wrap,

.lg-outer .lg-item {

    display: inline-block;

    text-align: center;

    position: absolute;

    width: 100%;

    height: 100%

}



.lg-outer .lg-img-wrap:before,

.lg-outer .lg-item:before {

    content: "";

    display: inline-block;

    height: 50%;

    width: 1px;

    margin-right: -1px

}



.lg-outer .lg-img-wrap {

    position: absolute;

    padding: 0 5px;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



.lg-outer .lg-item.lg-complete {

    background-image: none

}



.lg-outer .lg-item.lg-current {

    z-index: 1060

}



.lg-outer .lg-image {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%;

    max-height: 100%;

    width: auto !important;

    height: auto !important

}



.lg-outer.lg-show-after-load .lg-item .lg-object,

.lg-outer.lg-show-after-load .lg-item .lg-video-play {

    opacity: 0;

    -webkit-transition: opacity .15s ease 0s;

    -o-transition: opacity .15s ease 0s;

    -moz-transition: opacity .15s ease 0s;

    transition: opacity .15s ease 0s

}



.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {

    opacity: 1

}



.lg-outer .lg-empty-html {

    display: none

}



.lg-outer.lg-hide-download #lg-download {

    display: none

}



.lg-backdrop {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1040;

    background-color: #000;

    opacity: 0;

    -webkit-transition: opacity .15s ease 0s;

    -o-transition: opacity .15s ease 0s;

    -moz-transition: opacity .15s ease 0s;

    transition: opacity .15s ease 0s

}



.lg-backdrop.in {

    opacity: .85

}



.lg-css3.lg-no-trans .lg-current,

.lg-css3.lg-no-trans .lg-next-slide,

.lg-css3.lg-no-trans .lg-prev-slide {

    -webkit-transition: none 0s ease 0s !important;

    -moz-transition: none 0s ease 0s !important;

    -o-transition: none 0s ease 0s !important;

    transition: none 0s ease 0s !important

}



.lg-css3.lg-use-css3 .lg-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden

}



.lg-css3.lg-use-left .lg-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden

}



.lg-css3.lg-fade .lg-item {

    opacity: 0

}



.lg-css3.lg-fade .lg-item.lg-current {

    opacity: 1

}



.lg-css3.lg-fade .lg-item.lg-current,

.lg-css3.lg-fade .lg-item.lg-next-slide,

.lg-css3.lg-fade .lg-item.lg-prev-slide {

    -webkit-transition: opacity .1s ease 0s;

    -moz-transition: opacity .1s ease 0s;

    -o-transition: opacity .1s ease 0s;

    transition: opacity .1s ease 0s

}



.lg-css3.lg-slide.lg-use-css3 .lg-item {

    opacity: 0

}



.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {

    -webkit-transform: translate3d(100%, 0, 0);

    -moz-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0)

}



.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    opacity: 1

}



.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {

    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    -webkit-transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;

    transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;

    -o-transition: opacity .1s ease 0s, -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s;

    -moz-transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;

    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s

}



.lg-css3.lg-slide.lg-use-left .lg-item {

    opacity: 0;

    position: absolute;

    left: 0

}



.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {

    left: -100%

}



.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {

    left: 100%

}



.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {

    left: 0;

    opacity: 1

}



.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {

    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;

    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s

}



.lg-backdrop {

    -webkit-transition: opacity .3s !important;

    -o-transition: opacity .3s !important;

    -moz-transition: opacity .3s !important;

    transition: opacity .3s !important

}



.lg-toolbar {

    top: 30px

}



.lg-close {

    margin: 0 30px 0 0

}



@media (min-width:768px) {

    .lg-img-wrap {

        padding: 40px 5px !important

    }

}



@font-face {

    font-family: 'Gothic A1';

    src: url(../fonts/gothic/GothicA1-Light.woff2) format("woff2"), url(../fonts/gothic/GothicA1-Light.woff) format("woff"), url(../fonts/gothic/GothicA1-Light.ttf) format("truetype");

    font-weight: 300;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: 'Gothic A1';

    src: url(../fonts/gothic/GothicA1-Regular.woff2) format("woff2"), url(../fonts/gothic/GothicA1-Regular.woff) format("woff"), url(../fonts/gothic/GothicA1-Regular.ttf) format("truetype");

    font-weight: 400;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: 'Gothic A1';

    src: url(../fonts/gothic/GothicA1-Bold.woff2) format("woff2"), url(../fonts/gothic/GothicA1-Bold.woff) format("woff"), url(../fonts/gothic/GothicA1-Bold.ttf) format("truetype");

    font-weight: 700;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: 'Gothic A1';

    src: url(../fonts/gothic/GothicA1-Black.woff2) format("woff2"), url(../fonts/gothic/GothicA1-Black.woff) format("woff"), url(../fonts/gothic/GothicA1-Black.ttf) format("truetype");

    font-weight: 900;

    font-style: normal;

    font-display: swap

}



/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */



html {

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article,

aside,

footer,

header,

nav,

section {

    display: block

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



figcaption,

figure,

main {

    display: block

}



figure {

    margin: 1em 40px

}



hr {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



pre {

    font-family: monospace, monospace;

    font-size: 1em

}



a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    -moz-text-decoration: underline dotted;

    text-decoration: underline dotted

}



b,

strong {

    font-weight: inherit

}



b,

strong {

    font-weight: bolder

}



code,

kbd,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}



dfn {

    font-style: italic

}



mark {

    background-color: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



audio,

video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



img {

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



button,

input,

optgroup,

select,

textarea {

    font-family: sans-serif;

    font-size: 100%;

    line-height: 1.15;

    margin: 0

}



button,

input {

    overflow: visible

}



button,

select {

    text-transform: none

}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    border-style: none;

    padding: 0

}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

    outline: 1px dotted ButtonText

}



fieldset {

    padding: .35em .75em .625em

}



legend {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



progress {

    display: inline-block;

    vertical-align: baseline

}



textarea {

    overflow: auto

}



[type=checkbox],

[type=radio] {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



details,

menu {

    display: block

}



summary {

    display: list-item

}



canvas {

    display: inline-block

}



template {

    display: none

}



[hidden] {

    display: none

}



html {

    height: 100%

}



body {

    height: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

    color: #000;

    font-family: 'Lato', sans-serif !important;

    font-size: 14px;

    letter-spacing: normal;

    line-height: normal;

    text-align: left;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



:after,

:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



:focus {

    outline: 0 !important

}



a {

    color: inherit;

    cursor: pointer

}



a:focus,

a:hover {

    color: inherit;

    text-decoration: underline

}



audio,

canvas,

iframe,

img,

svg,

video {

    vertical-align: middle

}



figure {

    margin: 0

}



button,

input,

select,

textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



[type=button]:not(:disabled),

[type=reset]:not(:disabled),

[type=submit]:not(:disabled),

button:not(:disabled) {

    cursor: pointer

}



@media print {

    *,

    ::after,

    ::before {

        text-shadow: none !important;

        -webkit-box-shadow: none !important;

        -moz-box-shadow: none !important;

        box-shadow: none !important

    }

    a,

    a:visited {

        text-decoration: underline

    }

    abbr[title]::after {

        content: " (" attr(title) ")"

    }

    pre {

        white-space: pre-wrap !important

    }

    blockquote,

    pre {

        border: 1px solid #999;

        page-break-inside: avoid

    }

    thead {

        display: table-header-group

    }

    img,

    tr {

        page-break-inside: avoid

    }

    h2,

    h3,

    p {

        orphans: 3;

        widows: 3

    }

    h2,

    h3 {

        page-break-after: avoid

    }

}



.bm-view {

    height: 100%

}



.bm-content {

    height: 100%

}



.bm-content .scrollbar-track {

    display: none !important

}



.bm-content .scroll-content {

    height: 100%;

    will-change: transform

}



.bm-brief-container,

.bm-connect-container,

.bm-container,

.bm-entrybox-container,

.bm-feature-container,

.bm-hero-container,

.bm-menu-toggle,

.bm-navbar-menu-container,

.bm-nextwork-container,

.bm-outro-container,

.bm-portfolio-container,

.bm-work-container {

    padding: 0 20px

}



@media (min-width:768px) {

    .bm-brief-container,

    .bm-connect-container,

    .bm-container,

    .bm-entrybox-container,

    .bm-feature-container,

    .bm-hero-container,

    .bm-menu-toggle,

    .bm-navbar-menu-container,

    .bm-nextwork-container,

    .bm-outro-container,

    .bm-portfolio-container,

    .bm-work-container {

        padding: 0 60px

    }

}



@media (min-width:1024px) {

    .bm-brief-container,

    .bm-connect-container,

    .bm-container,

    .bm-entrybox-container,

    .bm-feature-container,

    .bm-hero-container,

    .bm-menu-toggle,

    .bm-navbar-menu-container,

    .bm-nextwork-container,

    .bm-outro-container,

    .bm-portfolio-container,

    .bm-work-container {

        padding: 0 80px

    }

}



@media (min-width:1200px) {

    .bm-brief-container,

    .bm-connect-container,

    .bm-container,

    .bm-entrybox-container,

    .bm-feature-container,

    .bm-hero-container,

    .bm-menu-toggle,

    .bm-navbar-menu-container,

    .bm-nextwork-container,

    .bm-outro-container,

    .bm-portfolio-container,

    .bm-work-container {

        padding: 0 100px

    }

}



@media (min-width:1600px) {

    .bm-brief-container,

    .bm-connect-container,

    .bm-container,

    .bm-entrybox-container,

    .bm-feature-container,

    .bm-hero-container,

    .bm-menu-toggle,

    .bm-navbar-menu-container,

    .bm-nextwork-container,

    .bm-outro-container,

    .bm-portfolio-container,

    .bm-work-container {

        padding: 0 140px

    }

}



@media (min-width:2000px) {

    .bm-brief-container,

    .bm-connect-container,

    .bm-container,

    .bm-entrybox-container,

    .bm-feature-container,

    .bm-hero-container,

    .bm-menu-toggle,

    .bm-navbar-menu-container,

    .bm-nextwork-container,

    .bm-outro-container,

    .bm-portfolio-container,

    .bm-work-container {

        padding: 0 180px

    }

}



.-lg.bm-brief-container,

.-lg.bm-connect-container,

.-lg.bm-entrybox-container,

.-lg.bm-feature-container,

.-lg.bm-hero-container,

.-lg.bm-menu-toggle,

.-lg.bm-navbar-menu-container,

.-lg.bm-nextwork-container,

.-lg.bm-outro-container,

.-lg.bm-portfolio-container,

.-lg.bm-work-container,

.bm-container.-lg,

.bm-workbox-container {

    padding: 0 20px

}



@media (min-width:768px) {

    .-lg.bm-brief-container,

    .-lg.bm-connect-container,

    .-lg.bm-entrybox-container,

    .-lg.bm-feature-container,

    .-lg.bm-hero-container,

    .-lg.bm-menu-toggle,

    .-lg.bm-navbar-menu-container,

    .-lg.bm-nextwork-container,

    .-lg.bm-outro-container,

    .-lg.bm-portfolio-container,

    .-lg.bm-work-container,

    .bm-container.-lg,

    .bm-workbox-container {

        padding: 0 80px

    }

}



@media (min-width:1024px) {

    .-lg.bm-brief-container,

    .-lg.bm-connect-container,

    .-lg.bm-entrybox-container,

    .-lg.bm-feature-container,

    .-lg.bm-hero-container,

    .-lg.bm-menu-toggle,

    .-lg.bm-navbar-menu-container,

    .-lg.bm-nextwork-container,

    .-lg.bm-outro-container,

    .-lg.bm-portfolio-container,

    .-lg.bm-work-container,

    .bm-container.-lg,

    .bm-workbox-container {

        padding: 0 100px

    }

}



@media (min-width:1200px) {

    .-lg.bm-brief-container,

    .-lg.bm-connect-container,

    .-lg.bm-entrybox-container,

    .-lg.bm-feature-container,

    .-lg.bm-hero-container,

    .-lg.bm-menu-toggle,

    .-lg.bm-navbar-menu-container,

    .-lg.bm-nextwork-container,

    .-lg.bm-outro-container,

    .-lg.bm-portfolio-container,

    .-lg.bm-work-container,

    .bm-container.-lg,

    .bm-workbox-container {

        padding: 0 200px

    }

}



@media (min-width:1600px) {

    .-lg.bm-brief-container,

    .-lg.bm-connect-container,

    .-lg.bm-entrybox-container,

    .-lg.bm-feature-container,

    .-lg.bm-hero-container,

    .-lg.bm-menu-toggle,

    .-lg.bm-navbar-menu-container,

    .-lg.bm-nextwork-container,

    .-lg.bm-outro-container,

    .-lg.bm-portfolio-container,

    .-lg.bm-work-container,

    .bm-container.-lg,

    .bm-workbox-container {

        padding: 0 240px

    }

}



@media (min-width:2000px) {

    .-lg.bm-brief-container,

    .-lg.bm-connect-container,

    .-lg.bm-entrybox-container,

    .-lg.bm-feature-container,

    .-lg.bm-hero-container,

    .-lg.bm-menu-toggle,

    .-lg.bm-navbar-menu-container,

    .-lg.bm-nextwork-container,

    .-lg.bm-outro-container,

    .-lg.bm-portfolio-container,

    .-lg.bm-work-container,

    .bm-container.-lg,

    .bm-workbox-container {

        padding: 0 280px

    }

}



.bm-svgsprite {

    display: inline-block;

    width: 1em;

    height: 1em;

    fill: currentColor;

    vertical-align: middle

}



.bm-sprite {

    display: inline-block;

    background-image: url(../img/sprites/sprites.png);

    background-repeat: no-repeat

}



.bm-sprite.-cuberto {

    background-position: -64px 0;

    width: 65px;

    height: 13px

}



.bm-sprite.-service-diorama {

    background-position: 0 0;

    width: 32px;

    height: 41px

}



.bm-sprite.-service-model {

    background-position: 0 -42px;

    width: 26px;

    height: 43px

}



.bm-sprite.-service-print {

    background-position: -33px 0;

    width: 30px;

    height: 37px

}



@media (-webkit-min-device-pixel-ratio:2),

(-o-min-device-pixel-ratio:2/1),

(min-resolution:192dpi) {

    .bm-sprite {

        background-image: url(../img/sprites/sprites%402x.png);

        -webkit-background-size: 129px 85px;

        -moz-background-size: 129px 85px;

        background-size: 129px 85px

    }

}



.bm-navbar-fill {

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 65px;

    z-index: 95;

    -webkit-transform-origin: top center;

    -moz-transform-origin: top center;

    -ms-transform-origin: top center;

    -o-transform-origin: top center;

    transform-origin: top center;

    background: #fff;

    border-bottom: 1px #fafafa solid;

    -webkit-transition: -webkit-transform .4s;

    transition: -webkit-transform .4s;

    -o-transition: -o-transform .4s;

    -moz-transition: transform .4s, -moz-transform .4s;

    transition: transform .4s;

    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s

}



@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {

    .bm-navbar-fill {

        background: rgba(255, 255, 255, .85);

        -webkit-backdrop-filter: blur(10px);

        backdrop-filter: blur(10px)

    }

}



@media (min-width:1200px) {

    .bm-navbar-fill {

        display: none

    }

}



.bm-navbar-strip {

    position: fixed;

    top: 11px;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 99;

    pointer-events: none;

    -webkit-transition: color .8s;

    -o-transition: color .8s;

    -moz-transition: color .8s;

    transition: color .8s

}



@media (min-width:1200px) {

    .bm-navbar-strip {

        top: 0;

        color: #666;

        border-bottom: 1px solid #acacac00;

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-navbar-strip {

        top: 0;

        border-bottom: 1px solid #acacac00;

    }

}



.bm-navbar-container {

    padding: 0 20px

}



@media (min-width:768px) {

    .bm-navbar-container {

        padding: 0 60px

    }

}



@media (min-width:1024px) {

    .bm-navbar-container {

        padding: 0 80px

    }

}



@media (min-width:1200px) {

    .bm-navbar-container {

        padding: 0 0;

    }

}



.bm-navbar-grid {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.bm-navbar-grid-col {

    pointer-events: auto

}



.bm-navbar-logo {

    line-height: 0

}



.bm-navbar-logo svg {

    width: 102px;

    height: 15px

}



@media (min-width:768px) {

    .bm-navbar-logo svg {

        width: 115px;

        height: 17px

    }

}



@media (min-width:1600px) {

    .bm-navbar-logo svg {

        width: 137px;

        height: 20px

    }

}



.bm-navbar-social {

    display: inline-block;

    vertical-align: middle;

    margin: 0 12px 0 0

}



@media (min-width:375px) {

    .bm-navbar-social {

        margin: 0 15px 0 0

    }

}



@media (min-width:768px) {

    .bm-navbar-social {

        margin: 0 40px

    }

}



.bm-navbar-link {

    display: inline-block;

    vertical-align: middle;

    margin: 0 -12px

}



.bm-navbar-link-item {

    display: inline-block;

    margin: 0 12px;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

    -webkit-transition: color .4s;

    -o-transition: color .4s;

    -moz-transition: color .4s;

    transition: color .4s

}



.bm-navbar-link-item:focus,

.bm-navbar-link-item:hover {

    color: #fb6833;

    text-decoration: none

}



.bm-navbar-link.-works {

    display: none

}



@media (min-width:768px) {

    .bm-navbar-link.-works {

        display: block

    }

}



.bm-navbar-menu {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 95;

    overflow: hidden;

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

    background-color: #f8f8f9;

    -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .3s;

    transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .3s;

    -o-transition: -o-transform .4s cubic-bezier(.215, .61, .355, 1) .3s;

    -moz-transition: transform .4s cubic-bezier(.215, .61, .355, 1) .3s, -moz-transform .4s cubic-bezier(.215, .61, .355, 1) .3s;

    transition: transform .4s cubic-bezier(.215, .61, .355, 1) .3s;

    transition: transform .4s cubic-bezier(.215, .61, .355, 1) .3s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .3s, -moz-transform .4s cubic-bezier(.215, .61, .355, 1) .3s, -o-transform .4s cubic-bezier(.215, .61, .355, 1) .3s

}



@media (min-width:1200px) {

    .bm-navbar-menu {

       

    }

}



.bm-navbar-menu-lines {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) scale(1.5);

    -moz-transform: translate(-50%, -50%) scale(1.5);

    -ms-transform: translate(-50%, -50%) scale(1.5);

    -o-transform: translate(-50%, -50%) scale(1.5);

    transform: translate(-50%, -50%) scale(1.5);

    opacity: 0;

    -webkit-transition: opacity .2s, -webkit-transform 0s .4s;

    transition: opacity .2s, -webkit-transform 0s .4s;

    -o-transition: opacity .2s, -o-transform 0s .4s;

    -moz-transition: opacity .2s, transform 0s .4s, -moz-transform 0s .4s;

    transition: opacity .2s, transform 0s .4s;

    transition: opacity .2s, transform 0s .4s, -webkit-transform 0s .4s, -moz-transform 0s .4s, -o-transform 0s .4s

}



.bm-navbar-menu-lines svg {

    width: 890px;

    height: 520px;

    -webkit-transform: rotate(60deg);

    -moz-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    -o-transform: rotate(60deg);

    transform: rotate(60deg);

    fill: #fff

}



@media (min-width:375px) {

    .bm-navbar-menu-lines svg {

        width: 1290px;

        height: 750px

    }

}



@media (min-width:768px) {

    .bm-navbar-menu-lines svg {

        width: 1290px;

        height: 750px

    }

}



.bm-navbar-menu-container {

    height: 50%

}



.bm-navbar-menu-content {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%

}



.bm-navbar-menu-list {

    padding: 20px 0 0 0;

    margin: -18px 0;

    text-align: center

}



.bm-navbar-menu-list-item {

    margin: 18px 0;

    opacity: 0;

    -webkit-transform: translateY(30px);

    -moz-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-transition: opacity .4s, -webkit-transform .4s .4s;

    transition: opacity .4s, -webkit-transform .4s .4s;

    -o-transition: opacity .4s, -o-transform .4s .4s;

    -moz-transition: opacity .4s, transform .4s .4s, -moz-transform .4s .4s;

    transition: opacity .4s, transform .4s .4s;

    transition: opacity .4s, transform .4s .4s, -webkit-transform .4s .4s, -moz-transform .4s .4s, -o-transform .4s .4s

}



.bm-navbar-menu-list-link {

    position: inherit;

    display: inline-block;

    font-size: 20px;

    line-height: 1.61em;

    letter-spacing: .01em;

    text-decoration: none;

    white-space: nowrap

}



@media (min-width:768px) {

    .bm-navbar-menu-list-link {

        font-size: 32px

    }

}



.bm-navbar-menu-list-link:before {

    content: '';

    position: absolute;

    top: 50%;

    left: -23px;

    width: 3px;

    height: 3px;

    margin: -2px 0 0 0;

    opacity: 0;

    background: #fb6833

}



.bm-navbar-menu-list-link:focus,

.bm-navbar-menu-list-link:hover {

    color: #fb6833;

    text-decoration: none

}



.bm-navbar-menu-list-link.-active {

    color: #fb6833

}



.bm-navbar-menu-list-link.-active:before {

    opacity: 1

}



.bm-navbar-menu-close {

    position: absolute;

    bottom: 20px;

    right: 0;

    color: #888;

    opacity: 0;

    -webkit-transition: opacity .3s;

    -o-transition: opacity .3s;

    -moz-transition: opacity .3s;

    transition: opacity .3s

}



@media (min-width:768px) {

    .bm-navbar-menu-close {

        bottom: 43px

    }

}



@media (min-width:1024px) {

    .bm-navbar-menu-close {

        bottom: 33px

    }

}



.bm-navbar-menu.-open,

.bm-navbar.-burger .bm-navbar-menu {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s

}



.bm-navbar-menu.-open .bm-navbar-menu-close,

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-close {

    opacity: 1;

    -webkit-transition-delay: .4s;

    -moz-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s

}



.bm-navbar-menu.-open .bm-navbar-menu-lines,

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-lines {

    opacity: 1;

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    -webkit-transition: opacity 2s .4s, -webkit-transform 8s .4s;

    transition: opacity 2s .4s, -webkit-transform 8s .4s;

    -o-transition: opacity 2s .4s, -o-transform 8s .4s;

    -moz-transition: opacity 2s .4s, transform 8s .4s, -moz-transform 8s .4s;

    transition: opacity 2s .4s, transform 8s .4s;

    transition: opacity 2s .4s, transform 8s .4s, -webkit-transform 8s .4s, -moz-transform 8s .4s, -o-transform 8s .4s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item,

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0)

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(1),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(1) {

    -webkit-transition-delay: .27s;

    -moz-transition-delay: .27s;

    -o-transition-delay: .27s;

    transition-delay: .27s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(2),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(2) {

    -webkit-transition-delay: .34s;

    -moz-transition-delay: .34s;

    -o-transition-delay: .34s;

    transition-delay: .34s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(3),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(3) {

    -webkit-transition-delay: .41s;

    -moz-transition-delay: .41s;

    -o-transition-delay: .41s;

    transition-delay: .41s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(4),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(4) {

    -webkit-transition-delay: .48s;

    -moz-transition-delay: .48s;

    -o-transition-delay: .48s;

    transition-delay: .48s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(5),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(5) {

    -webkit-transition-delay: .55s;

    -moz-transition-delay: .55s;

    -o-transition-delay: .55s;

    transition-delay: .55s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(6),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(6) {

    -webkit-transition-delay: .62s;

    -moz-transition-delay: .62s;

    -o-transition-delay: .62s;

    transition-delay: .62s

}



.bm-navbar-menu.-open .bm-navbar-menu-list-item:nth-child(7),

.bm-navbar.-burger .bm-navbar-menu .bm-navbar-menu-list-item:nth-child(7) {

    -webkit-transition-delay: .69s;

    -moz-transition-delay: .69s;

    -o-transition-delay: .69s;

    transition-delay: .69s

}



.bm-navbar.-inverse .bm-navbar-strip {

    color: #fff

}



.bm-loader {

    display: inline

}



.bm-loader_overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 0%;

    z-index: 9999;

    pointer-events: none;

    background: #fff;

    opacity: 0;

    -webkit-transition: opacity 1s, max-width 0s .7s;

    -o-transition: opacity 1s, max-width 0s .7s;

    -moz-transition: opacity 1s, max-width 0s .7s;

    transition: opacity 1s, max-width 0s .7s

}



.bm-loader_overlay.-visible {

    pointer-events: auto;

    max-width: 100%;

    opacity: 1;

    -webkit-transition-delay: 0s, 0s;

    -moz-transition-delay: 0s, 0s;

    -o-transition-delay: 0s, 0s;

    transition-delay: 0s, 0s

}



@media (min-width:768px) {

    .bm-form-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        margin: 0 -11px

    }

}



@media (min-width:768px) {

    .bm-form-grid-col {

        -webkit-box-flex: 1;

        -webkit-flex: 1 0;

        -moz-box-flex: 1;

        -ms-flex: 1 0;

        flex: 1 0;

        margin: 0 11px

    }

}



.bm-form-group {

    margin: -8px 0 22px 0

}



.bm-form-group.-last {

    margin: 0

}



.bm-form-submit {

    margin: 35px 0 0 0

}



.bm-form-error {

    color: #eb4242

}



.bm-input {

    display: inline

}



@media (min-width:768px) {

    .bm-input_box-group {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex

    }

}



.bm-input_box-group-col:first-child {

    margin: 0 0 10px 0

}



@media (min-width:768px) {

    .bm-input_box-group-col:first-child {

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        -moz-box-flex: 1;

        -ms-flex: 1;

        flex: 1

    }

}



.bm-input_box input {

    margin: 0;

    padding: 0 0 0 25px;

    height: 50px;

    width: 100%;

    color: inherit;

    background: 0 0;

    border: 1px #fff solid;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    outline: 0;

    font-family: sans-serif;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: normal;

    line-height: 1;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s

}



.bm-input_box input::-webkit-input-placeholder {

    opacity: .7;

    color: inherit

}



.bm-input_box input::-moz-placeholder {

    opacity: .7;

    color: inherit

}



.bm-input_box input::-ms-input-placeholder {

    opacity: .7;

    color: inherit

}



.bm-input_box input::placeholder {

    opacity: .7;

    color: inherit

}



.bm-input_box input:hover {

    border-color: rgba(255, 255, 255, .7)

}



.bm-input_box input:focus {

    border-color: rgba(255, 255, 255, .5)

}



.bm-input_box input:invalid {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    outline: 0

}



.bm-input_flat input,

.bm-input_flat select,

.bm-input_flat-input {

    margin: 0;
    padding: 14px 15px;
    width: 100%;
    color: inherit;
    background: 0 0;
    border: 0;
    border: 1px rgb(77 77 77 / 22%) solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px;
    outline: 0;
    font-size: 15px;
    letter-spacing: .4px;
    line-height: normal;
    vertical-align: middle;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;

}



.bm-input_flat input::-webkit-input-placeholder,

.bm-input_flat select::-webkit-input-placeholder,

.bm-input_flat-input::-webkit-input-placeholder {

    color: inherit

}



.bm-input_flat input::-moz-placeholder,

.bm-input_flat select::-moz-placeholder,

.bm-input_flat-input::-moz-placeholder {

    color: inherit

}



.bm-input_flat input::-ms-input-placeholder,

.bm-input_flat select::-ms-input-placeholder,

.bm-input_flat-input::-ms-input-placeholder {

    color: inherit

}



.bm-input_flat input::placeholder,

.bm-input_flat select::placeholder,

.bm-input_flat-input::placeholder {

    color: inherit

}



.bm-input_flat input:-ms-input-placeholder,

.bm-input_flat select:-ms-input-placeholder,

.bm-input_flat-input:-ms-input-placeholder {

    color: inherit

}



.bm-input_flat input:hover,

.bm-input_flat select:hover,

.bm-input_flat-input:hover {

    border-color: rgb(5 5 5 / 20%);

}



.bm-input_flat input:focus,

.bm-input_flat select:focus,

.bm-input_flat-input:focus {

    border-color: rgb(5 5 5 / 20%)

}



.bm-input_flat input:invalid,

.bm-input_flat select:invalid,

.bm-input_flat-input:invalid {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    outline: 0

}



.bm-input_flat select {

    cursor: pointer;

    -webkit-appearance: none;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNiI+ICA8cGF0aCBkPSJNMSw4Ljc1LDcuNSwxNW0wLDBMMTQsOC43NU03LjUsMTVWMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+);

    background-repeat: no-repeat;

    -webkit-background-size: 15px 15px;

    -moz-background-size: 15px 15px;

    background-size: 15px 15px;

    background-position: right center

}



.bm-input_flat select::-ms-expand {

    display: none

}



.bm-input_flat select option {

    background: #fff;

    color: #000

}



.bm-input_flat select option:first-child {

    display: none

}



.bm-btn {

    display: inline

}



.bm-btn_dummy,

.bm-btn_flat,

.bm-btn_menu {

    position: relative;

    display: inline-block;

    height: auto;

    margin: 0;

    padding: 0;

    color: inherit;

    background: 0 0;

    border: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    outline: 0;

    font-family: inherit;

    font-size: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    text-align: inherit;

    text-transform: inherit;

    text-indent: inherit

}



.bm-btn_dummy:focus,

.bm-btn_dummy:hover,

.bm-btn_flat:focus,

.bm-btn_flat:hover,

.bm-btn_menu:focus,

.bm-btn_menu:hover {

    outline: 0;

    text-decoration: none

}



.bm-btn_menu-text {

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px 0 0;

    overflow: hidden;

    font-size: 12px;

    font-weight: 600

}



.bm-btn_menu-text span {

    position: relative;

    display: inline-block

}



.bm-btn_menu-circle {

    display: inline-block;

    width: 45px;

    height: 45px;

    vertical-align: middle;

    text-align: center;

    border: 1px rgba(0, 0, 0, .2) solid;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 42px

}



.bm-btn_menu-circle span {

    display: inline-block;

    width: 3px;

    height: 3px;

    margin: 0 4px;

    vertical-align: middle;

    background: rgba(119, 119, 119, .2)

}



.bm-btn_menu-circle span:first-child {

    background: #fb6833

}



.bm-btn_menu-circle.-times svg {

    width: 11px;

    height: 11px

}



.bm-btn_menu:focus,

.bm-btn_menu:hover {

    text-decoration: none

}



.bm-btn_flat {

    padding: 0 50px;

    height: 54px;

    overflow: hidden;

    color: #22126f;

    background: #fff;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .1em;

    text-decoration: none;

    text-transform: uppercase;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    -webkit-transition: background .2s, color .2s;

    -o-transition: background .2s, color .2s;

    -moz-transition: background .2s, color .2s;

    transition: background .2s, color .2s

}



a.bm-btn_flat {

    line-height: 55px

}



.bm-btn_flat:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: -15px;

    right: -15px;

    bottom: 0;

    -webkit-transform: skew(-25deg) translateX(100%);

    -moz-transform: skew(-25deg) translateX(100%);

    -ms-transform: skew(-25deg) translateX(100%);

    -o-transform: skew(-25deg) translateX(100%);

    transform: skew(-25deg) translateX(100%);

    background: rgba(34, 18, 111, .1);

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    transition: all .4s

}



.bm-btn_flat:focus,

.bm-btn_flat:hover {

    text-decoration: none;

    color: #22126f

}



.bm-btn_flat:focus:before,

.bm-btn_flat:hover:before {

    -webkit-animation: bm-btn_flat-before-show .4s;

    -moz-animation: bm-btn_flat-before-show .4s;

    -o-animation: bm-btn_flat-before-show .4s;

    animation: bm-btn_flat-before-show .4s;

    -webkit-transform: skew(-25deg) translateX(0);

    -moz-transform: skew(-25deg) translateX(0);

    -ms-transform: skew(-25deg) translateX(0);

    -o-transform: skew(-25deg) translateX(0);

    transform: skew(-25deg) translateX(0)

}



.bm-btn_flat:active {

    background: #f2f2f2

}



.bm-btn_flat:active:before {

    -webkit-animation: none;

    -moz-animation: none;

    -o-animation: none;

    animation: none;

    -webkit-transform: skew(-25deg) translateX(100%);

    -moz-transform: skew(-25deg) translateX(100%);

    -ms-transform: skew(-25deg) translateX(100%);

    -o-transform: skew(-25deg) translateX(100%);

    transform: skew(-25deg) translateX(100%)

}



.bm-btn_flat:disabled {

    pointer-events: none;

    opacity: .6

}



.bm-btn_flat span {

    position: relative;

    z-index: 1

}



.bm-btn_flat.-full {

    width: 100%

}



.bm-btn_flat.-sm {

    padding: 0 25px

}



.bm-btn_flat.-primary {

    color: #fff;

    background: #fb6833

}



.bm-btn_flat.-primary:before {

    background: rgba(255, 255, 255, .1)

}



.bm-btn_flat.-primary:active {

    background: #fb551a

}



.bm-btn_flat.-primary:focus,

.bm-btn_flat.-primary:hover {

    color: #fff

}



@-webkit-keyframes bm-btn_flat-before-show {

    0% {

        -webkit-transform: skew(-25deg) translateX(-100%);

        transform: skew(-25deg) translateX(-100%)

    }

    100% {

        -webkit-transform: skew(-25deg) translateX(0);

        transform: skew(-25deg) translateX(0)

    }

}



@-moz-keyframes bm-btn_flat-before-show {

    0% {

        -moz-transform: skew(-25deg) translateX(-100%);

        transform: skew(-25deg) translateX(-100%)

    }

    100% {

        -moz-transform: skew(-25deg) translateX(0);

        transform: skew(-25deg) translateX(0)

    }

}



@-o-keyframes bm-btn_flat-before-show {

    0% {

        -o-transform: skew(-25deg) translateX(-100%);

        transform: skew(-25deg) translateX(-100%)

    }

    100% {

        -o-transform: skew(-25deg) translateX(0);

        transform: skew(-25deg) translateX(0)

    }

}



@keyframes bm-btn_flat-before-show {

    0% {

        -webkit-transform: skew(-25deg) translateX(-100%);

        -moz-transform: skew(-25deg) translateX(-100%);

        -o-transform: skew(-25deg) translateX(-100%);

        transform: skew(-25deg) translateX(-100%)

    }

    100% {

        -webkit-transform: skew(-25deg) translateX(0);

        -moz-transform: skew(-25deg) translateX(0);

        -o-transform: skew(-25deg) translateX(0);

        transform: skew(-25deg) translateX(0)

    }

}



.bm-social {

    margin: 0px 0px;

    white-space: nowrap

}



.bm-social-item {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 40px;

    margin: 0 5px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    font-size: 19px;

    line-height: 39px;

    text-align: center;

    -webkit-transition: background .3s, color .2s;

    -o-transition: background .3s, color .2s;

    -moz-transition: background .3s, color .2s;

    transition: background .3s, color .2s

}



@media (min-width:768px) {

    .bm-social-item {

        width: 45px;

        height: 45px;

        line-height: 45px

    }

}



.bm-social-item:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



@media (min-width:768px) {

    .bm-social-item:before {

       

    }

}



.bm-social-item:focus,

.bm-social-item:hover {

    background: #006d91;

    color: #fff;

    text-decoration: none

}



.bm-menu {

    position: fixed;

    right: 0;

    bottom: 20px;

    z-index: 90;

    pointer-events: none;

    contain: layout style;

    color: #888

}



@media (min-width:768px) {

    .bm-menu {

        bottom: 43px

    }

}



@media (min-width:1024px) {

    .bm-menu {

        bottom: 33px

    }

}



@media (min-width:1200px) {

    .bm-menu {

        left: 0;

        bottom: 26px

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-menu {

        bottom: 30px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-menu {

        bottom: 48px

    }

}



.bm-menu-toggle {

    display: inline-block;

    pointer-events: auto;

    text-align: right

}



@media (min-width:1200px) {

    .bm-menu-toggle {

       position: absolute;

    right: 0;

    top: -12px;

    }

}



.bm-menu-nav {

    display: none

}



@media (min-width:1200px) {

    .bm-menu-nav {

        display: block;

        text-align: center

    }

}



.bm-menu-nav-items {

    display: -webkit-inline-box;

    display: -webkit-inline-flex;

    display: -moz-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    pointer-events: auto

}



.bm-menu-nav-item {

    position: relative;

    cursor: pointer;

    text-align: left

}



.bm-menu-nav-item-title {

    margin: 0 0 13px 0;

    font-size: 15px;

    font-weight: 600;

    -o-transition: color .4s;

    -moz-transition: color .4s;

    transition: color .4s;

    color: #333;

}



.bm-menu-nav-item-title:after {

    content: "";

    position: absolute;

    display: block;

    width: 3px;

    height: 3px;

    bottom: -1px;

    background: rgba(0, 0, 0, .1);

    background: rgba(119, 119, 119, .3);

    -webkit-transition: background .4s;

    -o-transition: background .4s;

    -moz-transition: background .4s;

    transition: background .4s

}



.bm-menu-nav-item-line {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    width: 87px;

    height: 1px;

    margin: 0 1px 0 3px;

    background: rgba(0, 0, 0, .1);

    background: rgba(119, 119, 119, .3)

}



@media (min-width:768px) {

    .bm-menu-nav-item-line {

        width: 107px

    }

}



@media (min-width:1024px) {

    .bm-menu-nav-item-line {

        width: 154px;
opacity:0;
    }

}



.bm-menu-nav-item-line span {

    display: block;

    height: 1px;

    width: 100%;

    background: #10a4c9;

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

    will-change: transform

}



.bm-menu-nav-item:last-child .bm-menu-nav-item-line {

    display: none

}



.bm-menu-nav-item:hover .bm-menu-nav-item-title {

    color: #0079a1

}



.bm-menu-nav-item.-active .bm-menu-nav-item-title {

    color: #0079a1

}



.bm-menu-nav-item.-active .bm-menu-nav-item-title:after {

    background: #0079a1

}



.bm-checkbox {

    display: inline

}



.bm-checkbox_flat {

    cursor: pointer;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex

}



.bm-checkbox_flat-box {

    position: relative;

    display: inline-block;

    width: 14px;

    height: 14px;

    min-width: 14px;

    vertical-align: top;

    -webkit-box-flex: 0;

    -webkit-flex: 0;

    -moz-box-flex: 0;

    -ms-flex: 0;

    flex: 0;

    opacity: .5;

    border: 1px solid;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s

}



.bm-checkbox_flat-box:before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    margin: 2px 0 0 2px;

    -webkit-transform: scale(0) rotate(-90deg);

    -moz-transform: scale(0) rotate(-90deg);

    -ms-transform: scale(0) rotate(-90deg);

    -o-transform: scale(0) rotate(-90deg);

    transform: scale(0) rotate(-90deg);

    background: currentColor;

    -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s;

    -o-transition: -o-transform .2s;

    -moz-transition: transform .2s, -moz-transform .2s;

    transition: transform .2s;

    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s

}



.bm-checkbox_flat-title {

    display: inline-block;

    vertical-align: top;

    margin: -3px 0 0 15px;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    opacity: .8;

    font-size: 14px;

    line-height: 23px;

    text-align: left;

    -webkit-transition: all .2s;

    -o-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s

}



.bm-checkbox_flat input {

    position: absolute;

    opacity: 0;

    visibility: hidden;

    z-index: -999;

    padding: 0;

    margin: 0

}



input:checked+.bm-checkbox_flat-box {

    opacity: 1

}



input:checked+.bm-checkbox_flat-box:before {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.bm-checkbox_flat:hover .bm-checkbox_flat-box {

    opacity: 1

}



.bm-checkbox_flat:hover .bm-checkbox_flat-title {

    opacity: 1

}



.bm-screen {

    height: 100%

}



.bm-screen-roll {

    height: 100%

}



@media (min-width:1200px) {

    .bm-screen-roll {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex

    }

}



@media (min-width:1200px) {

    .bm-screen-item {

        height: 100%

    }

}



.bm-screen-item.-full {

    height: 100%

}



.bm-hero {

    display: block;

    height: 100%;

    width: 100vw;

    min-height: 470px

}



@media (min-width:1200px) {

    .bm-hero {

        margin-right: 300px

    }

}



@media (min-width:1400px) and (min-height:720px) {

    .bm-hero {

        margin-right: 350px

    }

}



.bm-hero-anchor {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1

}



.bm-hero-container {

    height: 100%

}



@media (min-width:768px) {

    .bm-hero-container {

        padding-left: 80px

    }

}



@media (min-width:1024px) {

    .bm-hero-container {

        padding-left: 120px

    }

}



@media (min-width:1200px) {

    .bm-hero-container {

        padding-left: 115px

    }

}



@media (min-width:1600px) {

    .bm-hero-container {

        padding-left: 280px

    }

}



@media (min-width:2000px) {

    .bm-hero-container {

        padding-left: 360px

    }

}



.bm-hero-content {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    z-index: 2

}



.bm-hero-logo {

    display: none

}



@media (min-width:768px) {

    .bm-hero-logo {

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        left: 0;

        bottom: 0;

        overflow: hidden;

        z-index: 2

    }

}



@media (min-width:1200px) {

    .bm-hero-logo {

        right: -300px

    }

}



@media (min-width:1400px) and (min-height:720px) {

    .bm-hero-logo {

        right: -350px

    }

}



.bm-hero-logo-bg {

    position: absolute;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: left top

}



@media (min-width:768px) {

    .bm-hero-logo-bg {

        top: 46%;

        right: 80px;

        height: 260px;

        width: 260px

    }

}



@media (min-width:1024px) {

    .bm-hero-logo-bg {

        right: 205px

    }

}



@media (min-width:1200px) {

    .bm-hero-logo-bg {

        top: 47%;

        right: 245px;

        width: 300px;

        height: 300px;

        margin: 0 300px 0 0

    }

}



@media (min-width:1400px) and (min-height:720px) {

    .bm-hero-logo-bg {

        top: 45%;

        right: 358px;

        height: 405px;

        width: 405px;

        margin: 0 350px 0 0

    }

}



@media (min-width:2000px) {

    .bm-hero-logo-bg {

        top: 43%;

        height: 600px;

        width: 600px

    }

}



.bm-hero-logo-bg.-outside {

    margin: 0

}



.bm-hero-logo-mask {

    position: absolute;

    top: -webkit-calc(50% - 420px / 2);

    top: -moz-calc(50% - 420px / 2);

    top: calc(50% - 420px / 2);

    right: -70px

}



@media (min-width:1024px) {

    .bm-hero-logo-mask {

        right: 60px

    }

}



@media (min-width:1200px) {

    .bm-hero-logo-mask {

        top: -webkit-calc(50% - 490px / 2);

        top: -moz-calc(50% - 490px / 2);

        top: calc(50% - 490px / 2);

        right: 80px;

        margin: 0 300px 0 0

    }

}



@media (min-width:1400px) and (min-height:720px) {

    .bm-hero-logo-mask {

        top: -webkit-calc(50% - 660px / 2);

        top: -moz-calc(50% - 660px / 2);

        top: calc(50% - 660px / 2);

        right: 130px;

        margin: 0 350px 0 0

    }

}



@media (min-width:2000px) {

    .bm-hero-logo-mask {

        top: -webkit-calc(50% - 780px / 2);

        top: -moz-calc(50% - 780px / 2);

        top: calc(50% - 780px / 2);

        right: 160px

    }

}



.bm-hero-logo-mask-cover {

    position: absolute;

    background: #fff

}



.bm-hero-logo-mask-cover.-top {

    top: -40vh;

    left: 0;

    right: 0;

    height: 40vh;

    -webkit-transform: translateY(1px);

    -moz-transform: translateY(1px);

    -ms-transform: translateY(1px);

    -o-transform: translateY(1px);

    transform: translateY(1px)

}



.bm-hero-logo-mask-cover.-left {

    top: -40vh;

    left: -100vw;

    bottom: -40vh;

    width: 100vw;

    -webkit-transform: translateX(1px);

    -moz-transform: translateX(1px);

    -ms-transform: translateX(1px);

    -o-transform: translateX(1px);

    transform: translateX(1px)

}



.bm-hero-logo-mask-cover.-right {

    top: -40vh;

    right: -40vh;

    bottom: -40vh;

    width: 40vh;

    -webkit-transform: translateX(-1px);

    -moz-transform: translateX(-1px);

    -ms-transform: translateX(-1px);

    -o-transform: translateX(-1px);

    transform: translateX(-1px)

}



.bm-hero-logo-mask-cover.-bottom {

    left: 0;

    right: 0;

    bottom: -40vh;

    height: 40vh;

    -webkit-transform: translateY(-1px);

    -moz-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    -o-transform: translateY(-1px);

    transform: translateY(-1px)

}



@media (min-width:768px) {

    .bm-hero-logo-mask-blend {

        height: 420px;

        width: 420px

    }

}



@media (min-width:1200px) {

    .bm-hero-logo-mask-blend {

        height: 490px;

        width: 490px

    }

}



@media (min-width:1400px) and (min-height:720px) {

    .bm-hero-logo-mask-blend {

        height: 660px;

        width: 660px

    }

}



@media (min-width:2000px) {

    .bm-hero-logo-mask-blend {

        height: 780px;

        width: 780px

    }

}



.bm-hero-logo-mask-blend svg {

    height: 100%;

    width: 100%

}



.bm-hero-logo-mask-blend svg image {

    image-rendering: optimizeSpeed

}



.bm-hero-body {

    max-width: 437px

}



@media (min-width:1200px) {

    .bm-hero-body {

        max-width: 50%

    }

}



.bm-hero-header h1 {

    margin: 0;

    padding: 0;

    font-size: 32px;

        font-weight: 600;

    line-height: 37px;

    letter-spacing: -.01em

}



@media (min-width:768px) {

    .bm-hero-header h1 {

        font-size: 44px;

        line-height: 48px

    }

}



@media (min-width:1024px) {

   

}



@media (min-width:1600px) {

    .bm-hero-header h1 {

        font-size: 64px;

        line-height: 77px

    }

}



.bm-hero-text {

    margin: 30px 0 0 0;

    max-width: 280px;

    color: rgba(0, 0, 0, .8);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:1200px) {

    .bm-hero-text {

        max-width: 420px;

        font-size: 18px;

        line-height: 29px

    }

}



@media (min-width:1600px) {

    .bm-hero-text {

        margin: 35px 0 0 0;

        max-width: 440px;

        font-size: 19px;

        line-height: 30px

    }

}



.bm-hero-text:lang(en) {

    max-width: 240px

}



@media (min-width:1200px) {

    .bm-hero-text:lang(en) {

        max-width: 270px

    }

}



@media (min-width:1600px) {

    .bm-hero-text:lang(en) {

        max-width: 300px

    }

}



.bm-brief {

    position: relative

}



@media (min-width:1200px) {

    .bm-brief {

        height: 100%

    }

}



.bm-brief-anchor {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 32vw;

    z-index: -1;

    pointer-events: none

}



@media (min-width:1200px) {

    .bm-brief-anchor {

        left: -300px;

        right: 58vh;

        bottom: 0

    }

}



@media (min-width:1600px) {

    .bm-brief-anchor {

        left: -350px

    }

}



.bm-brief-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff

}



@media (min-width:1200px) {

    .bm-brief-fill {

        left: 0;

        right: -100px

    }

}



@media (min-width:1200px) {

    .bm-brief-container {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



.bm-brief-content {

    position: relative;

    z-index: 2;

    padding: 40px 0

}



@media (min-width:1200px) {

    .bm-brief-content {

        padding: 0;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-brief-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-brief-grid {

        height: 460px

    }

}



.bm-brief-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-brief-grid-col:nth-child(1) {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

        padding: 0 130px 0 0

    }

}



@media (min-width:1600px) {

    .bm-brief-grid-col:nth-child(1) {

        padding: 0 150px 0 0

    }

}



.bm-brief-grid-col:nth-child(2) {

    padding: 20px 0 0 0

}



@media (min-width:768px) {

    .bm-brief-grid-col:nth-child(2) {

        padding: 50px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-brief-grid-col:nth-child(2) {

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

        padding: 0

    }

}



.bm-brief-grid-col:nth-child(3) {

    padding: 30px 0 0 0

}



@media (min-width:1200px) {

    .bm-brief-grid-col:nth-child(3) {

        padding: 0 0 0 150px

    }

}



.bm-brief-header {

    position: relative;

    contain: content

}



.bm-brief-header h2 {

    margin: 0;

    color: #77787c;

    font-size: 38px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: .01em

}



@supports (-webkit-text-fill-color:transparent) {

    .bm-brief-header h2 {

        background-color: #333;

        -webkit-background-size: 414px auto;

        -moz-background-size: 414px auto;

        background-size: 414px auto;

        -webkit-background-clip: text;

        -moz-background-clip: text;

        background-clip: text;

        background-position: 70% center;

        -webkit-text-fill-color: transparent;

        will-change: background-position

    }

}



@media (min-width:768px) {

    .bm-brief-header h2 {

        font-size: 68px;

        line-height: 72px

    }

}



@media (min-width:1200px) {

    .bm-brief-header h2 {

        -webkit-background-size: 900px auto;

        -moz-background-size: 900px auto;

        background-size: 900px auto

    }

}



@media (min-width:1600px) {

    .bm-brief-header h2 {

        font-size: 88px;

        line-height: 94px

    }

}



.bm-brief-text {

    color: rgba(0, 0, 0, .8);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:768px) {

    .bm-brief-text {

        max-width: 450px

    }

}



@media (min-width:1024px) {

    .bm-brief-text {

        max-width: 550px;

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1200px) {

    .bm-brief-text {

        min-width: 539px

    }

}



@media (min-width:1600px) {

    .bm-brief-text {

        font-size: 16px;

        line-height: 26px

    }

}



.bm-brief-text b,

.bm-brief-text strong {

    color: #fb6833;

    font-weight: inherit

}



.bm-brief-text p {

    margin: 0

}



.bm-brief-photo {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 -5px

}



@media (min-width:1200px) {

    .bm-brief-photo {

        display: block;

        height: 100%;

        margin: 0

    }

}



.bm-brief-photo-item {

    position: relative;

    margin: 0 5px;

    height: 148px

}



@media (min-width:1200px) {

    .bm-brief-photo-item {

        margin: 0;

        will-change: transform

    }

}



.bm-brief-photo-item.-v1 {

    width: 112px

}



@media (min-width:768px) {

    .bm-brief-photo-item.-v1 {

        position: absolute;

        top: -125px;

        right: 0;

        width: 155px;

        height: 225px

    }

}



@media (min-width:1024px) {

    .bm-brief-photo-item.-v1 {

        top: -210px;

        width: 210px;

        height: 337px

    }

}



@media (min-width:1200px) {

    .bm-brief-photo-item.-v1 {

position: relative;

    top: 25px;

    left: -103px;

    width: 452px;

    height: 410px;

    z-index: 1;

    }

}



@media (min-width:1600px) {

    .bm-brief-photo-item.-v1 {

        top: -70px;

        width: 284px;

        height: 378px

    }

}



.bm-brief-photo-item.-v2 {

    width: 198px

}



@media (min-width:768px) {

    .bm-brief-photo-item.-v2 {

        top: 80px;

        width: 240px;

        height: 120px

    }

}



@media (min-width:1024px) {

    .bm-brief-photo-item.-v2 {

        width: 280px;

        height: 151px

    }

}



@media (min-width:1200px) {

    .bm-brief-photo-item.-v2 {

        position: absolute;

        top: auto;

        right: 160px;

        bottom: -20px;

        width: 300px;

        height: 230px

    }

}



@media (min-width:1600px) {

    .bm-brief-photo-item.-v2 {

        right: 190px;

        bottom: -30px;

        width: 380px;

        height: 284px

    }

}



.bm-brief-photo-item-img {

    height: 100%;

    width: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center

}



.bm-brief.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-brief.-spaced {

        padding-right: 12rem !important;

        padding-bottom: 0

    }

}



.bm-portfolio {

    position: relative;

    color: #fff

}



@media (min-width:1200px) {

    .bm-portfolio {

        height: 100%

    }

}



.bm-portfolio-anchor {

    position: absolute;

    top: -32vw;

    left: 0;

    right: 0;

    bottom: -32vw;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-portfolio-anchor {

        top: 0;

        bottom: 0;

        left: -58vh

    }

}



.bm-portfolio-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #ffeead

}



@media (min-width:1200px) {

    .bm-portfolio-fill {

        left: 100px

    }

}



.bm-portfolio-skew {

    position: absolute;

    top: -16vw;

    left: 0;

    right: 0;

    bottom: -16vw;

    overflow: hidden;

    z-index: 1;

    contain: strict;

    -webkit-transform: skewY(-17deg);

    -moz-transform: skewY(-17deg);

    -ms-transform: skewY(-17deg);

    -o-transform: skewY(-17deg);

    transform: skewY(-17deg);

    -webkit-transform-origin: center center;

    -moz-transform-origin: center center;

    -ms-transform-origin: center center;

    -o-transform-origin: center center;

    transform-origin: center center;

    background: #ffeead;

}



@media (min-width:1200px) {

    .bm-portfolio-skew {

        top: 0;

        bottom: 0;

        max-width: -webkit-calc(68vh + 250px);

        max-width: -moz-calc(68vh + 250px);

        max-width: calc(68vh + 250px);

        -webkit-transform: skewX(-30deg);

        -moz-transform: skewX(-30deg);

        -ms-transform: skewX(-30deg);

        -o-transform: skewX(-30deg);

        transform: skewX(-30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        will-change: transform

    }

}



.bm-portfolio-skew-revert {

    position: relative;

    height: 100%;

    -webkit-transform: skewY(17deg);

    -moz-transform: skewY(17deg);

    -ms-transform: skewY(17deg);

    -o-transform: skewY(17deg);

    transform: skewY(17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-portfolio-skew-revert {

        -webkit-transform: skewX(30deg);

        -moz-transform: skewX(30deg);

        -ms-transform: skewX(30deg);

        -o-transform: skewX(30deg);

        transform: skewX(30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top

    }

}



.bm-portfolio-bg {

    position: absolute;

    top: -32vw;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: top center

}



@media (min-width:1200px) {

    .bm-portfolio-bg {

        display: none

    }

}



.bm-portfolio-figure {

    display: none

}



@media (min-width:1200px) {

    .bm-portfolio-figure {

        display: block;

        position: absolute;

        top: 0;

        right: 50px;

        bottom: 0;

        overflow: hidden;

        z-index: 1

    }

}



.bm-portfolio-figure-bg {

    position: absolute;

    top: 0;

    right: 1px;

    left: 1px;

    bottom: 0;

    overflow: hidden

}



.bm-portfolio-figure-bg-img {

    position: absolute;

    top: 0;

    right: -100px;

    left: -100px;

    bottom: 0;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center 100%;

    will-change: transform

}



.bm-portfolio-figure-mask {

    position: relative;

    top: -22vh;

    width: 85.55vh;

    height: 145vh;

    color: #ffeead

}



.bm-portfolio-figure-mask svg {

    width: 100%;

    height: 100%

}



@media (min-width:1200px) {

    .bm-portfolio-container {

        height: 100%;

        padding: 0

    }

}



.bm-portfolio-content {

    position: relative;

    padding: 20px 0;

    text-align: center;

    z-index: 2

}



@media (min-width:768px) {

    .bm-portfolio-content {

        padding: 60px 0;

        text-align: left

    }

}



@media (min-width:1200px) {

    .bm-portfolio-content {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%;

        padding: 0 0 0 100px

    }

}



@media (min-width:1200px) {

    .bm-portfolio-body {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-portfolio-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-portfolio-grid {

        height: 460px

    }

}



.bm-portfolio-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-portfolio-grid-col:nth-child(1) {

        padding: 0 690px 0 0

    }

}



@media (min-width:1600px) {

    .bm-portfolio-grid-col:nth-child(1) {

        padding: 0 790px 0 0

    }

}



.bm-portfolio-header {

    position: relative;

    max-width: 900px;

    overflow: hidden

}



@media (min-width:1200px) {

    .bm-portfolio-header {

        left: -12px;
        top: 20px;

    }

}



@media (min-width:1600px) {

    .bm-portfolio-header {

        left: -14px

    }

}



.bm-portfolio-header h2 {

    margin: 0;

    color: #333;

    font-size: 60px;

    font-weight: 900;

    line-height: normal;

    letter-spacing: .01em

}



@media (min-width:768px) {

    .bm-portfolio-header h2 {

        font-size: 120px

    }

}



@media (min-width:1200px) {

    .bm-portfolio-header h2 {

        font-size: 50px;

    line-height: 42px;

    font-weight: 600;

    }

}



@media (min-width:1600px) {

    .bm-portfolio-header h2 {

        font-size: 182px

    }

}



.bm-portfolio-info {

    padding: 30px 0 0 0

}



@media (min-width:1200px) {

    .bm-portfolio-info {

        padding: 20px 0 0 0

    }

}



@media (min-width:1600px) {

    .bm-portfolio-info {

        padding: 50px 0 0 0

    }

}



.bm-portfolio-info-title {

    color: #fb6833;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase

}



.bm-portfolio-info-text {

    margin: 25px auto 0 auto;

    max-width: 470px;

    color: rgba(255, 255, 255, .7);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:768px) {

    .bm-portfolio-info-text {

        margin: 25px 0 0 0;

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1024px) {

    .bm-portfolio-info-text {

        font-size: 16px;

        line-height: 26px

    }

}



@media (min-width:1200px) {

    .bm-portfolio-info-text {

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1600px) {

    .bm-portfolio-info-text {

        font-size: 16px;

        line-height: 26px

    }

}



.bm-portfolio-more {

    margin: 30px 0 0 0;

    max-height: 60px;

    overflow: hidden

}



@media (min-width:1200px) {

    .bm-portfolio-more {

        margin: 20px 0 0 0

    }

}



@media (min-width:1600px) {

    .bm-portfolio-more {

        margin: 50px 0 0 0

    }

}



.bm-connect {

    position: relative;

    overflow: hidden;

    padding: 80px 0

}



@media (min-width:1200px) {

    .bm-connect {

        height: 100%;

        overflow: visible;

        padding: 0

    }

}



.bm-connect-anchor {

    position: absolute;

    top: 32vw;

    left: 0;

    right: 0;

    bottom: 32vw;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-connect-anchor {

        top: 0;

        right: 58vh;

        bottom: 0

    }

}



.bm-connect-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #f8f8f9

}



@media (min-width:1200px) {

    .bm-connect-fill {

        right: -100px

    }

}



@media (min-width:1200px) {

    .bm-connect-container {

        height: 100%;

        padding: 0 0 0 228px

    }

}



@media (min-width:1600px) {

    .bm-connect-container {

        padding: 0 0 0 230px

    }

}



@media (min-width:1200px) {

    .bm-connect-content {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-connect-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-connect-grid {

        height: 460px

    }

}



.bm-connect-grid-col {

    position: relative;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-connect-grid-col {

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        -moz-box-flex: 1;

        -ms-flex: 1;

        flex: 1

    }

}



.bm-connect-grid-col.-v1 {

    padding: 40px 0 0 0

}



@media (min-width:1200px) {

    .bm-connect-grid-col.-v1 {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

        padding: 0 60px 0 0

    }

}



@media (min-width:1600px) {

    .bm-connect-grid-col.-v1 {

        padding: 0 86px 0 0

    }

}



.bm-connect-grid-col.-v2 {

    padding: 40px 0 0 0

}



@media (min-width:1200px) {

    .bm-connect-grid-col.-v2 {

        padding: 30px 82px 0 0

    }

}



.bm-connect-grid-col.-v3 {

    padding: 40px 0 0 0

}



@media (min-width:1200px) {

    .bm-connect-grid-col.-v3 {

        padding: 0 70px 0 0

    }

}



@media (min-width:1600px) {

    .bm-connect-grid-col.-v3 {

        padding: 0 140px 0 0

    }

}



.bm-connect-grid-col.-v4 {

    padding: 22px 0 0 0

}



@media (min-width:768px) {

    .bm-connect-grid-col.-v4 {

        padding: 50px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-connect-grid-col.-v4 {

        padding: 0 60px 0 0

    }

}



@media (min-width:1600px) {

    .bm-connect-grid-col.-v4 {

        padding: 0 100px 0 0

    }

}



.bm-connect-grid-col.-v5 {

    padding: 60px 0 0 0

}



@media (min-width:1200px) {

    .bm-connect-grid-col.-v5 {

        padding: 0 70px 0 0

    }

}



@media (min-width:1600px) {

    .bm-connect-grid-col.-v5 {

        padding: 0 65px 0 0

    }

}



@media (min-width:1200px) {

    .bm-connect-vgrid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -moz-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        height: 100%

    }

}



.bm-connect-vgrid-col.-v2 {

    padding: 50px 0 0 0

}



.bm-connect-header {

    position: relative;

    z-index: 2

}



@media (min-width:1200px) {

    .bm-connect-header {

        position: absolute;

        top: 100px;

        left: 150px

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-connect-header {

        top: 130px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-connect-header {

        top: 193px;

        left: 135px

    }

}



.bm-connect-header h2 {

    margin: 0;

    font-size: 34px;

    font-weight: 900

}



@media (min-width:768px) {

    .bm-connect-header h2 {

    font-size: 50px;

    line-height: 72px;

    font-weight: 600;

    }

}



@media (min-width:1200px) {

    .bm-connect-header h2 {

        letter-spacing: .02em

    }

}



.bm-connect-detail {

    margin: -20px 0

}



@media (min-width:1200px) {

    .bm-connect-detail {

        height: 100%;

        margin: 0;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -moz-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between

    }

}



.bm-connect-detail-item {

    margin: 20px 0

}



@media (min-width:1200px) {

    .bm-connect-detail-item {

        margin: 0;

        min-height: 144px;

        min-width: 336px

    }

    .bm-connect-detail-item:lang(en) {

        width: 323px

    }

}



@media (min-width:1600px) {

    .bm-connect-detail-item {

        min-height: 150px

    }

}



.bm-connect-detail-item-title {

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase

}



.bm-connect-detail-item-title svg {

    font-size: 17px;

    margin: 0 15px 0 0

}



.bm-connect-detail-item-value {

    margin: 12px 0 0 0;

    color: #fb6833;

    font-size: 60px;

    font-weight: 300;

    letter-spacing: -.03em

}



@media (min-width:768px) {

    .bm-connect-detail-item-value {

        margin: 15px 0 0 0;

        font-size: 70px

    }

}



@media (min-width:1024px) {

    .bm-connect-detail-item-value {

        margin: 20px 0 0 0;

        font-size: 90px

    }

}



.bm-connect-detail-item-text {

    margin: 25px 0 0 0;

    color: rgba(0, 0, 0, .7);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:768px) {

    .bm-connect-detail-item-text {

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1024px) {

    .bm-connect-detail-item-text {

        font-size: 16px;

        line-height: 26px

    }

}



@media (min-width:1200px) {

    .bm-connect-detail-item-text {

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1600px) {

    .bm-connect-detail-item-text {

        font-size: 16px;

        line-height: 26px

    }

}



.bm-connect-detail-item-text p {

    margin: 0

}



.bm-connect-detail-item-text a {

    position: relative;

    display: inline-block;

    color: #fb6833;

    text-decoration: none

}



.bm-connect-detail-item-text a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 1px;

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transform: scaleX(0);

    background: currentColor;

    -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s;

    -o-transition: -o-transform .2s;

    -moz-transition: transform .2s, -moz-transform .2s;

    transition: transform .2s;

    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s

}



.bm-connect-detail-item-text a:focus,

.bm-connect-detail-item-text a:hover {

    text-decoration: none

}



.bm-connect-detail-item-text a:focus:before,

.bm-connect-detail-item-text a:hover:before {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1)

}



.bm-connect-preview {

    width: 100%

}



@media (min-width:1200px) {

    .bm-connect-preview {

        width: 694px

    }

}



@media (min-width:1600px) {

    .bm-connect-preview {

        width: 818px

    }

}



.bm-connect-preview-img {

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center

}



.bm-connect-preview-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0

}



.bm-connect-preview-video:before {

    content: "";

    display: block;

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 50px;

    width: 45%;

    z-index: 1

}



.bm-connect-preview-video:after {

    content: "";

    display: block;

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 50px;

    width: 45%;

    z-index: 1

}



.bm-connect-preview-video-cover:before {

    content: "";

    display: block;

    position: absolute;

    top: 50px;

    right: 0;

    left: 0;

    height: 30%;

    z-index: 1

}



.bm-connect-preview-video-cover:after {

    content: "";

    display: block;

    position: absolute;

    bottom: 50px;

    right: 0;

    left: 0;

    height: 30%;

    z-index: 1

}



.bm-connect-preview-video iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.bm-connect-photo {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 -11px

}



@media (min-width:768px) {

    .bm-connect-photo {

        margin: 0 -25px

    }

}



.bm-connect-photo-item {

    display: block;

    width: 128px;

    height: 128px;

    min-width: 128px;

    margin: 0 11px

}



@media (min-width:768px) {

    .bm-connect-photo-item {

        width: 178px;

        height: 178px;

        min-width: 178px;

        margin: 0 25px

    }

}



@media (min-width:1600px) {

    .bm-connect-photo-item {

        width: 209px;

        height: 209px;

        min-width: 209px

    }

}



.bm-connect-photo-item-img {

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center

}



.bm-connect-partner {

    display: table;

    margin: -20px -25px

}



.bm-connect-partner-row {

    display: table-row;

    vertical-align: center

}



.bm-connect-partner-item {

    display: table-cell;

    vertical-align: middle;

    padding: 20px 25px;

    text-align: center

}



.bm-connect-partner-item img {

    position: relative;

    max-width: 100%;

    opacity: .8;

    -webkit-transition: opacity .2s;

    -o-transition: opacity .2s;

    -moz-transition: opacity .2s;

    transition: opacity .2s

}



.bm-connect-partner-item:focus img,

.bm-connect-partner-item:hover img {

    opacity: 1

}



.bm-connect.-spaced {

    padding-top: 40vw;

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-connect.-spaced {

        padding-top: 0;

        padding-right: 58vh;

        padding-bottom: 0

    }

}



.bm-entrybox {

    position: relative

}



@media (min-width:1200px) {

    .bm-entrybox {

        height: 100%

    }

}



.bm-entrybox-anchor {

    position: absolute;

    top: -32vw;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-entrybox-anchor {

        top: 0;

        left: -58vh;

        right: 58vh

    }

}



.bm-entrybox-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff

}



@media (min-width:1200px) {

    .bm-entrybox-fill {

        left: 100px;

        right: -100px

    }

}



.bm-entrybox-skew {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    overflow: hidden;

    color: #fb6833;

    background: #fff;

    -webkit-transform: skewY(-17deg);

    -moz-transform: skewY(-17deg);

    -ms-transform: skewY(-17deg);

    -o-transform: skewY(-17deg);

    transform: skewY(-17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-entrybox-skew {

        max-width: -webkit-calc(68vh + 250px);

        max-width: -moz-calc(68vh + 250px);

        max-width: calc(68vh + 250px);

        -webkit-transform: skewX(-30deg);

        -moz-transform: skewX(-30deg);

        -ms-transform: skewX(-30deg);

        -o-transform: skewX(-30deg);

        transform: skewX(-30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        will-change: transform

    }

}



.bm-entrybox-skew-revert {

    position: relative;

    -webkit-transform: skewY(17deg);

    -moz-transform: skewY(17deg);

    -ms-transform: skewY(17deg);

    -o-transform: skewY(17deg);

    transform: skewY(17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-entrybox-skew-revert {

        -webkit-transform: skewX(30deg);

        -moz-transform: skewX(30deg);

        -ms-transform: skewX(30deg);

        -o-transform: skewX(30deg);

        transform: skewX(30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top

    }

}



.bm-entrybox-header {

    position: absolute;

    top: -42px;

    left: 20px;

    font-size: 34px;

    font-weight: 900;

    white-space: nowrap

}



@media (min-width:768px) {

    .bm-entrybox-header {

        top: -100px;

        left: 60px;

        font-size: 72px;

        letter-spacing: .02em

    }

}



@media (min-width:1200px) {

    .bm-entrybox-header {

        top: 100px;

        left: -250px

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-entrybox-header {

        top: 130px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-entrybox-header {

        top: 193px

    }

}



.bm-entrybox-header h2 {

    margin: 0;

    padding: 0;

    font-size: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    white-space: inherit

}



.bm-entrybox-container {

    padding-top: 60px;

    padding-bottom: 40px

}



@media (min-width:1200px) {

    .bm-entrybox-container {

        height: 100%;

        padding: 0

    }

}



.bm-entrybox-content {

    position: relative

}



@media (min-width:1200px) {

    .bm-entrybox-content {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-entrybox-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-grid {

        height: 460px

    }

}



.bm-entrybox-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-entrybox-grid-col.-v1 {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end;

        padding: 0 165px 0 0

    }

}



@media (min-width:1600px) {

    .bm-entrybox-grid-col.-v1 {

        padding: 0 170px 0 0

    }

}



.bm-entrybox-grid-col.-v2 {

    padding: 50px 0 0 0

}



@media (min-width:768px) {

    .bm-entrybox-grid-col.-v2 {

        padding: 80px 0 0 0

    }

}



@media (min-width:1024px) {

    .bm-entrybox-grid-col.-v2 {

        padding: 120px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-entrybox-grid-col.-v2 {

        padding: 0

    }

}



.bm-entrybox-detail {

    margin: 20px 0

}



@media (min-width:1200px) {

    .bm-entrybox-detail {

        margin: 0;

        min-height: 144px;

        min-width: 336px

    }

    .bm-entrybox-detail:lang(en) {

        min-width: 275px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-detail {

        min-height: 150px

    }

}



.bm-entrybox-detail-title {

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase

}



.bm-entrybox-detail-text {

    margin: 25px 0 0 0;

    color: rgba(0, 0, 0, .7);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:768px) {

    .bm-entrybox-detail-text {

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1024px) {

    .bm-entrybox-detail-text {

        font-size: 16px;

        line-height: 26px

    }

}



@media (min-width:1200px) {

    .bm-entrybox-detail-text {

        font-size: 14px;

        line-height: 23px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-detail-text {

        font-size: 16px;

        line-height: 26px

    }

}



.bm-entrybox-detail-text p {

    margin: 0

}



.bm-entrybox-items {

    margin: -35px 0

}



@media (min-width:768px) {

    .bm-entrybox-items {

        margin: -60px 0

    }

}



@media (min-width:1200px) {

    .bm-entrybox-items {

        position: relative;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -moz-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        height: 100%;

        margin: 0;

        padding: 0

    }

}



@media (min-width:1200px) {

    .bm-entrybox-row {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        margin: 0 -60px

    }

}



@media (min-width:1200px) {

    .bm-entrybox-row:nth-child(2) {

        padding: 0 0 0 60px

    }

}



.bm-entrybox-item {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 35px 0;

    text-decoration: none

}



@media (min-width:768px) {

    .bm-entrybox-item {

        margin: 60px 0

    }

}



@media (min-width:1200px) {

    .bm-entrybox-item {

        width: 408px;

        margin: 0 60px

    }

}



.bm-entrybox-item-left {

    display: block

}



.bm-entrybox-item-right {

    display: block;

    padding: 0 0 0 18px

}



@media (min-width:768px) {

    .bm-entrybox-item-right {

        padding: 0 0 0 30px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-item-right {

        padding: 0 0 0 35px

    }

}



.bm-entrybox-item-photo {

    position: relative;

    display: block;

    width: 111px;

    height: 111px;

    overflow: hidden

}



@media (min-width:768px) {

    .bm-entrybox-item-photo {

        width: 178px;

        height: 178px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-item-photo {

        width: 202px;

        height: 202px

    }

}



.bm-entrybox-item-photo-img {

    display: block;

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-transition: -webkit-transform .8s;

    transition: -webkit-transform .8s;

    -o-transition: -o-transform .8s;

    -moz-transition: transform .8s, -moz-transform .8s;

    transition: transform .8s;

    transition: transform .8s, -webkit-transform .8s, -moz-transform .8s, -o-transform .8s

}



.bm-entrybox-item-title {

    display: block;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    line-height: 21px;

    text-transform: uppercase

}



.bm-entrybox-item-price {

    display: block;

    margin: 5px 0 0 0;

    font-size: 14px

}



@media (min-width:768px) {

    .bm-entrybox-item-price {

        margin: 15px 0 0 0

    }

}



@media (min-width:1600px) {

    .bm-entrybox-item-price {

        margin: 17px 0 0 0

    }

}



.bm-entrybox-item-price b {

    margin: 0 0 0 10px;

    color: #fb6833;

    font-weight: 400

}



.bm-entrybox-item:focus,

.bm-entrybox-item:hover {

    text-decoration: none

}



.bm-entrybox-item:focus .bm-entrybox-item-photo-img,

.bm-entrybox-item:hover .bm-entrybox-item-photo-img {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    -moz-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1)

}



@media (pointer:coarse) {

    .bm-entrybox-item:focus .bm-entrybox-item-photo-img,

    .bm-entrybox-item:hover .bm-entrybox-item-photo-img {

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none

    }

}



.bm-entrybox-more {

    margin: 20px 0 0 0;

    text-align: center

}



@media (min-width:1200px) {

    .bm-entrybox-more {

        position: absolute;

        right: 150px;

        bottom: 60px

    }

}



@media (min-width:1600px) {

    .bm-entrybox-more {

        bottom: 80px

    }

}



.bm-entrybox.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-entrybox.-spaced {

        padding: 0 58vh 0 0

    }

}



.bm-feature {

    position: relative

}



@media (min-width:1200px) {

    .bm-feature {

        height: 100%

    }

}



.bm-feature-anchor {

    position: absolute;

    top: -32vw;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-feature-anchor {

        top: 0;

        left: -58vh;

        right: 58vh

    }

}



.bm-feature-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #f8f8f9

}



@media (min-width:1200px) {

    .bm-feature-fill {

        left: 100px;

        right: -100px

    }

}



.bm-feature-skew {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    overflow: hidden;

    color: #015c7a;

    background: #f8f8f9;

    -webkit-transform: skewY(-17deg);

    -moz-transform: skewY(-17deg);

    -ms-transform: skewY(-17deg);

    -o-transform: skewY(-17deg);

    transform: skewY(-17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-feature-skew {

        max-width: -webkit-calc(68vh + 250px);

        max-width: -moz-calc(68vh + 250px);

        max-width: calc(68vh + 250px);

        -webkit-transform: skewX(-30deg);

        -moz-transform: skewX(-30deg);

        -ms-transform: skewX(-30deg);

        -o-transform: skewX(-30deg);

        transform: skewX(-30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        will-change: transform

    }

}



.bm-feature-skew-revert {

    position: relative;

    -webkit-transform: skewY(17deg);

    -moz-transform: skewY(17deg);

    -ms-transform: skewY(17deg);

    -o-transform: skewY(17deg);

    transform: skewY(17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-feature-skew-revert {

        -webkit-transform: skewX(30deg);

        -moz-transform: skewX(30deg);

        -ms-transform: skewX(30deg);

        -o-transform: skewX(30deg);

        transform: skewX(30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top

    }

}



.bm-feature-header {

    position: absolute;

    top: -42px;

    left: 20px;

    font-size: 34px;

    font-weight: 900;

    white-space: nowrap

}



@media (min-width:768px) {

    .bm-feature-header {

        top: -100px;

        left: 60px;

         font-size: 68px;

    line-height: 72px;

    font-weight: 600;

    }

}



@media (min-width:1200px) {

    .bm-feature-header {

        top: 100px;

        left: -250px

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-feature-header {

        top: 265px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-feature-header {

        top: 193px

    }

}



.bm-feature-header h2 {

    margin: 0;

    padding: 0;

    font-size: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    white-space: inherit

}



.bm-feature-container {

    padding-top: 60px;

    padding-bottom: 40px

}



@media (min-width:1200px) {

    .bm-feature-container {

        height: 100%;

        padding: 0

    }

}



.bm-feature-content {

    position: relative

}



@media (min-width:1200px) {

    .bm-feature-content {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-feature-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-feature-grid {

        height: 460px

    }

}



.bm-feature-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end

}



.bm-feature-items {

    margin: -25px 0

}



@media (min-width:1200px) {

    .bm-feature-items {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        margin: 0 -15px

    }

}



.bm-feature-items:hover .bm-feature-item {

    background: 0 0

}



.bm-feature-item {

    min-width: 270px;

    padding: 40px;

    margin: 25px 0;

    border: 1px solid #f2f2f2;

    -webkit-transition: background .2s;

    -o-transition: background .2s;

    -moz-transition: background .2s;

    transition: background .2s

}



@media (min-width:768px) {

    .bm-feature-item {

        min-width: 347px;

        min-height: 270px

    }

}



@media (min-width:1200px) {

    .bm-feature-item {

        margin: 0 15px

    }

}



.bm-feature-item-head {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 0 25px 0

}



.bm-feature-item-ico {

    margin: 0 30px 0 0

}



.bm-feature-item-title {

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    line-height: 21px;

    text-transform: uppercase

}



.bm-feature-item-text {

    font-size: 14px;

    font-weight: 400;

    line-height: 22px

}



.bm-feature-item-text p {

    margin: 0

}



.bm-feature-item.-active {

    background: #fff

}



.bm-feature-item:hover {

    background: #fff !important

}



.bm-feature.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-feature.-spaced {

        padding: 0 58vh 0 0

    }

}



.bm-work {

    position: relative;

    overflow: hidden;

    min-width: 100vw;

    background: #fff

}



@media (min-width:1200px) {

    .bm-work {

        height: 100%

    }

}



.bm-work-figure {

    display: none

}



@media (min-width:1200px) {

    .bm-work-figure {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        overflow: hidden;

        width: 550px

    }

}



@media (min-width:1600px) {

    .bm-work-figure {

        width: 650px

    }

}



.bm-work-figure-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: -100px;

    bottom: -1px;

    background-color: #f8f8f9;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center 100%

}



.bm-work-figure-mask {

    position: relative;

    width: 81.25vh;

    height: 100vh;

    float: right;

    color: #fff

}



.bm-work-figure-mask svg {

    width: 100%;

    height: 100%

}



.bm-work-bg {

    position: relative;

    height: 68.75vw;

    margin: 0 -20px

}



@media (min-width:768px) {

    .bm-work-bg {

        margin: 0 -60px

    }

}



@media (min-width:1024px) {

    .bm-work-bg {

        margin: 0 -80px

    }

}



@media (min-width:1200px) {

    .bm-work-bg {

        display: none

    }

}



.bm-work-bg-img {

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover

}



.bm-work-bg-mask {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    color: #fff

}



.bm-work-content {

    position: relative;

    z-index: 1;

    padding: 135px 0 0 0

}



@media (min-width:768px) {

    .bm-work-content {

        padding: 175px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-work-content {

        height: 100%;

        margin: 0 0 0 550px;

        padding: 0

    }

}



@media (min-width:1600px) {

    .bm-work-content {

        margin: 0 0 0 650px

    }

}



@media (min-width:1200px) {

    .bm-work-container {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-work-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-work-grid {

        height: 460px

    }

}



.bm-work-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    padding: 0 0 50px 0

}



@media (min-width:1200px) {

    .bm-work-grid-col {

        padding: 0 120px 0 0

    }

}



.bm-work-grid-col:nth-child(1) {

    -webkit-align-self: flex-end;

    -ms-flex-item-align: end;

    align-self: flex-end

}



@media (min-width:1200px) {

    .bm-work-grid-col.-detail {

        padding: 0 200px 0 0

    }

}



.bm-work-grid-col.-equals {

    padding: 0 0 5px 0

}



@media (min-width:1200px) {

    .bm-work-grid-col.-equals {

        padding: 0 25px 0 0

    }

}



.bm-work-header {

    margin: 0 0 40px 0

}



@media (min-width:1200px) {

    .bm-work-header {

        position: absolute;

        top: 100px;

        left: 0;

        margin: 0

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-work-header {

        top: 130px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-work-header {

        top: 193px

    }

}



.bm-work-header h1 {

    margin: 0;

    padding: 0;

    font-size: 32px;

    font-weight: 900;

    line-height: 37px;

    letter-spacing: -.01em

}



@media (min-width:768px) {

    .bm-work-header h1 {

        font-size: 62px;

        line-height: 118.75%;

        letter-spacing: .02em

    }

}



@media (min-width:1200px) {

    .bm-work-header h1 {

        font-size: 72px;

        line-height: 85px

    }

}



.bm-work-detail {

    margin: 20px 0

}



@media (min-width:1200px) {

    .bm-work-detail {

        margin: 0;

        min-width: 336px

    }

}



.bm-work-detail-title {

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase

}



.bm-work-detail-text {

    margin: 25px 0 0 0;

    color: rgba(0, 0, 0, .7);

    font-size: 16px;

    line-height: 26px

}



@media (min-width:768px) {

    .bm-work-detail-text {

        font-size: 14px;

        line-height: 23px

    }

}



.bm-work-detail-text p {

    margin: 15px 0 0 0

}



.bm-work-photo {

    margin: 0 -6px

}



@media (min-width:1200px) {

    .bm-work-photo {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 100%;

        margin: 0 -12px

    }

}



@media (min-width:1200px) {

    .bm-work-photo-col {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -moz-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        margin: -12px 0

    }

}



.bm-work-photo-row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin: 12px 0

}



@media (min-width:1200px) {

    .bm-work-photo-row.-offseted {

        margin-left: 144.5px

    }

}



@media (min-width:1600px) {

    .bm-work-photo-row.-offseted {

        margin-left: 171.5px

    }

}



.bm-work-photo-item {

    position: relative;

    width: 100%;

    margin: 0 6px;

    overflow: hidden;

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in;

    background-color: #f8f8f9

}



@media (min-width:1200px) {

    .bm-work-photo-item {

        height: 100%;

        width: 289px;

        margin: 0 12px

    }

}



@media (min-width:1600px) {

    .bm-work-photo-item {

        width: 343px

    }

}



.bm-work-photo-item:before {

    content: "";

    display: block;

    padding-bottom: 56.6%

}



@media (min-width:1200px) {

    .bm-work-photo-item:before {

        display: none

    }

}



.bm-work-photo-item-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center;

    -webkit-transition: -webkit-transform .7s;

    transition: -webkit-transform .7s;

    -o-transition: -o-transform .7s;

    -moz-transition: transform .7s, -moz-transform .7s;

    transition: transform .7s;

    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s, -o-transform .7s

}



@media (min-width:1200px) {

    .bm-work-photo-item.-lg {

        width: 588px;

        height: 100%

    }

}



@media (min-width:1600px) {

    .bm-work-photo-item.-lg {

        width: 700px

    }

}



.bm-work-photo-item:hover .bm-work-photo-item-img {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    -moz-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1)

}



@media (pointer:coarse) {

    .bm-work-photo-item:hover .bm-work-photo-item-img {

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none

    }

}



.bm-work-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 100%;

    width: 100%

}



@media (min-width:1200px) {

    .bm-work-video {

        width: 694px

    }

}



@media (min-width:1600px) {

    .bm-work-video {

        width: 818px

    }

}



.bm-work-video-cover-top {

    display: block;

    position: absolute;

    top: 50px;

    right: 0;

    left: 0;

    height: 30%;

    z-index: 1

}



.bm-work-video-cover-left {

    content: "";

    display: block;

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 50px;

    width: 45%;

    z-index: 1

}



.bm-work-video-cover-right {

    content: "";

    display: block;

    position: absolute;

    top: 50px;

    right: 0;

    bottom: 50px;

    width: 45%;

    z-index: 1

}



.bm-work-video-cover-bottom {

    content: "";

    display: block;

    position: absolute;

    bottom: 50px;

    right: 0;

    left: 0;

    height: 30%;

    z-index: 1

}



.bm-work-video-frame iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.bm-work.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-work.-spaced {

        padding-right: 58vh;

        padding-bottom: 0

    }

}



.bm-workbox {

    background: #fff

}



@media (min-width:1200px) {

    .bm-workbox {

        height: 100%

    }

}



.bm-workbox-content {

    padding: 130px 0 0 0

}



@media (min-width:768px) {

    .bm-workbox-content {

        padding: 230px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-workbox-content {

        padding: 0;

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-workbox-container {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%

    }

}



.bm-workbox-items {

    margin: -50px 0;

    text-align: center

}



@media (min-width:768px) {

    .bm-workbox-items {

        margin: -30px -25px

    }

}



@media (min-width:1024px) {

    .bm-workbox-items {

        margin: -45px -33px

    }

}



@media (min-width:1200px) {

    .bm-workbox-items {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px;

        margin: 0 -50px

    }

}



@media (min-width:1600px) {

    .bm-workbox-items {

        height: 460px

    }

}



.bm-workbox-items:after {

    content: "";

    display: block;

    clear: both

}



.bm-workbox-item {

    display: block;

    position: relative;

    width: 280px;

    margin: 50px auto;

    text-decoration: none

}



@media (min-width:768px) {

    .bm-workbox-item {

        display: inline-block;

        width: 279px;

        margin: 30px 25px

    }

}



@media (min-width:1024px) {

    .bm-workbox-item {

        width: 370px;

        margin: 45px 33px

    }

}



@media (min-width:1200px) {

    .bm-workbox-item {

        width: 235px;

        margin: 0 50px

    }

}



@media (min-width:1600px) {

    .bm-workbox-item {

        width: 295px

    }

}



.bm-workbox-item-photo {

    display: block;

    width: 100%;

    height: 370px;

    overflow: hidden;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    -o-transition: -o-transform .5s;

    -moz-transition: transform .5s, -moz-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s

}



@media (min-width:768px) {

    .bm-workbox-item-photo {

        height: 380px

    }

}



@media (min-width:1024px) {

    .bm-workbox-item-photo {

        height: 516px

    }

}



@media (min-width:1200px) {

    .bm-workbox-item-photo {

        height: 322px

    }

}



@media (min-width:1600px) {

    .bm-workbox-item-photo {

        height: 403px

    }

}



.bm-workbox-item-photo-img {

    display: block;

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center center;

    -webkit-transition: -webkit-transform .7s;

    transition: -webkit-transform .7s;

    -o-transition: -o-transform .7s;

    -moz-transition: transform .7s, -moz-transform .7s;

    transition: transform .7s;

    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s, -o-transform .7s

}



.bm-workbox-item-title {

    display: block;

    margin: 30px 0 0 0;

    font-size: 14px;

    font-weight: 900;

    line-height: 20px;

    text-align: center

}



@media (min-width:1200px) {

    .bm-workbox-item-title {

        font-size: 16px;

        line-height: 22px

    }

}



@media (min-width:1600px) {

    .bm-workbox-item-title {

        font-size: 18px;

        line-height: 24px

    }

}



.bm-workbox-item:focus,

.bm-workbox-item:hover {

    text-decoration: none

}



.bm-workbox-item:focus .bm-workbox-item-photo,

.bm-workbox-item:hover .bm-workbox-item-photo {

    -webkit-transform: scale3d(.95, .95, 1);

    -moz-transform: scale3d(.95, .95, 1);

    transform: scale3d(.95, .95, 1)

}



@media (pointer:coarse) {

    .bm-workbox-item:focus .bm-workbox-item-photo,

    .bm-workbox-item:hover .bm-workbox-item-photo {

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none

    }

}



.bm-workbox-item:focus .bm-workbox-item-photo-img,

.bm-workbox-item:hover .bm-workbox-item-photo-img {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    -moz-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1)

}



@media (pointer:coarse) {

    .bm-workbox-item:focus .bm-workbox-item-photo-img,

    .bm-workbox-item:hover .bm-workbox-item-photo-img {

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none

    }

}



.bm-workbox.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-workbox.-spaced {

        padding: 0 58vh 0 0

    }

}



.bm-nextwork {

    position: relative

}



@media (min-width:1200px) {

    .bm-nextwork {

        height: 100%

    }

}



.bm-nextwork-anchor {

    position: absolute;

    top: -32vw;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-nextwork-anchor {

        top: 0;

        left: -58vh;

        right: 58vh

    }

}



.bm-nextwork-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #f8f8f9

}



@media (min-width:1200px) {

    .bm-nextwork-fill {

        left: 100px;

        right: -100px

    }

}



.bm-nextwork-skew {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    overflow: hidden;

    color: #fb6833;

    background: #f8f8f9;

    -webkit-transform: skewY(-17deg);

    -moz-transform: skewY(-17deg);

    -ms-transform: skewY(-17deg);

    -o-transform: skewY(-17deg);

    transform: skewY(-17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-nextwork-skew {

        max-width: -webkit-calc(68vh + 250px);

        max-width: -moz-calc(68vh + 250px);

        max-width: calc(68vh + 250px);

        -webkit-transform: skewX(-30deg);

        -moz-transform: skewX(-30deg);

        -ms-transform: skewX(-30deg);

        -o-transform: skewX(-30deg);

        transform: skewX(-30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        will-change: transform

    }

}



.bm-nextwork-skew-revert {

    position: relative;

    -webkit-transform: skewY(17deg);

    -moz-transform: skewY(17deg);

    -ms-transform: skewY(17deg);

    -o-transform: skewY(17deg);

    transform: skewY(17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-nextwork-skew-revert {

        -webkit-transform: skewX(30deg);

        -moz-transform: skewX(30deg);

        -ms-transform: skewX(30deg);

        -o-transform: skewX(30deg);

        transform: skewX(30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top

    }

}



.bm-nextwork-header {

    position: absolute;

    top: -42px;

    left: 20px;

    font-size: 34px;

    font-weight: 900;

    white-space: nowrap

}



@media (min-width:768px) {

    .bm-nextwork-header {

        top: -100px;

        left: 60px;

        font-size: 72px;

        letter-spacing: .02em

    }

}



@media (min-width:1200px) {

    .bm-nextwork-header {

        top: 100px;

        left: -250px

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-nextwork-header {

        top: 130px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-nextwork-header {

        top: 193px

    }

}



.bm-nextwork-header h2 {

    margin: 0;

    padding: 0;

    font-size: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    white-space: inherit

}



.bm-nextwork-container {

    padding-top: 60px;

    padding-bottom: 40px

}



@media (min-width:1200px) {

    .bm-nextwork-container {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%;

        padding: 0

    }

}



.bm-nextwork-content {

    position: relative

}



@media (min-width:1200px) {

    .bm-nextwork-content {

        height: 100%

    }

}



@media (min-width:1200px) {

    .bm-nextwork-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-nextwork-grid {

        height: 460px

    }

}



.bm-nextwork-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-nextwork-grid-col.-v1 {

        -webkit-align-self: flex-end;

        -ms-flex-item-align: end;

        align-self: flex-end

    }

}



.bm-nextwork-items {

    margin: -12px 0;

    white-space: nowrap

}



@media (min-width:768px) {

    .bm-nextwork-items {

        margin: 0 -12px

    }

}



@media (min-width:1200px) {

    .bm-nextwork-items {

        margin: 0 -15px

    }

}



.bm-nextwork-item {

    display: block;

    width: 100%;

    height: 220px;

    margin: 12px 0

}



@media (min-width:768px) {

    .bm-nextwork-item {

        display: inline-block;

        width: 292px;

        height: 228px;

        margin: 0 12px

    }

}



@media (min-width:1024px) {

    .bm-nextwork-item {

        width: 415px;

        height: 325px

    }

}



@media (min-width:1200px) {

    .bm-nextwork-item {

        width: 320px;

        height: 250px;

        margin: 0 15px

    }

}



@media (min-width:1600px) {

    .bm-nextwork-item {

        width: 353px;

        height: 275px

    }

}



.bm-nextwork-item-photo {

    display: block;

    height: 100%;

    width: 100%;

    overflow: hidden

}



.bm-nextwork-item-photo-img {

    display: block;

    height: 100%;

    width: 100%;

    background-color: #fff;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-position: center 25%;

    -webkit-transition: -webkit-transform .7s;

    transition: -webkit-transform .7s;

    -o-transition: -o-transform .7s;

    -moz-transition: transform .7s, -moz-transform .7s;

    transition: transform .7s;

    transition: transform .7s, -webkit-transform .7s, -moz-transform .7s, -o-transform .7s

}



@media (max-width:1199px) {

    .bm-nextwork-item:nth-child(n+3) {

        display: none

    }

}



.bm-nextwork-item:focus,

.bm-nextwork-item:hover {

    text-decoration: none

}



.bm-nextwork-item:focus .bm-nextwork-item-photo-img,

.bm-nextwork-item:hover .bm-nextwork-item-photo-img {

    -webkit-transform: scale3d(1.15, 1.15, 1);

    -moz-transform: scale3d(1.15, 1.15, 1);

    transform: scale3d(1.15, 1.15, 1)

}



@media (pointer:coarse) {

    .bm-nextwork-item:focus .bm-nextwork-item-photo-img,

    .bm-nextwork-item:hover .bm-nextwork-item-photo-img {

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none

    }

}



.bm-nextwork.-spaced {

    padding-bottom: 40vw

}



@media (min-width:1200px) {

    .bm-nextwork.-spaced {

        padding: 0 58vh 0 0

    }

}



.bm-outro {

    position: relative;

    color: #353535

}



@media (min-width:1200px) {

    .bm-outro {

        height: 100%

    }

}



.bm-outro-anchor {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1

}



@media (min-width:1200px) {

    .bm-outro-anchor {

        left: -58vh

    }

}



.bm-outro-fill {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #ffe5f5

}



@media (min-width:1200px) {

    .bm-outro-fill {

        left: 100px

    }

}



.bm-outro-skew {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    overflow: hidden;

    color: #fff;

    background: #ffe5f5;

    -webkit-transform: skewY(-17deg);

    -moz-transform: skewY(-17deg);

    -ms-transform: skewY(-17deg);

    -o-transform: skewY(-17deg);

    transform: skewY(-17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-outro-skew {

        max-width: -webkit-calc(68vh + 250px);

        max-width: -moz-calc(68vh + 250px);

        max-width: calc(68vh + 250px);

        -webkit-transform: skewX(-30deg);

        -moz-transform: skewX(-30deg);

        -ms-transform: skewX(-30deg);

        -o-transform: skewX(-30deg);

        transform: skewX(-30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top;

        will-change: transform

    }

}



.bm-outro-skew-revert {

    position: relative;

    -webkit-transform: skewY(17deg);

    -moz-transform: skewY(17deg);

    -ms-transform: skewY(17deg);

    -o-transform: skewY(17deg);

    transform: skewY(17deg);

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom

}



@media (min-width:1200px) {

    .bm-outro-skew-revert {

        -webkit-transform: skewX(30deg);

        -moz-transform: skewX(30deg);

        -ms-transform: skewX(30deg);

        -o-transform: skewX(30deg);

        transform: skewX(30deg);

        -webkit-transform-origin: left top;

        -moz-transform-origin: left top;

        -ms-transform-origin: left top;

        -o-transform-origin: left top;

        transform-origin: left top

    }

}



.bm-outro-header {

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

    font-size: 34px;

    font-weight: 900;

    white-space: nowrap;

    text-align: center

}



@media (min-width:768px) {

    .bm-outro-header {

            font-size: 68px;

    line-height: 72px;

    font-weight: 600;

    }

}



@media (min-width:1200px) {

    .bm-outro-header {

        top: 100px;

        left: -250px;

        right: auto;
    color: #3e3e3e;

    }

}



@media (min-width:1200px) and (min-height:630px) {

    .bm-outro-header {

        top: 130px

    }

}



@media (min-width:1600px) and (min-height:800px) {

    .bm-outro-header {

        top: 193px

    }

}



.bm-outro-header h2 {

    margin: 0;

    padding: 0;

    font-size: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    white-space: inherit

}



.bm-outro-header.-secondary {

    color: #015c7a

}



.bm-outro-container {

    padding-top: 110px;

    padding-bottom: 45px

}



@media (min-width:768px) {

    .bm-outro-container {

        padding-top: 170px

    }

}



@media (min-width:1200px) {

    .bm-outro-container {

        height: 100%;

        padding: 0

    }

}



.bm-outro-content {

    position: relative;

    text-align: center

}



@media (min-width:1200px) {

    .bm-outro-content {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 100%;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: left

    }

}



@media (min-width:1200px) {

    .bm-outro-grid {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        height: 390px

    }

}



@media (min-width:1600px) {

    .bm-outro-grid {

        height: 460px

    }

}



.bm-outro-grid-col {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



@media (min-width:1200px) {

    .bm-outro-grid-col.-v1 {

        -webkit-align-self:flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

        padding: 0 140px 0 0

    }

}



@media (min-width:1200px) {

    .bm-outro-grid-col.-v2 {

        padding: 0 140px 0 0

    }

}



.bm-outro-grid-col.-v3 {

    padding: 50px 0 0 0

}



@media (min-width:768px) {

    .bm-outro-grid-col.-v3 {

        padding: 60px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-outro-grid-col.-v3 {

        padding: 0 58px 0 0;

        -webkit-align-self: flex-start;

        -ms-flex-item-align: start;

        align-self: flex-start;

        text-align: right

    }

}



.bm-outro-form {

    padding: 30px 0 0 0;

    max-width: 490px;

    margin: 0 auto

}



@media (min-width:768px) {

    .bm-outro-form {

        padding: 20px 0 0 0

    }

}



@media (min-width:1024px) {

    .bm-outro-form {

        padding: 30px 0 0 0

    }

}



@media (min-width:1200px) {

    .bm-outro-form {

        max-width: none;

        min-width: 400px;

        padding: 0

    }

}



.bm-outro-form-message {

    display: none;

    text-align: left

}



.bm-outro-form-message-text {

    font-size: 14px;

    line-height: 22px

}



@media (min-width:768px) {

    .bm-outro-form-message-text {

        font-size: 16px;

        line-height: 24px

    }

}



.bm-outro-form-message-text h4 {

    margin: 0 0 15px 0

}



.bm-outro-form-message-rtn {

    margin: 20px 0 0 0

}



@media (min-width:768px) {

    .bm-outro-form-message-rtn {

        margin: 30px 0 0 0

    }

}



.bm-outro-address {

    min-width: 175px;

    padding: 0 0 10px 0;

    font-size: 14px;

    font-weight: 400;

    font-style: normal;

    line-height: 23px

}



.bm-outro-address p {

    margin: 0

}



.bm-outro-link {

    margin: -5px 0

}



.bm-outro-link-item {

    display: block;

    padding: 5px 0;

    color: #fb6833;

    font-size: 14px;

    font-weight: 700;

    vertical-align: middle;

    text-decoration: none

}



.bm-outro-link-item span {

    display: inline-block;

    position: relative

}



.bm-outro-link-item span:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -3px;

    height: 1px;

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transform: scaleX(0);

    background: currentColor;

    -webkit-transition: -webkit-transform .2s;

    transition: -webkit-transform .2s;

    -o-transition: -o-transform .2s;

    -moz-transition: transform .2s, -moz-transform .2s;

    transition: transform .2s;

    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s

}



.bm-outro-link-item:focus,

.bm-outro-link-item:hover {

    color: #fb6833;

    text-decoration: none

}



.bm-outro-link-item:focus span:before,

.bm-outro-link-item:hover span:before {

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1)

}



.bm-outro-dev {

    margin: 50px 0 0 0

}



@media (min-width:1200px) {

    .bm-outro-dev {

        margin: 55px 0 0 0

    }

}



.bm-outro-dev a {

    display: block;

    color: rgba(255, 255, 255, .5);

    line-height: 0;

    text-decoration: none

}



.bm-outro-dev a span {

    display: block;

    padding: 9px 0 0 0;

    font-size: 12px;

    font-weight: 300;

    line-height: 12px;

    letter-spacing: .428571px

}



.bm-outro-photo {

    display: none

}



@media (min-width:1200px) {

    .bm-outro-photo {

        position: relative;

        display: block;

        height: 100%;

        min-width: 440px

    }

}



@media (min-width:1600px) {

    .bm-outro-photo {

        min-width: 545px

    }

}



.bm-outro-photo-item {

    position: absolute

}



@media (min-width:1200px) {

    .bm-outro-photo-item:nth-child(1) {

        top: 0;

        left: 0;

        width: 200px;

        height: 260px

    }

}



@media (min-width:1600px) {

    .bm-outro-photo-item:nth-child(1) {

        width: 249px;

        height: 325px

    }

}



@media (min-width:1200px) {

    .bm-outro-photo-item:nth-child(2) {

        right: 0;

        bottom: 0;

        width: 200px;

        height: 260px

    }

}



@media (min-width:1600px) {

    .bm-outro-photo-item:nth-child(2) {

        width: 249px;

        height: 325px

    }

}



.bm-outro-photo-item-img {

    width: 100%;

    height: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center

}





.bantext p {

  text-transform: inherit;

  letter-spacing: 0.5em;

  display: inline-block;

  border-width: 4px 0;

    margin-bottom: -15px;

}

.bantext p span {

    font-weight: 600;

font-size: 54px;

  letter-spacing: 0;

  padding: 0.25em 0 0.325em;

  display: initial;

  margin: 0 auto;

  text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);

  /* Clip Background Image */

  background: url(../img/expertise/animated-text-fill.jpg) repeat-y;

  -webkit-background-clip: text;

  background-clip: text;

  /* Animate Background Image */

  -webkit-text-fill-color: transparent;

  -webkit-animation: aitf 80s linear infinite;

  /* Activate hardware acceleration for smoother animations */

  -webkit-transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

}



@-webkit-keyframes aitf {

  0% {

    background-position: 0% 50%;

  }

  100% {

    background-position: 100% 50%;

  }

}

 .bm-hero-header h1 {

       font-size: 54px;

    line-height: 70px;

    }


    .bm-portfolio-content.carrer-content {
        margin-left: -215px;
    }

  
    .bm-input textarea{
width: 100%;
    background: none;
    border-radius: 4px;
    padding: 10px 15px;
    color: #3e3e3e;
    font-size: 15px;
    margin-top: 22px;
    border: 1px rgb(0 0 0 / 22%) solid;
    height: 80px;
    }

    ::placeholder {
  color: #3e3e3e;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #3e3e3e;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #3e3e3e;
}