.post-title a,
body .wpss-shopping-cart-cell-product,
ul.meta-info {
    font-family: 'Playfair Display', serif!important
}

a:active,
a:focus,
a:hover,
body>.navbar-collapse .navbar-form:focus,
body>.navbar-collapse .navbar-search:focus,
button:active,
button:focus,
button:hover {
    outline: 0
}

#bnmMCResponse,
#static-credits,
.access-nav .user,
.single-event .artist-band {
    font-style: italic
}

.pt-page-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    -moz-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both
}

.pt-page-moveFromLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    -moz-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both
}

.pt-page-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    -moz-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both
}

.pt-page-moveFromRight {
    -webkit-animation: moveFromRight .6s ease both;
    -moz-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both
}

.pt-page-moveToTop {
    -webkit-animation: moveToTop .6s ease both;
    -moz-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    -moz-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both
}

.pt-page-moveToBottom {
    -webkit-animation: moveToBottom .6s ease both;
    -moz-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both
}

.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    -moz-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both
}

.pt-page-fade {
    -webkit-animation: fade .7s ease both;
    -moz-animation: fade .7s ease both;
    animation: fade .7s ease both
}

.pt-page-fade-in {
    -webkit-animation: fade-in .8s ease both;
    -moz-animation: fade-in .8s ease both;
    animation: fade-in .8s ease both
}

.pt-page-fade-out {
    -webkit-animation: fade-out .5s ease both;
    -moz-animation: fade-out .5s ease both;
    animation: fade-out .5s ease both
}

.pt-page-moveToLeftFade {
    -webkit-animation: moveToLeftFade .7s ease both;
    -moz-animation: moveToLeftFade .7s ease both;
    animation: moveToLeftFade .7s ease both
}

.pt-page-moveFromLeftFade {
    -webkit-animation: moveFromLeftFade .7s ease both;
    -moz-animation: moveFromLeftFade .7s ease both;
    animation: moveFromLeftFade .7s ease both
}

.pt-page-moveToRightFade {
    -webkit-animation: moveToRightFade .7s ease both;
    -moz-animation: moveToRightFade .7s ease both;
    animation: moveToRightFade .7s ease both
}

.pt-page-moveFromRightFade {
    -webkit-animation: moveFromRightFade .7s ease both;
    -moz-animation: moveFromRightFade .7s ease both;
    animation: moveFromRightFade .7s ease both
}

.pt-page-moveToTopFade {
    -webkit-animation: moveToTopFade .7s ease both;
    -moz-animation: moveToTopFade .7s ease both;
    animation: moveToTopFade .7s ease both
}

.pt-page-moveFromTopFade {
    -webkit-animation: moveFromTopFade .7s ease both;
    -moz-animation: moveFromTopFade .7s ease both;
    animation: moveFromTopFade .7s ease both
}

.pt-page-moveToBottomFade {
    -webkit-animation: moveToBottomFade .7s ease both;
    -moz-animation: moveToBottomFade .7s ease both;
    animation: moveToBottomFade .7s ease both
}

.pt-page-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade .7s ease both;
    -moz-animation: moveFromBottomFade .7s ease both;
    animation: moveFromBottomFade .7s ease both
}

.pt-page-moveToLeftEasing {
    -webkit-animation: moveToLeft .7s ease-in-out both;
    -moz-animation: moveToLeft .7s ease-in-out both;
    animation: moveToLeft .7s ease-in-out both
}

.pt-page-moveToRightEasing {
    -webkit-animation: moveToRight .7s ease-in-out both;
    -moz-animation: moveToRight .7s ease-in-out both;
    animation: moveToRight .7s ease-in-out both
}

.pt-page-moveToTopEasing {
    -webkit-animation: moveToTop .7s ease-in-out both;
    -moz-animation: moveToTop .7s ease-in-out both;
    animation: moveToTop .7s ease-in-out both
}

.pt-page-moveToBottomEasing {
    -webkit-animation: moveToBottom .7s ease-in-out both;
    -moz-animation: moveToBottom .7s ease-in-out both;
    animation: moveToBottom .7s ease-in-out both
}

@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes moveToLeft {
    to {
        -moz-transform: translateX(-100%)
    }
}

@keyframes moveToLeft {
    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%)
    }
}

@keyframes moveFromLeft {
    from {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes moveToRight {
    to {
        -moz-transform: translateX(100%)
    }
}

@keyframes moveToRight {
    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%)
    }
}

@keyframes moveFromRight {
    from {
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes moveToTop {
    to {
        -moz-transform: translateY(-100%)
    }
}

@keyframes moveToTop {
    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes moveFromTop {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes moveToBottom {
    to {
        -moz-transform: translateY(100%)
    }
}

@keyframes moveToBottom {
    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%)
    }
}

@keyframes moveFromBottom {
    from {
        transform: translateY(100%)
    }
}

@-webkit-keyframes fade {
    to {
        opacity: .3
    }
}

@-moz-keyframes fade {
    to {
        opacity: .3
    }
}

@keyframes fade {
    to {
        opacity: .3
    }
}

@-webkit-keyframes fade-out {
    to {
        opacity: 0
    }
}

@-moz-keyframes fade-out {
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes moveToLeftFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes moveToLeftFade {
    to {
        opacity: .3;
        -moz-transform: translateX(-100%)
    }
}

@keyframes moveToLeftFade {
    to {
        opacity: .3;
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveFromLeftFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes moveFromLeftFade {
    from {
        opacity: .3;
        -moz-transform: translateX(-100%)
    }
}

@keyframes moveFromLeftFade {
    from {
        opacity: .3;
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveToRightFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes moveToRightFade {
    to {
        opacity: .3;
        -moz-transform: translateX(100%)
    }
}

@keyframes moveToRightFade {
    to {
        opacity: .3;
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveFromRightFade {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes moveFromRightFade {
    from {
        opacity: .3;
        -moz-transform: translateX(100%)
    }
}

@keyframes moveFromRightFade {
    from {
        opacity: .3;
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes moveToTopFade {
    to {
        opacity: .3;
        -moz-transform: translateY(-100%)
    }
}

@keyframes moveToTopFade {
    to {
        opacity: .3;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveFromTopFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        opacity: .3;
        -moz-transform: translateY(-100%)
    }
}

@keyframes moveFromTopFade {
    from {
        opacity: .3;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveToBottomFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes moveToBottomFade {
    to {
        opacity: .3;
        -moz-transform: translateY(100%)
    }
}

@keyframes moveToBottomFade {
    to {
        opacity: .3;
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveFromBottomFade {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes moveFromBottomFade {
    from {
        opacity: .3;
        -moz-transform: translateY(100%)
    }
}

@keyframes moveFromBottomFade {
    from {
        opacity: .3;
        transform: translateY(100%)
    }
}

.pt-page-scaleDown {
    -webkit-animation: scaleDown .7s ease both;
    -moz-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both
}

.pt-page-scaleUp {
    -webkit-animation: scaleUp .7s ease both;
    -moz-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both
}

.pt-page-scaleUpDown {
    -webkit-animation: scaleUpDown .5s ease both;
    -moz-animation: scaleUpDown .5s ease both;
    animation: scaleUpDown .5s ease both
}

.pt-page-scaleDownUp {
    -webkit-animation: scaleDownUp .5s ease both;
    -moz-animation: scaleDownUp .5s ease both;
    animation: scaleDownUp .5s ease both
}

.pt-page-scaleDownCenter {
    -webkit-animation: scaleDownCenter .4s ease-in both;
    -moz-animation: scaleDownCenter .4s ease-in both;
    animation: scaleDownCenter .4s ease-in both
}

.pt-page-scaleUpCenter {
    -webkit-animation: scaleUpCenter .4s ease-out both;
    -moz-animation: scaleUpCenter .4s ease-out both;
    animation: scaleUpCenter .4s ease-out both
}

@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleDown {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleDown {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleUp {
    from {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2)
    }
}

@-moz-keyframes scaleUpDown {
    from {
        opacity: 0;
        -moz-transform: scale(1.2)
    }
}

@keyframes scaleUpDown {
    from {
        opacity: 0;
        transform: scale(1.2)
    }
}

@-webkit-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2)
    }
}

@-moz-keyframes scaleDownUp {
    to {
        opacity: 0;
        -moz-transform: scale(1.2)
    }
}

@keyframes scaleDownUp {
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@-webkit-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(.7)
    }
}

@-moz-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -moz-transform: scale(.7)
    }
}

@keyframes scaleDownCenter {
    to {
        opacity: 0;
        transform: scale(.7)
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7)
    }
}

@-moz-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -moz-transform: scale(.7)
    }
}

@keyframes scaleUpCenter {
    from {
        opacity: 0;
        transform: scale(.7)
    }
}

.pt-page-rotateRightSideFirst {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .8s both ease-in;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateRightSideFirst .8s both ease-in;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .8s both ease-in
}

.pt-page-rotateLeftSideFirst {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateLeftSideFirst .8s both ease-in;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateLeftSideFirst .8s both ease-in;
    transform-origin: 100% 50%;
    animation: rotateLeftSideFirst .8s both ease-in
}

.pt-page-rotateTopSideFirst {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateTopSideFirst .8s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateTopSideFirst .8s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateTopSideFirst .8s both ease-in
}

.pt-page-rotateBottomSideFirst {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideFirst .8s both ease-in;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateBottomSideFirst .8s both ease-in;
    transform-origin: 50% 0;
    animation: rotateBottomSideFirst .8s both ease-in
}

.pt-page-flipOutRight {
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: flipOutRight .5s both ease-in;
    -moz-transform-origin: 50% 50%;
    -moz-animation: flipOutRight .5s both ease-in;
    transform-origin: 50% 50%;
    animation: flipOutRight .5s both ease-in
}

.pt-page-flipInLeft,
.pt-page-flipOutLeft {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

.pt-page-flipInLeft {
    -webkit-animation: flipInLeft .5s both ease-out;
    -moz-animation: flipInLeft .5s both ease-out;
    transform-origin: 50% 50%;
    animation: flipInLeft .5s both ease-out
}

.pt-page-flipOutLeft {
    -webkit-animation: flipOutLeft .5s both ease-in;
    -moz-animation: flipOutLeft .5s both ease-in;
    transform-origin: 50% 50%;
    animation: flipOutLeft .5s both ease-in
}

.pt-page-flipInRight,
.pt-page-flipOutTop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

.pt-page-flipInRight {
    -webkit-animation: flipInRight .5s both ease-out;
    -moz-animation: flipInRight .5s both ease-out;
    transform-origin: 50% 50%;
    animation: flipInRight .5s both ease-out
}

.pt-page-flipOutTop {
    -webkit-animation: flipOutTop .5s both ease-in;
    -moz-animation: flipOutTop .5s both ease-in;
    transform-origin: 50% 50%;
    animation: flipOutTop .5s both ease-in
}

.pt-page-flipInBottom,
.pt-page-flipOutBottom {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

.pt-page-flipInBottom {
    -webkit-animation: flipInBottom .5s both ease-out;
    -moz-animation: flipInBottom .5s both ease-out;
    transform-origin: 50% 50%;
    animation: flipInBottom .5s both ease-out
}

.pt-page-flipOutBottom {
    -webkit-animation: flipOutBottom .5s both ease-in;
    -moz-animation: flipOutBottom .5s both ease-in;
    transform-origin: 50% 50%;
    animation: flipOutBottom .5s both ease-in
}

.pt-page-flipInTop,
.pt-page-rotateOutNewspaper {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%
}

.pt-page-flipInTop {
    -webkit-animation: flipInTop .5s both ease-out;
    -moz-animation: flipInTop .5s both ease-out;
    transform-origin: 50% 50%;
    animation: flipInTop .5s both ease-out
}

.pt-page-rotateFall {
    -webkit-transform-origin: 0 0;
    -webkit-animation: rotateFall 1s both ease-in;
    -moz-transform-origin: 0 0;
    -moz-animation: rotateFall 1s both ease-in;
    transform-origin: 0 0;
    animation: rotateFall 1s both ease-in
}

.pt-page-rotateOutNewspaper {
    -webkit-animation: rotateOutNewspaper .5s both ease-in;
    -moz-animation: rotateOutNewspaper .5s both ease-in;
    transform-origin: 50% 50%;
    animation: rotateOutNewspaper .5s both ease-in
}

.pt-page-rotateInNewspaper {
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: rotateInNewspaper .5s both ease-out;
    -moz-transform-origin: 50% 50%;
    -moz-animation: rotateInNewspaper .5s both ease-out;
    transform-origin: 50% 50%;
    animation: rotateInNewspaper .5s both ease-out
}

.pt-page-rotatePushLeft {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotatePushLeft .8s both ease;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotatePushLeft .8s both ease;
    transform-origin: 0 50%;
    animation: rotatePushLeft .8s both ease
}

.pt-page-rotatePushRight {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotatePushRight .8s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotatePushRight .8s both ease;
    transform-origin: 100% 50%;
    animation: rotatePushRight .8s both ease
}

.pt-page-rotatePushTop {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotatePushTop .8s both ease;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotatePushTop .8s both ease;
    transform-origin: 50% 0;
    animation: rotatePushTop .8s both ease
}

.pt-page-rotatePushBottom {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotatePushBottom .8s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotatePushBottom .8s both ease;
    transform-origin: 50% 100%;
    animation: rotatePushBottom .8s both ease
}

.pt-page-rotatePullRight {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotatePullRight .5s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotatePullRight .5s both ease;
    transform-origin: 100% 50%;
    animation: rotatePullRight .5s both ease
}

.pt-page-rotatePullLeft {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotatePullLeft .5s both ease;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotatePullLeft .5s both ease;
    transform-origin: 0 50%;
    animation: rotatePullLeft .5s both ease
}

.pt-page-rotatePullTop {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotatePullTop .5s both ease;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotatePullTop .5s both ease;
    transform-origin: 50% 0;
    animation: rotatePullTop .5s both ease
}

.pt-page-rotatePullBottom {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotatePullBottom .5s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotatePullBottom .5s both ease;
    transform-origin: 50% 100%;
    animation: rotatePullBottom .5s both ease
}

.pt-page-rotateFoldRight {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateFoldRight .7s both ease;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateFoldRight .7s both ease;
    transform-origin: 0 50%;
    animation: rotateFoldRight .7s both ease
}

.pt-page-rotateFoldLeft {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateFoldLeft .7s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateFoldLeft .7s both ease;
    transform-origin: 100% 50%;
    animation: rotateFoldLeft .7s both ease
}

.pt-page-rotateFoldTop {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateFoldTop .7s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateFoldTop .7s both ease;
    transform-origin: 50% 100%;
    animation: rotateFoldTop .7s both ease
}

.pt-page-rotateFoldBottom {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateFoldBottom .7s both ease;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateFoldBottom .7s both ease;
    transform-origin: 50% 0;
    animation: rotateFoldBottom .7s both ease
}

.pt-page-rotateUnfoldLeft {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateUnfoldLeft .7s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateUnfoldLeft .7s both ease;
    transform-origin: 100% 50%;
    animation: rotateUnfoldLeft .7s both ease
}

.pt-page-rotateRoomLeftIn,
.pt-page-rotateUnfoldRight {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%
}

.pt-page-rotateUnfoldRight {
    -webkit-animation: rotateUnfoldRight .7s both ease;
    -moz-animation: rotateUnfoldRight .7s both ease;
    transform-origin: 0 50%;
    animation: rotateUnfoldRight .7s both ease
}

.pt-page-rotateUnfoldTop {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateUnfoldTop .7s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateUnfoldTop .7s both ease;
    transform-origin: 50% 100%;
    animation: rotateUnfoldTop .7s both ease
}

.pt-page-rotateRoomTopIn,
.pt-page-rotateUnfoldBottom {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0
}

.pt-page-rotateUnfoldBottom {
    -webkit-animation: rotateUnfoldBottom .7s both ease;
    -moz-animation: rotateUnfoldBottom .7s both ease;
    transform-origin: 50% 0;
    animation: rotateUnfoldBottom .7s both ease
}

.pt-page-rotateRoomLeftOut {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateRoomLeftOut .8s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateRoomLeftOut .8s both ease;
    transform-origin: 100% 50%;
    animation: rotateRoomLeftOut .8s both ease
}

.pt-page-rotateRoomLeftIn {
    -webkit-animation: rotateRoomLeftIn .8s both ease;
    -moz-animation: rotateRoomLeftIn .8s both ease;
    transform-origin: 0 50%;
    animation: rotateRoomLeftIn .8s both ease
}

.pt-page-rotateCubeLeftIn,
.pt-page-rotateRoomRightOut {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%
}

.pt-page-rotateRoomRightOut {
    -webkit-animation: rotateRoomRightOut .8s both ease;
    -moz-animation: rotateRoomRightOut .8s both ease;
    transform-origin: 0 50%;
    animation: rotateRoomRightOut .8s both ease
}

.pt-page-rotateRoomRightIn {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateRoomRightIn .8s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateRoomRightIn .8s both ease;
    transform-origin: 100% 50%;
    animation: rotateRoomRightIn .8s both ease
}

.pt-page-rotateRoomTopOut {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateRoomTopOut .8s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateRoomTopOut .8s both ease;
    transform-origin: 50% 100%;
    animation: rotateRoomTopOut .8s both ease
}

.pt-page-rotateRoomTopIn {
    -webkit-animation: rotateRoomTopIn .8s both ease;
    -moz-animation: rotateRoomTopIn .8s both ease;
    transform-origin: 50% 0;
    animation: rotateRoomTopIn .8s both ease
}

.pt-page-rotateCubeTopIn,
.pt-page-rotateRoomBottomOut {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0
}

.pt-page-rotateRoomBottomOut {
    -webkit-animation: rotateRoomBottomOut .8s both ease;
    -moz-animation: rotateRoomBottomOut .8s both ease;
    transform-origin: 50% 0;
    animation: rotateRoomBottomOut .8s both ease
}

.pt-page-rotateRoomBottomIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateRoomBottomIn .8s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateRoomBottomIn .8s both ease;
    transform-origin: 50% 100%;
    animation: rotateRoomBottomIn .8s both ease
}

.pt-page-rotateCubeLeftOut {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateCubeLeftOut .6s both ease-in;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateCubeLeftOut .6s both ease-in;
    transform-origin: 100% 50%;
    animation: rotateCubeLeftOut .6s both ease-in
}

.pt-page-rotateCubeLeftIn {
    -webkit-animation: rotateCubeLeftIn .6s both ease-in;
    -moz-animation: rotateCubeLeftIn .6s both ease-in;
    transform-origin: 0 50%;
    animation: rotateCubeLeftIn .6s both ease-in
}

.pt-page-rotateCarouselLeftIn,
.pt-page-rotateCubeRightOut {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%
}

.pt-page-rotateCubeRightOut {
    -webkit-animation: rotateCubeRightOut .6s both ease-in;
    -moz-animation: rotateCubeRightOut .6s both ease-in;
    transform-origin: 0 50%;
    animation: rotateCubeRightOut .6s both ease-in
}

.pt-page-rotateCubeRightIn {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateCubeRightIn .6s both ease-in;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateCubeRightIn .6s both ease-in;
    transform-origin: 100% 50%;
    animation: rotateCubeRightIn .6s both ease-in
}

.pt-page-rotateCubeTopOut {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCubeTopOut .6s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCubeTopOut .6s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateCubeTopOut .6s both ease-in
}

.pt-page-rotateCubeTopIn {
    -webkit-animation: rotateCubeTopIn .6s both ease-in;
    -moz-animation: rotateCubeTopIn .6s both ease-in;
    transform-origin: 50% 0;
    animation: rotateCubeTopIn .6s both ease-in
}

.pt-page-rotateCarouselTopIn,
.pt-page-rotateCubeBottomOut {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0
}

.pt-page-rotateCubeBottomOut {
    -webkit-animation: rotateCubeBottomOut .6s both ease-in;
    -moz-animation: rotateCubeBottomOut .6s both ease-in;
    transform-origin: 50% 0;
    animation: rotateCubeBottomOut .6s both ease-in
}

.pt-page-rotateCubeBottomIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCubeBottomIn .6s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCubeBottomIn .6s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateCubeBottomIn .6s both ease-in
}

.pt-page-rotateCarouselLeftOut {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselLeftOut .8s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateCarouselLeftOut .8s both ease;
    transform-origin: 100% 50%;
    animation: rotateCarouselLeftOut .8s both ease
}

.pt-page-rotateCarouselLeftIn {
    -webkit-animation: rotateCarouselLeftIn .8s both ease;
    -moz-animation: rotateCarouselLeftIn .8s both ease;
    transform-origin: 0 50%;
    animation: rotateCarouselLeftIn .8s both ease
}

.pt-page-rotateCarouselRightOut {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateCarouselRightOut .8s both ease;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateCarouselRightOut .8s both ease;
    transform-origin: 0 50%;
    animation: rotateCarouselRightOut .8s both ease
}

.pt-page-rotateCarouselRightIn {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselRightIn .8s both ease;
    -moz-transform-origin: 100% 50%;
    -moz-animation: rotateCarouselRightIn .8s both ease;
    transform-origin: 100% 50%;
    animation: rotateCarouselRightIn .8s both ease
}

.pt-page-rotateCarouselTopOut {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselTopOut .8s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCarouselTopOut .8s both ease;
    transform-origin: 50% 100%;
    animation: rotateCarouselTopOut .8s both ease
}

.pt-page-rotateCarouselTopIn {
    -webkit-animation: rotateCarouselTopIn .8s both ease;
    -moz-animation: rotateCarouselTopIn .8s both ease;
    transform-origin: 50% 0;
    animation: rotateCarouselTopIn .8s both ease
}

.pt-page-rotateCarouselBottomOut {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateCarouselBottomOut .8s both ease;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateCarouselBottomOut .8s both ease;
    transform-origin: 50% 0;
    animation: rotateCarouselBottomOut .8s both ease
}

.pt-page-rotateCarouselBottomIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselBottomIn .8s both ease;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCarouselBottomIn .8s both ease;
    transform-origin: 50% 100%;
    animation: rotateCarouselBottomIn .8s both ease
}

.pt-page-rotateSidesOut {
    -webkit-transform-origin: -50% 50%;
    -webkit-animation: rotateSidesOut .5s both ease-in;
    -moz-transform-origin: -50% 50%;
    -moz-animation: rotateSidesOut .5s both ease-in;
    transform-origin: -50% 50%;
    animation: rotateSidesOut .5s both ease-in
}

.pt-page-rotateSidesIn {
    -webkit-transform-origin: 150% 50%;
    -webkit-animation: rotateSidesIn .5s both ease-out;
    -moz-transform-origin: 150% 50%;
    -moz-animation: rotateSidesIn .5s both ease-out;
    transform-origin: 150% 50%;
    animation: rotateSidesIn .5s both ease-out
}

.pt-page-rotateSlideOut {
    -webkit-animation: rotateSlideOut 1s both ease;
    -moz-animation: rotateSlideOut 1s both ease;
    animation: rotateSlideOut 1s both ease
}

.pt-page-rotateSlideIn {
    -webkit-animation: rotateSlideIn 1s both ease;
    -moz-animation: rotateSlideIn 1s both ease;
    animation: rotateSlideIn 1s both ease
}

@-webkit-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateRightSideFirst {
    40% {
        -moz-transform: rotateY(15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateRightSideFirst {
    40% {
        transform: rotateY(15deg);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateLeftSideFirst {
    40% {
        -moz-transform: rotateY(-15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateLeftSideFirst {
    40% {
        transform: rotateY(-15deg);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateTopSideFirst {
    40% {
        -moz-transform: rotateX(15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateTopSideFirst {
    40% {
        transform: rotateX(15deg);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateBottomSideFirst {
    40% {
        -moz-transform: rotateX(-15deg);
        opacity: .8;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateBottomSideFirst {
    40% {
        transform: rotateX(-15deg);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        transform: scale(.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-moz-keyframes flipOutRight {
    to {
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipOutRight {
    to {
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-moz-keyframes flipInLeft {
    from {
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipInLeft {
    from {
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-moz-keyframes flipOutLeft {
    to {
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipOutLeft {
    to {
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-moz-keyframes flipInRight {
    from {
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipInRight {
    from {
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-moz-keyframes flipOutTop {
    to {
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipOutTop {
    to {
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-moz-keyframes flipInBottom {
    from {
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipInBottom {
    from {
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-moz-keyframes flipOutBottom {
    to {
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipOutBottom {
    to {
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-moz-keyframes flipInTop {
    from {
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipInTop {
    from {
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg)
    }
}

@-moz-keyframes rotateFall {
    0% {
        -moz-transform: rotateZ(0)
    }
    20% {
        -moz-transform: rotateZ(10deg);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: rotateZ(17deg)
    }
    60% {
        -moz-transform: rotateZ(16deg)
    }
    100% {
        -moz-transform: translateY(100%) rotateZ(17deg)
    }
}

@keyframes rotateFall {
    0% {
        transform: rotateZ(0)
    }
    20% {
        transform: rotateZ(10deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: rotateZ(17deg)
    }
    60% {
        transform: rotateZ(16deg)
    }
    100% {
        transform: translateY(100%) rotateZ(17deg)
    }
}

@-webkit-keyframes rotateOutNewspaper {
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutNewspaper {
    to {
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@keyframes rotateOutNewspaper {
    to {
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
}

@-moz-keyframes rotateInNewspaper {
    from {
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
}

@keyframes rotateInNewspaper {
    from {
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
}

@-webkit-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@-moz-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -moz-transform: rotateY(90deg)
    }
}

@keyframes rotatePushLeft {
    to {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes rotatePushRight {
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
}

@keyframes rotatePushRight {
    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes rotatePushTop {
    to {
        opacity: 0;
        -moz-transform: rotateX(-90deg)
    }
}

@keyframes rotatePushTop {
    to {
        opacity: 0;
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@-moz-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -moz-transform: rotateX(90deg)
    }
}

@keyframes rotatePushBottom {
    to {
        opacity: 0;
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@-moz-keyframes rotatePullRight {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg)
    }
}

@keyframes rotatePullRight {
    from {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@-moz-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg)
    }
}

@keyframes rotatePullLeft {
    from {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes rotatePullTop {
    from {
        opacity: 0;
        -moz-transform: rotateX(-90deg)
    }
}

@keyframes rotatePullTop {
    from {
        opacity: 0;
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@-moz-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -moz-transform: rotateX(90deg)
    }
}

@keyframes rotatePullBottom {
    from {
        opacity: 0;
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -moz-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateFoldRight {
    to {
        opacity: 0;
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -moz-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateFoldLeft {
    to {
        opacity: 0;
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -moz-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateFoldTop {
    to {
        opacity: 0;
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -moz-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateFoldBottom {
    to {
        opacity: 0;
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -moz-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateCubeLeftOut {
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateCubeLeftOut {
    50% {
        animation-timing-function: ease-out;
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-moz-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-webkit-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateCubeRightOut {
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -moz-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateCubeRightOut {
    50% {
        animation-timing-function: ease-out;
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-moz-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -moz-transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-webkit-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateCubeTopOut {
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateCubeTopOut {
    50% {
        animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-moz-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateCubeBottomOut {
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -moz-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateCubeBottomOut {
    50% {
        animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-moz-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg)
    }
    50% {
        -moz-animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        transform: translateY(-100%) rotateX(90deg)
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-webkit-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@-moz-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-moz-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-moz-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -moz-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg)
    }
}

@-moz-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        transform: translateX(-200%) scale(.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-moz-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-moz-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-moz-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -moz-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-moz-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -moz-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg)
    }
}

@-moz-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(90deg)
    }
}

@keyframes rotateSidesOut {
    to {
        opacity: 0;
        transform: translateZ(-500px) rotateY(90deg)
    }
}

@-webkit-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg)
    }
}

@-moz-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -moz-transform: translateZ(-500px) rotateY(-90deg)
    }
}

@keyframes rotateSidesIn {
    from {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes rotateSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes rotateSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes rotateSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes rotateSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

.pt-page-delay100 {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.pt-page-delay180 {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    animation-delay: .18s
}

.pt-page-delay200 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.pt-page-delay300 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.pt-page-delay400 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

.pt-page-delay500 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

.pt-page-delay700 {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    animation-delay: .7s
}

.pt-page-delay1000 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.archive article {
    clear: both;
    float: none;
    overflow: auto;
    padding: 3% 0!important
}

.archive article:nth-child(2n) .col-md-7 {
    float: right!important
}

.archive article .col-md-5 {
    padding-top: 4%
}

.archive article .meta-info {
    overflow: auto
}

.archive article .meta-info li {
    display: inline;
    float: none
}

.archive article .btn-base {
    float: none!important
}

.archive .thumb-archive {
    display: block!important;
    max-height: 435px;
    overflow: hidden
}

.thumb-archive img {
    height: auto;
    width: 100%
}

.pagetitle,
.title-page {
    font-size: 5rem!important;
    margin: 1% 0;
    padding: 2% 0;
    text-align: center
}

.navigation {
    overflow: auto;
    background: #FCFBF9
}

.navigation .next-posts>a,
.navigation .prev-posts>a,
.navigation a {
    border: 2px solid #cdaa4e;
    padding: .45% 2%;
    background: #fff;
    transition: all .2s ease-in-out 0s!important;
    -webkit-transition: all .2s ease-in-out 0s!important;
    -o-transition: all .2s ease-in-out 0s!important
}

.single .navigation .next-posts>a,
.single .navigation .prev-posts>a,
.single .navigation a {
    width: 100%;
    display: block
}

.navigation .next-posts a {
    float: right;
    text-align: right
}

.navigation .next-posts a:hover {
    margin-right: -10px;
    background: #103249;
    color: #fff!important;
    text-decoration: none
}

.navigation .prev-posts a {
    float: left
}

.navigation .prev-posts a:hover {
    margin-left: -10px;
    background: #103249;
    color: #fff!important;
    text-decoration: none
}

@media screen and (max-width:480px) {
    .navigation .prev-posts a:hover {
        margin-left: 0!important
    }
    .navigation .next-posts a:hover {
        margin-right: 0!important
    }
}

.home .post-title,
.post-title {
    height: 140px;
    overflow: hidden;
    padding: 0 1%
}

.post-title a {
    font-size: 2.5rem!important
}

ul.meta-info {
    padding: 0;
    font-size: 1.2rem
}

.meta-info li {
    border-left: 1px solid #eee;
    float: left;
    list-style: none;
    padding: 0 2%
}

.meta-info li:first-child {
    border-left: none;
    padding-left: 0
}

.date-time {
    color: #bbb;
    font-weight: lighter;
    padding-left: 1%;
    text-transform: uppercase
}

body .wpss-shopping-cart-cell-price,
body tfoot td {
    font-weight: 700
}

.entry-post .more {
    color: #cca94d!important;
    float: right!important;
    font-size: 1.3rem
}

@media (max-width:991px) {
    .home .post-title,
    .post-title {
        height: inherit
    }
}

#bnm-user-cart #close-cart {
    position: absolute;
    right: 10px;
    text-align: right!important;
    top: 10px
}

body #bnm-user-cart {
    background: #fff;
    box-shadow: 0 -2px 5px #000;
    max-width: 100%;
    min-width: 320px;
    padding: 5%;
    position: absolute;
    top: 50%!important;
    right: 0;
    visibility: visible!important;
    z-index: 10;
    display: none
}

body #bnm-user-cart .wpss-widget-cart-box {
    color: #123551!important;
    padding: 10px 0 0
}

body #bnm-user-cart thead th {
    padding: 5px;
    font-size: 1rem
}

body .wpss-shopping-cart-cell-cb .delete {
    background: url(images/delete-to-cart-blunotemi.png) left top no-repeat!important;
    border: none;
    text-indent: -999999px;
    width: 16px;
    height: 16px;
    display: block;
    transition: all .25s ease 0s
}

body .wpss-shopping-cart-cell-cb .delete:hover {
    background-position: left bottom!important
}

body .wpss-shopping-cart-cell-product {
    padding-left: 5px;
    text-align: left;
    font-size: 1.2rem
}

#page-store th,
#wpss-product-variant-form-Dinner {
    text-align: center
}

body .wpss-shopping-cart-cell-qty .qty {
    width: 40px
}

body tfoot td {
    color: #cca94d
}

.wpss-cart-checkout-button {
    background: #cca94d;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    margin: 15px 0 0;
    padding: 3%;
    text-transform: none;
    width: 100%
}

.wpss-cart-checkout-button:hover {
    background-color: #0d2132
}

#page-store th {
    background: #f9f6f1;
    border: 1px solid #fff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 30px;
    padding: 0 1%
}

#page-store tbody tr td {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1%
}

#page-store input {
    box-shadow: none!important;
    border-radius: 2px
}

#page-store tbody tr {
    border-color: #ccc;
    border-image: none;
    border-style: dashed;
    border-width: 0 0 1px
}

#page-store .wpdk-form-select {
    margin: 0
}

.add-new-event {
    background: #fefefe;
    border: 1px solid #f3eee4;
    margin: 0 0 5%;
    padding: 3%
}

#box-office-autocomplete {
    border: 1px solid #cca94d;
    margin: 0 0 10px
}

#wpss-product-variant-form {
    margin-top: 20px
}

.add-new-event .add-variant input[type=checkbox] {
    margin-right: 7px;
    vertical-align: 0
}

.add-new-event .variant-options {
    color: #666;
    font-family: Asap, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .95em;
    margin-top: 10px
}

.add-new-event .variant-options input[type=checkbox] {
    width: 30px
}

#wpss-product-variant-form-Dinner #wpss-cart-id,
.wpss-checkout-payment-gateway .wpss-summary-order-form-bill-button,
.wpss-checkout-payment-gateway input.button {
    background-color: #cca94d!important;
    background-image: url(images/button-arrow.png)!important;
    background-position: right top!important;
    background-repeat: no-repeat!important;
    border: none;
    color: #fff;
    display: inline;
    font-size: 2rem;
    height: 50px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 50px 10px 30px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s
}

#wpss-product-variant-form-Dinner #wpss-cart-id:hover,
.wpss-checkout-payment-gateway .wpss-summary-order-form-bill-button:hover,
.wpss-checkout-payment-gateway input.button:hover {
    background-position: right bottom!important;
    background-color: #103249!important;
    color: #fff!important
}

.wpss-checkout-payment-gateway input.button {
    margin-top: 60px
}

table .wpss-summary-order-cell-product .bnm-button-dinner-choice {
    color: #cca94d!important;
    display: block!important;
    margin: 8px 0;
    padding: 1% 3%;
    border-left: solid 5px #cca94d!important;
    background: #f8f8f8!important
}

table .wpdk-form-select {
    margin: 0!important
}

.wpss-summary-order-cell-cb .delete {
    background: #aa0202;
    border: none;
    color: #fff;
    font-size: 10px;
    margin: 0 10px 0 0;
    padding: 5px
}

.wpss-summary-order-cell-product {
    width: 35%
}

.wpss-summary-order-column-product_price {
    min-width: 8%;
    text-align: center!important
}

#page-store tbody tr td>* {
    width: 100%
}

#page-store tfoot tr {
    border-color: #eee;
    border-style: solid;
    border-width: 1px 0;
    line-height: 50px
}

#page-store tfoot .wpss-summary-order-row-total {
    background: #f8f8f8
}

#page-store fieldset.wpdk-form-fieldset,
fieldset.wpdk-form-fieldset {
    background-color: #fcfcfc;
    border: solid #eee;
    border-width: 1px 0;
    border-radius: 4px;
    font-family: inherit;
    margin: 30px 0;
    padding: 3%
}

#page-store span.wpdk-form-description,
span.wpdk-form-description {
    background-color: #f2f7f0;
    border-left: 5px solid #d6e9c6;
    border-radius: 1px;
    color: #468847;
    display: block;
    font-size: 13px;
    line-height: 150%;
    padding: 12px;
    text-align: justify;
    text-shadow: 1px 1px 0 #fff
}

#page-store fieldset.wpdk-form-fieldset legend,
fieldset.wpdk-form-fieldset legend {
    color: #123551!important;
    background-color: #fff;
    font-family: 'Playfair Display', serif!important;
    font-weight: 400!important;
    font-size: 2.4rem;
    text-transform: uppercase
}

#page-store fieldset.wpdk-form-fieldset label.wpdk-form-label,
fieldset.wpdk-form-fieldset label.wpdk-form-label {
    font-weight: 400;
    font-family: inherit
}

.wpss-payment-gateways {
    clear: both;
    overflow: auto;
    width: 100%!important
}

.wpss-payment-gateways li {
    float: left;
    list-style: none;
    padding: 0 10%
}

.wpss-payment-gateways li input {
    margin-right: 5px
}

#page-store #access-bnm {
    background-color: #cca94d!important;
    background-image: url(images/button-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    height: 50px!important;
    line-height: 30px;
    margin: 15px auto!important;
    padding: 9px 40px 0 20px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    font-family: Asap, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: .6em;
    border-radius: 2px;
    float: left
}

#page-store #access-bnm:hover {
    background-position: right bottom!important;
    background-color: #103249!important;
    color: #fff!important
}

.wpss-checkout-payment-gateway {
    background: #f3eee4;
    overflow: auto;
    padding: 3%;
    text-align: center
}

#page-store .wpss-checkout-payment-gateway .wpdk-form-select {
    width: 100%
}

form.wpss-summary-order-form #bill_first_name,
form.wpss-summary-order-form #bill_last_name {
    width: 30%!important
}

.bnm-profile .wpdk-form-append.upload_pdf_cral,
.bnm-profile .wpdk-form-append.upload_pdf_over_65_id,
.bnm-profile .wpdk-form-append.upload_pdf_under_26_id {
    display: block!important;
    margin-top: 20px!important
}

form.wpss-summary-order-form fieldset.wpdk-form-section2 {
    display: none
}

@media (max-width:640px) {
    .wpdk-form-row input[type=text],
    .wpdk-form-row select,
    .wpdk-form-row textarea,
    body .wpdk-form-input {
        display: block;
        margin: 5px 0!important;
        max-width: 85%;
        min-width: 85%!important;
        width: 85%!important
    }
    .wpdk-form-row label {
        display: block;
        margin: 0!important;
        padding: 0!important;
        text-align: left!important
    }
    #box-office-autocomplete {
        max-width: 100%
    }
}

.page-wrap.post-event {
    margin-top: 10px
}

.single-event header.clearfix {
    padding: 0!important
}

.single-bnm-event .thumb-big-event {
    position: relative
}

.single-bnm-event .thumb-big-event img {
    width: 100%
}

.single-bnm-event .thumb-big-event .eventDate {
    background: #fff;
    border: 5px solid #cca94d;
    height: auto;
    padding: 0!important;
    position: absolute;
    right: -16%;
    text-align: center!important;
    top: -4%;
    width: 20%;
    margin: 0;
    box-shadow: 1px 1px 4px #999
}

.single-event .eventDate small,
.single-event .eventDate span {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3
}

.single-event .eventDate .evidence {
    background: #cca94d;
    color: #fff!important;
    margin: 10px 0 0;
    padding: 3px
}

.single-event .evidence {
    padding: 1px 20px!important
}

.single-event .eventDate .soldout-date {
    background: #ba0008!important;
    color: #fff!important;
    font-family: "Playfair Display", serif!important;
    font-weight: 700;
    padding: 3px 6px;
    position: absolute;
    top: -20px;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.single-event .eventDate .soldout-date.niceprice {
    background: #FF8738!important;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.single-event .artist-band,
.single-event .boxoffice-info {
    font-family: 'Playfair Display', serif!important;
    padding: 2%;
    margin-bottom: 20px
}

.single-event .artist-info {
    min-height: 200px
}

.single-event .entry-title {
    font-size: 3.8rem;
    margin: 0 0 20px!important;
    text-transform: none;
    color: #CCA94D!important
}

.single-event .artist-band ul {
    padding: 0 .2em
}

.single-event .artist-band li {
    font-size: .9em;
    list-style-position: inside
}

.single-event .wpss-product-card.col-md-6 {
    float: none;
    padding: 0;
    width: 100%
}

.single-event .wpss-product-card .inner-product-card.clearfix {
    border: none;
    margin: 0;
    padding: 0
}

.wpss-product-variant .wpss-product-variant-add-to-cart,
.wpss-product-variant-add-to-cart {
    background: #cca94d;
    color: #fff!important;
    margin: 0;
    padding: 10px!important;
    transition: all .2s ease-in-out 0s!important
}

#page-store .wpss-product-variant .wpss-product-variant-add-to-cart,
#page-store .wpss-product-variant-add-to-cart {
    background: 0 0
}

.wpss-product-variant-add-to-cart small {
    color: #444
}

.single-event .wpss-product-variant .wpss-product-variant-add-to-cart .wpss-cart-add {
    background: url(../../images/bluenotemilano-acquista-spettacolo-dal-sito.png) 50px 50% no-repeat!important;
    border: 2px solid #fff
}

#wpss-product-variant-form .wpss-cart-add {
    border: 2px solid #fff
}

.single-event .wpss-product-variant .wpss-product-variant-add-to-cart .wpss-cart-add input.wpss-cart-add,
.single-event .wpss-product-variant-add-to-cart .wpss-cart-add input.wpss-cart-add {
    background: 0 0;
    border: none;
    font-size: 2rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%
}

.single-event .wpss-product-variant .wpss-product-variant-add-to-cart .wpss-cart-add input.wpss-cart-add:hover,
.single-event .wpss-product-variant-add-to-cart .wpss-cart-add input.wpss-cart-add:hover,
body .single-event #wpss-product-variant-form-Dinner #wpss-cart-id:hover {
    color: #123551!important;
    background-color: transparent!important
}

.single-event .wpss-cart-add-not-available p,
.wpss-cart-add-not-available p {
    margin: 0
}

.single-event .wpss-cart-add-not-available,
.wpss-cart-add-not-available a {
    color: #fff!important
}

.single-event .wpss-cart-add-not-available:hover {
    background: rgba(255, 255, 255, .5)
}

.single-event .wpss-cart-add-not-available,
.wpss-cart-add-not-available a:hover,
.wpss-cart-add-not-available:hover a {
    color: #103249!important
}

.single-event .wpss-cart-add-not-available p {
    font-size: 2em!important
}

.single-event .bnm-sold-out {
    background: #ba0008!important;
    margin: -10px;
    padding: 10px;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.single-event .bnm-sold-out h2,
.single-event .bnm-sold-out h3,
.single-event .bnm-sold-out h4 {
    margin: 0!important;
    color: #fff!important
}

.single-event .bnm-event-ticket {
    border-top: 1px dashed #cca94d;
    padding-top: 10px
}

.bnm-event-price-door-message {
    background: #eee;
    padding: 5px 15px;
    text-align: center
}

.wpss-price-html {
    color: #cca94d;
    padding: 0 3%;
    text-shadow: 0 0 .5px #103249
}

.wpss-product-variant .cursive.evidence {
    border-top: 1px dashed #cca94d;
    color: #cca94d!important;
    margin: 10px 0 5px;
    padding: 5px 0 0;
    line-height: 1
}

.wpss-product-variant select.wpdk-form-select {
    background: #fefcf1;
    border: 2px solid #cca94d;
    border-radius: 2px;
    box-shadow: none;
    color: #103249;
    line-height: 30px
}

.wpss-product-variant select.wpdk-form-select option {
    height: 25px!important
}

.single-event .featured-video {
    border: solid #eee;
    border-width: 1px 0;
    margin: 50px 0;
    padding: 3% 0;
    text-align: center
}

.single-event .boxoffice-info {
    font-size: 1.4rem;
    border-left: 5px solid #cca94d;
    padding-left: 15px
}

.boxoffice-info .soldout,
.boxoffice-info .soldout h2,
.boxoffice-info .soldout h3,
.boxoffice-info .soldout h4,
.boxoffice-info .soldout p {
    color: #ba0008!important
}

.boxoffice-info h3 {
    margin: 0
}

.action-blue {
    background: #103249
}

.single-event .action-blue .action-phone {
    padding: 0 0 0 100px;
    text-align: left;
    background-position: 30px 50%;
    background-size: 40px auto
}

.single-event header .action-blue {
    background: 0 0;
    border: 3px solid #103249;
    color: #103249!important;
    padding: 3px!important
}

.single-event header .action-blue .action-phone {
    padding: 0!important;
    background-image: none;
    font-size: .8em
}

.single-event header .action-blue p {
    text-align: center!important
}

.single-event header .action-blue .action-phone h4,
.single-event header .action-blue .action-phone p {
    color: #103249!important
}

.single-event header .action-blue .action-phone a {
    color: #cca94d!important;
    font-size: 1.2em!important
}

body #main_countedown_1 .countdown,
body .countdown {
    border: 2px solid #cdaa4e;
    font-family: "Playfair Display", serif!important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 0
}

body #main_countedown_1 .countdown>*,
body .countdown>* {
    padding: 5px
}

body #main_countedown_1 .time_left,
body .countdown .time_left {
    background-color: #123551!important;
    border-radius: 0!important;
    font-family: "Playfair Display", serif;
    color: #fff
}

body #main_countedown_1 .time_description,
body .countdown .time_description {
    font-size: inherit;
    font-family: "Playfair Display", serif
}

.dockbar,
.dockbar .main-menu dl dd a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

body del {
    color: red
}

body .evidence {
    background-color: #F3EEE4;
    padding: 20px
}

#nav-single {
    margin: 30px 0;
    padding: 20px 0;
    text-transform: uppercase;
    border: solid #eee;
    border-width: 1px 0
}

#nav-single .left {
    text-align: left
}

#nav-single .right {
    text-align: right
}

.wpss-product-variant>h4 {
    margin-bottom: 5px;
    margin-top: 20px!important
}

.wpss-product-variant h3 {
    font-size: 2rem!important;
    margin: 5px 0;
    padding: 1% 0
}

.wpdk-form-select {
    margin-bottom: 20px!important
}

.featured-video embed,
.featured-video iframe,
.featured-video object {
    max-width: 90%;
    margin: 0 auto!important
}

.single-bnm-event .events-list article {
    margin: 0 0 10px!important
}

.single-bnm-event .event-date-item {
    border: 3px solid;
    font-size: .9em;
    background: #fff
}

.single-bnm-event .event-date-item .month {
    text-transform: uppercase
}

.single-bnm-event .btn-base {
    font-size: 1rem;
    height: auto;
    padding: 5px 0;
    text-align: center;
    width: 100%
}

.single-bnm-event .time-item {
    background: #faf9f5
}

#other-event-artist {
    background: #fcfbf9
}

@media (max-width:1024px) {
    .col-sx-6 {
        margin: 2% 0;
        width: 33%!important
    }
}

@media (max-width:768px) {
    html[lang=it-IT] .vvqbox span:after {
        display: block;
        background-color: #eee;
        content: "Video. Clicca sull'immagine per guardare"
    }
    html[lang=en-US] .vvqbox span:after {
        display: block;
        background-color: #eee;
        content: "Video. Click image to watch"
    }
    .vvqbox img {
        height: inherit!important
    }
    .col-sx-6 {
        margin: 2% 0;
        width: 50%!important
    }
    .breadcrumb,
    .page-wrap {
        background-color: #fff
    }
    .vvqbox.vvqyoutube {
        width: 100%!important;
        height: auto!important;
        text-align: center
    }
    .single-event .artist-info {
        min-height: inherit;
        float: inherit!important
    }
}

.calendar-compact>ul:after,
.search-result-content:after {
    content: ".";
    visibility: hidden
}

@media (max-width:767px) {
    #other-event-artist .event-date-item .month {
        font-size: .9em
    }
}

@media (max-width:530px) {
    .single-bnm-event .thumb-big-event .eventDate {
        width: 28%
    }
    .single-event #action-bnm .action-strong {
        display: none
    }
    .single-event .action-light {
        width: 100%
    }
    body .events-list .col-sx-6 {
        margin: 2% 1%!important;
        width: 48%!important;
        float: left
    }
}

@media (max-width:480px) {
    #post-id .action-btn,
    .eventDate.day-name {
        width: 100%!important
    }
    .eventDate.day-name {
        position: relative!important;
        right: 0!important
    }
    .single-event .eventDate small,
    .single-event .eventDate span {
        display: inline!important
    }
    .single-event .eventDate .evidence {
        display: block!important
    }
    .single-bnm-event .thumb-big-event .eventDate {
        left: 0!important;
        top: 0!important
    }
    .single-event .action-blue .action-phone {
        padding: 0 0 0 30px!important
    }
    #post-id .action-btn:hover {
        margin-top: 0!important
    }
    .bnm-sociable-post {
        margin-top: 40px
    }
}

#flickr-photos .flickr_badge_image {
    float: left;
    margin: 1px;
    width: 19.5%
}

#flickr-photos .flickr_badge_image img {
    height: auto;
    margin: 0;
    width: 100%
}

#flickr-photos .FPG_widgetImageContainerList {
    float: left;
    margin: 1px;
    width: 19.5%
}

#flickr-photos .FPG_widgetImageContainerList img {
    height: auto;
    margin: 0;
    width: 100%
}

.tweett-gold {
    background: #cca94d!important
}

.twitter-bnm {
    line-height: 1.2;
    margin-bottom: -3%;
    padding-bottom: 0
}

.tweett-gold .rotatingtweets {
    float: left!important;
    width: 70%!important;
    font-size: 1.4rem;
    padding: 2% 0 0!important
}

.tweett-gold .rotatingtweets .rotatingtweet {
    max-width: 100%!important;
    overflow: hidden;
    padding: 2% 0 1%
}

.tweett-gold .rotatingtweets .rotatingtweet p {
    margin: 0 0 3px!important
}

.tweett-gold .follow-button {
    float: left!important;
    width: 20%;
    text-align: center;
    padding: 3% 0
}

.tweett-gold .twitter-icon img {
    margin-top: 33%
}

.tweett-gold .rotatingtweets a {
    color: #fff!important
}

@media (max-width:991px) {
    body .twitter-icon {
        display: block
    }
    .tweett-gold .follow-button,
    .tweett-gold .rotatingtweets {
        width: 90%!important;
        float: right
    }
}

.footer-bnm {
    background: url(../../images/bluenotemilano-bg.png) left top repeat-x;
    background-size: auto 100%;
    padding: 6% 0 0
}

.footer-bnm .menu-main-container,
.footer-bnm .menu-principale-container {
    -webkit-column-count: 2;
    -webkit-column-gap: 1%;
    -moz-column-count: 2;
    -moz-column-gap: 1%;
    column-count: 2;
    column-gap: 1%
}

.footer-bnm .menu-main-container a,
.footer-bnm .menu-principale-container a {
    color: #fff!important;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 1.4rem!important
}

#menu-menu-inferiore,
#menu-menu-inferiore-3,
#menu-sub-footer {
    margin: 0 auto;
    padding: 2% 0;
    text-align: center!important;
    width: 80%
}

#menu-menu-inferiore li,
#menu-menu-inferiore-3 li,
#menu-sub-footer li {
    border-left: 1px solid #ccc;
    float: left;
    font-size: 1.1rem;
    list-style: none;
    padding: 0 1.7%
}

#menu-menu-inferiore li:first-child,
#menu-menu-inferiore-3 li:first-child,
#menu-sub-footer li:first-child {
    border-left: none
}

#menu-menu-inferiore li a,
#menu-menu-inferiore-3 li a,
#menu-sub-footer li a {
    color: #ccc!important
}

#static-credits {
    border-top: 1px solid #2f4d60;
    margin: 0;
    padding: 1% 0
}

#static-credits a,
#static-credits h3,
#static-credits h4,
#static-credits h5 {
    text-transform: none!important;
    color: #3f6a86!important
}

#static-credits a {
    color: #CCA94D!important
}

.footer-bnm .menu-social {
    margin: 10px 0 30px!important;
    padding: 0!important;
    text-align: center!important
}

.footer-bnm .socialbuttons ul li {
    margin: 0 1px!important;
    display: inline-block;
    float: right
}

@media only screen and (min-width:320px) and (max-width:736px) {
    body #menu-menu-inferiore {
        border-top: 1px solid #2f4d60;
        padding-top: 2%;
        margin-top: 2%
    }
    body #menu-menu-inferiore li,
    body #menu-menu-inferiore-3 li,
    body #menu-sub-footer li {
        border-left: none;
        float: none
    }
    body .twitter-icon {
        text-align: center
    }
    .tweett-gold .twitter-icon img {
        max-height: 49px;
        text-align: center;
        margin: 0 auto!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #menu-menu-inferiore,
    #menu-menu-inferiore-3,
    #menu-sub-footer {
        width: 95%
    }
    #menu-menu-inferiore li,
    #menu-menu-inferiore-3 li,
    #menu-sub-footer li {
        padding: 0 1.3%
    }
}

.glyphicon {
    opacity: .5
}

.glyphicon.green {
    color: #11b700;
    opacity: 1!important;
    vertical-align: top
}

.dropdown-arrow-inverse {
    border-bottom-color: #34495e!important;
    border-top-color: #34495e!important
}

.pull-right {
    margin-left: 10px
}

.pull-left {
    margin-right: 10px
}

.button {
    background: #CCA94D!important;
    border: none!important;
    margin: 1%!important
}

.button:hover {
    color: #123551!important
}

.only-mobile {
    display: none
}

.hidden {
    -webkit-transition: display 1s linear 2s;
    -moz-transition: display 1s linear 2s;
    -o-transition: display 1s linear 2s;
    transition: display 1s linear 2s
}

img.alignleft {
    float: left;
    margin: 0 20px 20px 0
}

img.alignright {
    float: left;
    margin: 0 0 20px 20px
}

.single-post .meta-info li,
body .navbar-header {
    float: none;
    display: inline-block;
    width: 100%;
}

.big,
p.big {
    font-size: 1.5em!important
}

.relative {
    position: relative
}

body.logged-in {
    margin-top: 28px
}

.page-wrapper {
    z-index: 9!important;
    position: relative
}

.header-antiflicker,
.page-wrapper,
body>header .header-background {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -o-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -ms-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    transition: all .33s cubic-bezier(.694, .0482, .335, 1)
}

body .navbar-header .logo-bnm div.col-sm-10 {
    margin-bottom: 20px
}

.nav-visible .header-antiflicker,
.nav-visible .navbar.navbar-fixed-top,
.nav-visible .page-wrapper,
.nav-visible body>header .header-background {
    -webkit-transform: translate3d(-230px, 0, 0);
    -moz-transform: translate3d(-230px, 0, 0);
    -ms-transform: translate3d(-230px, 0, 0);
    -o-transform: translate3d(-230px, 0, 0);
    transform: translate3d(-230px, 0, 0)
}

.no-csstransitions .header-antiflicker,
.no-csstransitions .page-wrapper {
    left: 0
}

.no-csstransitions.nav-visible .header-antiflicker,
.no-csstransitions.nav-visible .navbar.navbar-fixed-top,
.no-csstransitions.nav-visible .page-wrapper {
    left: -230px!important;
    right: auto
}

.background,
.navbar {
    left: 0;
    right: 0
}

.carousel-indicators {
    width: 100%
}

[class^=fui-] {
    display: inline-block;
    vertical-align: middle
}

.navbar .navbar-toggle:before,
.navbar .subnav {
    display: none
}

html body {
    color: #555!important
}

html body p {
    text-align: justify
}

body .centered>p {
    text-align: center
}

body>section,
footer,
header {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

.navbar .brand {
    padding: 23px 0 0
}

.navbar a {
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background: #efe8dd;
    border-top: 3px solid #cca94d;
    clear: both
}

.navbar .nav>li {
    float: left
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    background: 0 0
}

.navbar .navbar-toggle {
    margin: 26px 0 10px;
    color: #fff;
    padding: 0;
    width: 30px;
    height: 30px;
    background: url(icons/menu-icon.png) 50% no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar .navbar-form .btn {
    height: auto;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .nav>li>a>[class*=fui-] {
    font-size: 24px;
    margin: -10px 0 0;
    position: relative;
    top: 4px
}

.navbar.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -o-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    -ms-transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    transition: all .33s cubic-bezier(.694, .0482, .335, 1);
    max-width: 1170px;
    margin: 0 auto
}

body>.navbar-collapse {
    padding: 25px 0;
    overflow: auto;
    background: #0D2132;
    min-height: 100%;
    box-shadow: 0 2px 10px #03101c
}

body>.navbar-collapse::-webkit-scrollbar {
    display: none
}

body>.navbar-collapse .pull-left,
body>.navbar-collapse .pull-right {
    float: none!important
}

body>.navbar-collapse .nav {
    margin: 0 0 10px
}

body>.navbar-collapse .nav>li {
    margin: 0
}

body>.navbar-collapse .nav>li>a {
    display: block;
    padding: 12px 35px;
    border-bottom: 1px solid #03101c;
    border-top: 1px solid #3b4e67;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #E2DED5;
    text-transform: uppercase
}

body>.navbar-collapse .nav>li.active>a,
body>.navbar-collapse .nav>li.active>a.active,
body>.navbar-collapse .nav>li.active>a:focus,
body>.navbar-collapse .nav>li.active>a:hover,
body>.navbar-collapse .nav>li>a.active,
body>.navbar-collapse .nav>li>a:focus,
body>.navbar-collapse .nav>li>a:hover {
    color: #fff
}

body>.navbar-collapse .nav>li>a:focus,
body>.navbar-collapse .nav>li>a:hover {
    background: 0 0
}

body>.navbar-collapse .subnav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

body>.navbar-collapse .subnav li>a {
    display: block;
    margin: 0;
    padding: 7px 35px;
    font-size: 13px;
    font-weight: 400;
    color: #5b5e61;
    text-transform: capitalize
}

body>.navbar-collapse .subnav li>a.active,
body>.navbar-collapse .subnav li>a:focus,
body>.navbar-collapse .subnav li>a:hover {
    color: #fff
}

body>.navbar-collapse .navbar-form,
body>.navbar-collapse .navbar-search {
    padding: 10px 35px;
    margin: 0;
    border-bottom: 0 none;
    border-top: 0 none;
    box-shadow: none
}

body>.navbar-collapse .navbar-form .btn,
body>.navbar-collapse .navbar-form .btn-primary,
body>.navbar-collapse .navbar-search .btn,
body>.navbar-collapse .navbar-search .btn-primary {
    height: 30px;
    line-height: 20px;
    font-size: 15px;
    color: #5b5e61;
    background: 0 0;
    padding: 0
}

body>.navbar-collapse .navbar-form .btn-primary:hover,
body>.navbar-collapse .navbar-form .btn:hover,
body>.navbar-collapse .navbar-search .btn-primary:hover,
body>.navbar-collapse .navbar-search .btn:hover {
    color: #fff
}

#menu-principale {
    width: 100%;
    margin: 0!important;
    padding: 0!important
}

#close-bn-menu {
    background: #000;
    display: block;
    font-size: 1.2em;
    padding: 5px 40px;
    text-align: left;
    text-transform: uppercase
}

.nav-visible .read-man,
.nav>li.only-mobile {
    display: none
}

.delimiter {
    margin-top: 200px
}

.delimiter.line {
    margin-top: 150px;
    margin-bottom: 150px;
    border-top: 2px solid #ebedee
}

header {
    z-index: 100
}

header .brand {
    font-size: 25px;
    font-weight: 800;
    color: #2c3e50
}

header .brand img {
    width: 100%;
    max-width: 100%;
    margin-top: 5px
}

section * {
    z-index: 2
}

.background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: .2;
    filter: alpha(opacity=20)
}

.container {
    position: relative;
    z-index: 2
}

.nav-visible .navbar .nav-collapse .nav>li>a:hover,
.nav-visible .navbar .nav-collapse .nav>li>li a:focus {
    background-color: transparent
}

.nav-visible .nav-collapse .navbar-form,
.nav-visible .nav-collapse .navbar-search {
    border-bottom: 0 none;
    border-top: 0 none;
    box-shadow: none;
    margin: 10px 0;
    padding: 10px 15px
}

.dockbar .main-menu dl,
.dockbar .main-menu dl dd {
    margin: 0;
    display: inline-block
}

.dockbar,
.dockbar .main-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0
}

.nav-visible .nav-collapse .navbar-form a.btn,
.nav-visible .nav-collapse .navbar-search a.btn {
    border-color: #fff;
    color: #fff
}

.nav-visible .nav-collapse .navbar-form a.btn:focus,
.nav-visible .nav-collapse .navbar-form a.btn:hover,
.nav-visible .nav-collapse .navbar-search a.btn:focus,
.nav-visible .nav-collapse .navbar-search a.btn:hover {
    color: #7f8c8d;
    background-color: #fff
}

.dockbar {
    -webkit-transition: z-index 4s ease 0s;
    -moz-transition: z-index 4s ease 0s;
    -o-transition: z-index 4s ease 0s;
    transition: z-index 4s ease 0s;
    display: block;
    box-sizing: border-box;
    overflow: visible
}

.dockbar .menu-btn {
    display: none
}

.dockbar .main-menu {
    display: block;
    overflow: hidden;
    background-color: #1b1f23;
    box-sizing: border-box
}

.dockbar .main-menu>div,
.dockbar .main-menu>div>div {
    height: 65px
}

.dockbar .main-menu a.man-brand {
    display: inline-block;
    float: left;
    text-decoration: none;
    line-height: 65px
}

.dockbar .main-menu a.man-brand .logotype {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase
}

.dockbar .main-menu a.man-brand .doc-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #919497;
    font-weight: 400
}

.dockbar .main-menu dl dd {
    padding: 17px 0;
    line-height: 31px
}

.dockbar .main-menu dl dd a {
    font-size: 12px;
    font-weight: 500;
    padding-right: 22px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #919497;
    display: block
}

.dockbar .main-menu dl dd a.active,
.dockbar .main-menu dl dd a:focus,
.dockbar .main-menu dl dd a:hover {
    color: #fff
}

.dockbar .main-menu dl dd a.active {
    text-decoration: none;
    color: #fff
}

body .delimiter-big {
    margin-top: 180px
}

body .delimiter {
    margin-top: 30px
}

body section[class*=content-] {
    margin-top: 0;
    margin-bottom: 0
}

body .colapsed-menu {
    display: none;
    width: 230px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 25px 0;
    margin: 0;
    overflow: auto;
    background-color: #222527
}

body .colapsed-menu dl {
    position: relative;
    display: block;
    margin: 0
}

body .colapsed-menu dl dd {
    border-bottom: 1px solid #24292D;
    line-height: 45px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase
}

body .colapsed-menu dl dd dd {
    padding: 0 0 0 20px;
    font-size: 12px;
    border-top: 1px solid #24292D;
    border-bottom: 0;
    line-height: 30px
}

body .colapsed-menu dl dd>a {
    display: block;
    padding: 0 0 0 35px;
    color: #5b5e61
}

body .colapsed-menu dl dd>a.active,
body .colapsed-menu dl dd>a:focus,
body .colapsed-menu dl dd>a:hover {
    color: #fff
}

body .colapsed-menu dl dd>a.active {
    text-decoration: none;
    color: #fff
}

body .colapsed-menu dl dd>a.active:after {
    display: none
}

body .colapsed-menu.show-menu {
    display: block
}

body .colapsed-menu::-webkit-scrollbar {
    display: none
}

.header-bnm {
    background: url(../../images/bluenotemilano-bg.png) left top repeat-x;
    z-index: 100;
    width: 100%;
    padding-top: 5px!important;
    padding-bottom: 0!important;
    height: 170px;
    color: #fff;
    border-top: solid 5px #CCA94D;
    box-shadow: 2px 0 5px #000
}

.socialbuttons ul li.facebook a,
.socialbuttons ul li.flickr a,
.socialbuttons ul li.instagram a,
.socialbuttons ul li.linkedin a,
.socialbuttons ul li.twitter a,
.socialbuttons ul li.youtube a {
    background-image: url(../../images/sprite-bluenotemilano-social.png);
    background-repeat: no-repeat
}

.header-bnm .navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    margin: 0
}

.header-bnm .navbar .brand {
    padding-top: 25px
}

.header-bnm .navbar .nav>li,
.header-bnm .navbar .nav>li:first-child {
    margin-left: 0
}

.header-bnm .navbar .nav>li>a {
    color: #0d2132;
    font-size: 1.45rem;
    font-weight: bolder;
    padding: .75rem 1.5rem!important;
    text-transform: uppercase
}

.header-bnm .navbar .nav>li.active>a,
.header-bnm .navbar .nav>li.active>a.active,
.header-bnm .navbar .nav>li.active>a:focus,
.header-bnm .navbar .nav>li.active>a:hover,
.header-bnm .navbar .nav>li>a.active,
.header-bnm .navbar .nav>li>a:focus,
.header-bnm .navbar .nav>li>a:hover {
    color: #cdaa4e
}

.header-bnm .navbar .navbar-form {
    padding: 19px 0 19px 60px
}

.header-bnm .navbar .btn {
    padding-left: 26px;
    padding-right: 26px
}

.header-bnm .navbar .btn.btn-info {
    font-size: 15px;
    color: #fff;
    font-weight: 500
}

.header-bnm .navbar .navbar-toggle {
    margin-top: 30px
}

.header-bnm .navbar #menu-main>li>a {
    padding: .75rem 1.8rem!important
}

body #socialbuttons {
    padding: 0!important
}

.socialbuttons a {
    text-decoration: none;
    transition: all .25s ease 0s
}

.socialbuttons ul li {
    float: right;
    margin: 0 3px;
    list-style: none;
    background-color: transparent!important
}

.socialbuttons ul li a {
    display: block;
    height: 24px!important;
    text-align: left!important;
    text-indent: -999999px;
    width: 24px!important;
    overflow: hidden;
    opacity: .6
}

.socialbuttons ul li a:hover {
    opacity: 1
}

.socialbuttons ul li.facebook a {
    background-position: 0 1px
}

.socialbuttons ul li.facebook a:hover {
    background-position: 0 bottom
}

.socialbuttons ul li.twitter a {
    background-position: -24px 1px
}

.socialbuttons ul li.twitter a:hover {
    background-position: -24px bottom
}

.socialbuttons ul li.youtube a {
    background-position: -48px 1px
}

.socialbuttons ul li.youtube a:hover {
    background-position: -48px bottom
}

.socialbuttons ul li.linkedin a {
    background-position: -72px 1px
}

.socialbuttons ul li.linkedin a:hover {
    background-position: -72px bottom
}

.socialbuttons ul li.instagram a {
    background-position: -96px 1px
}

.socialbuttons ul li.instagram a:hover {
    background-position: -96px bottom
}

.socialbuttons ul li.flickr a {
    background-position: -72px 1px
}

.socialbuttons ul li.flickr a:hover {
    background-position: -72px bottom
}

#menu-social {
    margin: 0;
    padding: 0
}

.access-nav {
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
    margin: 30px -15px 0!important
}

.access-nav #bnm-login-in .col-sm-9 {
    padding: 0
}

.access-nav .user {
    text-transform: capitalize;
    color: #CCA94D!important;
    padding-left: 5px;
    float: right;
    width: 88%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.access-nav input[type=button] {
    background: 0 0;
    border: none;
    color: #cca94d;
    text-transform: uppercase
}

.access-nav div {
    text-align: center;
    padding: 0
}

.access-nav .cart-nav img {
    margin-right: 5px
}

#action-cart,
#buttonOpenLogin,
#buttonSignup {
    border: 1px solid;
    margin: 0 5px;
    line-height: 30px
}

#action-cart {
    display: block;
    min-height: 30px;
    padding: 0
}

.support-nav-bnm .white {
    border: 1px solid;
    color: #ccc;
    display: block;
    line-height: 30px;
    padding: 0
}

#buttonOpenLogin,
#buttonSignup {
    padding: 0!important;
    width: 44%
}

#action-cart:hover,
#buttonOpenLogin:hover,
#buttonSignup:hover,
.support-nav-bnm .white:hover {
    background: #cdaa4e;
    color: #fff!important;
    text-decoration: none
}

.bnm-login-recovery p {
    font-family: grafolita-script, sans-serif
}

#bnm-login-in {
    background: rgba(255, 255, 255, .2);
    border: 1px solid #cca94d!important;
    line-height: 30px;
    margin: 0 10px
}

#bnm-login-in #bnm-button-logout {
    line-height: 20px;
    max-height: 20px
}

#search {
    padding: 0!important;
    border: 1px solid #ccc;
    height: 30px
}

#search>form {
    float: left;
    width: 85%
}

#s {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #ccc;
    text-transform: uppercase;
    font-size: .8rem!important
}

.search-result-content {
    border-bottom: 1px solid #f3eee4;
    margin-bottom: 25px;
    padding-bottom: 25px
}

#flags_language_footer,
#flags_language_selector {
    font-size: 1rem!important;
    line-height: 2.8;
    margin: 0!important;
    padding: 0;
    text-align: center!important;
    text-transform: uppercase;
    vertical-align: middle
}

#flags_language_footer a,
#flags_language_selector a {
    display: block;
    border: 1px solid #ccc
}

#flags_language_footer a:hover,
#flags_language_selector a:hover {
    background: #cca94d;
    color: #123551!important
}

#featured-top {
    background: #e2ded5;
    padding: 0!important;
    height: 170px
}

#featured-top .widgettitle {
    font-size: 2.5rem;
    margin-bottom: 15px;
    text-align: center
}

#featured-top .col-sm-4 {
    min-height: 170px;
    padding: 0 3% 2%;
    color: #fff;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important;
    transition: all .3s ease-in-out 0s!important
}

#featured-top .col-sm-4:nth-child(1) {
    background: #cca94d
}

#featured-top .col-sm-4:nth-child(2) {
    background: #fff;
    border-top: 5px solid #cca94d;
    box-shadow: 0 -2px 15px #444;
    color: #0D2132
}

#featured-top .col-sm-4:nth-child(3) {
    background: #0D2132
}

#featured-top .col-sm-4:nth-child(2) h3,
#featured-top .col-sm-4:nth-child(2) p {
    color: #123551!important
}

#featured-top .col-sm-4 h3,
#featured-top .col-sm-4 p {
    color: #fff!important;
    margin: 0
}

#featured-top .col-sm-4:hover {
    margin-top: -10px;
    background: #0D2233!important;
    color: #fff!important
}

#featured-top .col-sm-4:nth-child(2):hover a h3,
#featured-top .col-sm-4:nth-child(2):hover a p,
body #featured-top .col-sm-4:hover a,
body #featured-top .col-sm-4:hover a:hover {
    color: #fff!important;
    text-decoration: none!important
}

#featured-top img.pull-left,
#featured-top img.pull-right {
    max-width: 100px
}

section#action-bnm {
    padding: 0!important
}

.action-btn {
    background: #c6b3a4;
    color: #fff!important;
    margin: 10px 0;
    padding: 10px!important;
    -webkit-transition: all .2s ease-in-out 0s!important;
    -o-transition: all .2s ease-in-out 0s!important;
    transition: all .2s ease-in-out 0s!important
}

.action-strong {
    background: #cca94d
}

.action-strong a:hover {
    color: #123551!important
}

.borded {
    border: 2px solid #fff;
    min-height: 115px;
    padding: 2%
}

.page .action-btn .borded {
    min-height: inherit
}

.action-btn:hover {
    margin-top: 0
}

.action-btn a,
.action-btn h3,
.action-btn h4,
.action-btn p {
    color: #fff!important;
    margin-bottom: 5px;
    text-align: center
}

.action-phone {
    background: url(../../images/bluenotemilano-acquista-telefonicamente-icon.png) 70px 50% no-repeat
}

.action-shop h4 a,
.action-shop h5 a {
    display: block;
    padding: 5% 0
}

.action-shop {
    background: url(../../images/bluenotemilano-acquista-spettacolo-dal-sito.png) 70px 50% no-repeat
}

#action-bnm .row.clearfix {
    min-height: 180px
}

.bxslider {
    visibility: hidden
}

.bx-viewport,
.bx-wrapper,
.bxslider,
.bxslider .item {
    max-height: 390px;
    overflow: hidden
}

.bxslider .item {
    position: relative
}

.bxslider .item .slider-caption {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15%;
    padding: 0 13%
}

.bxslider .slider-caption p,
.bxslider .title-slider>a {
    background: rgba(0, 0, 0, .3);
    display: inline;
    line-height: 1.4;
    padding: 0 3px
}

.bxslider .item .slider-caption .subtitle-slider,
.bxslider .item .slider-caption .title-slider,
.bxslider .item .slider-caption .title-slider a {
    margin: 0!important;
    color: #fff!important;
    text-shadow: 0 0 1px #000
}

.bxslider .item .slider-caption .title-slider,
.bxslider .item .slider-caption .title-slider a {
    font-family: 'Playfair Display', Garamond, 'Times New Roman', serif!important
}

.bxslider .item img {
    height: auto;
    width: 100%
}

.bxslider .item .slider-caption p {
    text-align: center!important
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #fff!important
}

.bx-wrapper .item-dark-bg {
    display: block;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10
}

.active-slide .item-dark-bg {
    transition: all .4s ease-out .1s;
    background: 0 0;
    display: none
}

.login-bnm {
    background: #efe8dd;
    padding: 0 0 2%;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 10000;
    display: none
}

.login-bnm .close-btn {
    font-size: 4rem;
    color: #111;
    position: absolute;
    right: 2%;
    top: 2%;
    z-index: 300
}

.login-bnm .close-btn:hover {
    text-decoration: none
}

.btn-facebooklogin {
    background-color: #3b5998!important;
    background-image: url(images/button-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
    color: #fff;
    display: table;
    font-size: 13px;
    height: 50px;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 47px;
    text-align: left;
    transition: all .3s ease-out 0s;
    width: 100%
}

.btn-facebooklogin:hover {
    background-position: right bottom
}

.btn-facebookloginf {
    background-image: url(images/facebookf.png);
    background-position: left center;
    display: block;
    float: left;
    height: 100%;
    width: 45px
}

.login-bnm .wpdk-form-input {
    width: 80%!important;
    margin: 2% 10%!important;
    border-color: #ccc;
    box-shadow: none
}

.login-bnm .only-link-btn {
    border: none!important;
    color: #cca94d!important;
    font-size: 1.2rem;
    font-style: italic;
    margin: 10px 0;
    background: 0 0
}

.login-bnm p.cursive.big {
    font-size: 1.7em!important;
    line-height: 1.2;
    margin: .75em 0;
    font-weight: 700!important
}

.btn-fb {
    padding: 70px 0!important
}

.left-v-divider {
    border-left: solid 1px #ccc
}

.bnm-login-recovery {
    border-top: 1px dashed #cca94d;
    margin: 3% 15%;
    padding: 3%!important;
    width: 70%!important
}

body .btn-access {
    background-color: #cca94d!important;
    background-image: url(images/button-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    display: table;
    font-size: 2rem;
    height: 50px;
    line-height: 30px;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s
}

body .btn-access:hover {
    background-position: right bottom;
    background-color: #103249!important
}

.login-bnm footer {
    margin-top: 30px
}

#login-bnm-sidebar .register-content {
    text-align: justify
}

#login-bnm-sidebar #register-bnm .wpdk-form-row {
    width: 50%!important;
    margin: 0 -5px;
    float: left
}

#login-bnm-sidebar fieldset.wpdk-form-fieldset {
    font-family: Asap, "Helvetica Neue", Helvetica, Arial, sans-serif!important
}

#breadcrumbs>li,
#login-bnm-sidebar .wpdk-form-fieldset legend,
.day-name {
    font-family: 'Playfair Display', serif!important
}

#login-bnm-sidebar #register-bnm .wpdk-form-fieldset {
    background: 0 0!important;
    border: none!important;
    padding: 0!important
}

#login-bnm-sidebar .wpdk-form-fieldset legend {
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    clear: both;
    color: #123551!important
}

#login-bnm-sidebar #register-bnm .wpdk-form-input {
    margin: 1%!important;
    text-align: left!important;
    font-weight: 400!important
}

#login-bnm-sidebar #register-bnm .wpdk-form-label {
    margin: 0!important
}

#login-bnm-sidebar #register-bnm span.wpdk-form-description {
    margin: 0 10px;
    padding: 0 10px;
    color: #555!important;
    background: 0 0!important;
    border: none!important;
    text-shadow: none
}

#login-bnm-sidebar #register-bnm .wpdk-form-radio {
    margin: 0 10px!important
}

#login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row {
    width: 100%!important
}

section.breadcrumb {
    padding: 0
}

#breadcrumbs {
    margin: 0;
    padding-left: 70px;
    background: url(../../images/bluenotemilano-decor-logo.svg) left center no-repeat #fdfdfd;
    background-size: 60px auto
}

#breadcrumbs>li {
    display: inline;
    font-size: .8em;
    font-weight: 400!important;
    line-height: 2em;
    list-style: none
}

#breadcrumbs a {
    display: inline-block;
    line-height: 3em
}

body .ui-autocomplete {
    z-index: 9999!important
}

@media (max-width:1199px) {
    .action-phone {
        background: url(../../images/bluenotemilano-acquista-telefonicamente-icon.png) 20px 50% no-repeat
    }
}

@media (min-width:1024px) {
    #header-10 {
        display: none!important
    }
}

@media (max-width:1024px) {
    #header .navbar-collapse {
        margin-top: 20px!important
    }
    #header #menu-principale a {
        font-size: 1.35rem!important;
        padding: .75rem .85rem!important
    }
    #header #menu-main a {
        padding: .75rem 1.2rem!important
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    body .navbar-collapse {
        margin-top: 20px
    }
    .header-bnm .navbar .nav>li>a {
        font-size: 1.35rem;
        padding: .75rem 1rem!important
    }
}

@media (max-width:991px) {
    .nav>li.only-mobile {
        display: block
    }
    #menu-main .close-menu a,
    #menu-principale .close-menu a {
        background: url(images/close_menu.svg) 15px 50%/auto 60% no-repeat #515d66;
        border: 1px solid;
        font-size: .9em;
        padding-left: 60px
    }
    #menu-main .flag-language a,
    #menu-principale .flag-language a {
        color: #cca94d;
        font-size: .7em;
        font-style: italic;
        margin-top: 20px;
        text-align: center
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-toggle {
        display: block!important
    }
    body .navbar-collapse {
        width: 230px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%!important;
        z-index: 1
    }
    .logo-bnm h1 {
        margin-bottom: 0
    }
    .navbar-header {
        float: none;
        position: relative
    }
    .navbar-header .navbar-toggle {
        border: 3px solid #cca94d!important;
        bottom: 18px;
        height: 40px!important;
        margin: 0!important;
        position: absolute!important;
        right: 20px;
        top: inherit;
        width: 40px!important;
        z-index: 3
    }
    .navbar-header .search-social-bnm {
        display: none
    }
    .navbar-header .access-nav {
        float: left!important;
        width: 80%!important
    }
    .support-nav-bnm {
        border-top: none;
        background: #efe8dd;
        background: rgba(239, 232, 221, .3);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4cEFE8DD, endColorstr=#4cEFE8DD);
        zoom: 1;
        margin-bottom: 15px;
        padding: 1% 0
    }
    .support-nav-bnm .access-nav .cart-nav {
        float: left;
        width: 20%!important
    }
    .support-nav-bnm .access-nav .bnm-top-right-box {
        width: 30%;
        float: left
    }
    .support-nav-bnm .access-nav .follow-nav {
        width: 10%;
        float: left
    }
    #header .access-nav {
        margin: 0!important
    }
    .btn-fb {
        padding: inherit
    }
    #buttonSignin,
    #register-bnm .btn-access {
        display: block;
        float: none;
        margin: 0 auto
    }
    body .bx-viewport ul {
        left: 0!important;
        background-color: #0d2233
    }
    #featured-top .col-sm-4 {
        display: none
    }
    #featured-top .col-sm-4:nth-child(2) {
        display: block;
        width: 100%
    }
    #action-bnm .action-btn {
        float: left;
        width: 50%;
        margin-top: 0!important
    }
    #last-news .item-post {
        border-bottom: 1px dashed #eee;
        padding: 3%!important;
        overflow: auto
    }
    #last-news .item-post .entry-content {
        padding: 0
    }
    .rotatingtweets .rotatingtweet {
        padding: 2%!important
    }
    .rotatingtweets .rotatingtweet a {
        color: #0D2233!important
    }
    .action-phone {
        background: url(../../images/bluenotemilano-acquista-telefonicamente-icon.png) 5px center/8% auto no-repeat!important
    }
    .action-shop {
        background: url(../../images/bluenotemilano-acquista-spettacolo-dal-sito.png) 35px 50%/8% auto no-repeat!important
    }
}

@media screen and (max-width:800px) {
    #action-bnm .action-btn {
        background-position: 50px center!important
    }
    .action-phone {
        background: url(../../images/bluenotemilano-acquista-telefonicamente-icon.png) 7px center no-repeat!important
    }
    .action-shop {
        background: url(../../images/bluenotemilano-acquista-spettacolo-dal-sito.png) 7px 50% no-repeat!important
    }
}

@media (max-width:668px) {
    #action-cart,
    #user-login {
        border: 3px solid
    }
    body .pagetitle,
    body .title-page {
        font-size: 3rem!important
    }
    body .header-bnm {
        height: 130px!important
    }
    body .support-nav-bnm {
        background: #efe8dd;
        background: rgba(239, 232, 221, .3);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4cEFE8DD, endColorstr=#4cEFE8DD);
        zoom: 1;
        overflow: auto
    }
    body #action-cart span {
        display: none
    }
    .glyphicon {
        font-size: 1.7rem!important
    }
    .only-mobile {
        display: block
    }
    .no-mobile {
        display: none
    }
    #user-login {
        display: block;
        overflow: auto;
        padding: 5.5% 0
    }
    .left-v-divider {
        border: none
    }
    #action-bnm .action-btn {
        width: 100%!important
    }
    body .access-nav #bnm-login-in {
        width: 60%!important
    }
    body .access-nav #bnm-login-in .user-name {
        max-width: 75%;
        float: left
    }
    body .access-nav #bnm-login-in .logout-btn {
        max-width: 25%;
        float: left
    }
    body .bx-wrapper .item-dark-bg {
        background: 0 0;
        display: none
    }
}

@media (max-width:590px) {
    body .login-bnm {
        top: 84px!important
    }
}

@media (max-width:480px) {
    body .header-bnm {
        height: 155px!important
    }
    body .logo-bnm {
        padding: 1%!important
    }
    body .logo-bnm h1 {
        width: 100%;
        margin: 10px 0!important
    }
    body .logo-bnm h1 img {
        width: 85%
    }
    body #rmc-logo {
        position: absolute;
        right: 0;
        top: -5px;
        z-index: 10;
        text-align: right;
        max-width: 70px
    }
    body .login-bnm {
        box-shadow: 0 5px 10px #000
    }
    body .col-sm-1,
    body .col-sm-10,
    body .col-sm-11,
    body .col-sm-12,
    body .col-sm-2,
    body .col-sm-3,
    body .col-sm-4,
    body .col-sm-5,
    body .col-sm-6,
    body .col-sm-7,
    body .col-sm-8,
    body .col-sm-9 {
        float: none;
        width: 100%!important;
        margin: 0!important
    }
    body .col-sm-offset-0,
    body .col-sm-offset-1,
    body .col-sm-offset-10,
    body .col-sm-offset-11,
    body .col-sm-offset-12,
    body .col-sm-offset-2,
    body .col-sm-offset-3,
    body .col-sm-offset-4,
    body .col-sm-offset-5,
    body .col-sm-offset-6,
    body .col-sm-offset-7,
    body .col-sm-offset-8,
    body .col-sm-offset-9 {
        margin-left: 0!important
    }
    body .support-nav-bnm .access-nav .cart-nav,
    body .support-nav-bnm .access-nav .only-mobile.user-login {
        float: left;
        width: 20%!important
    }
    body .navbar-header .navbar-toggle {
        bottom: 3px
    }
    body .action-phone {
        background-position: 5px 5px;
        padding: 6%
    }
    .action-phone {
        background: url(../../images/bluenotemilano-acquista-telefonicamente-icon.png) 15px 70%/8% auto no-repeat!important
    }
    .action-shop {
        background: url(../../images/bluenotemilano-acquista-spettacolo-dal-sito.png) 15px 50%/8% auto no-repeat!important
    }
    .action-shop h4 a,
    .action-shop h5 a {
        padding: 11% 0!important
    }
    body .action-btn p {
        font-size: .9em!important
    }
}

@media (max-device-width:480px) and (orientation:landscape) {
    body .header-bnm {
        height: 170px!important
    }
    body .login-bnm {
        top: 96px!important
    }
    body #header .logo-bnm {
        padding: 0!important
    }
    .bx-viewport,
    .bx-wrapper,
    .bxslider,
    .bxslider .item {
        max-height: 200px
    }
}

@media (max-device-width:480px) and (orientation:portrait) {
    body #header .logo-bnm h1 {
        margin: 35px 0 0!important
    }
    .widget.widget_loginlogout.col-md-3.col-sm-5 {
        padding: 0!important
    }
    .bx-viewport,
    .bx-wrapper,
    .bxslider,
    .bxslider .item {
        max-height: 200px
    }
}

@media (max-device-width:325px) and (orientation:portrait) {
    body .login-bnm {
        top: 107px!important
    }
    .login-bnm h3 {
        font-size: 1.5em!important
    }
    body .logo-bnm h1 img {
        width: 100%
    }
    body .glyphicon {
        min-height: 24px
    }
    .bx-viewport,
    .bx-wrapper,
    .bxslider,
    .bxslider .item {
        max-height: 200px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .bx-viewport,
    .bx-wrapper,
    .bxslider,
    .bxslider .item {
        max-height: 300px;
        overflow: hidden
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .bx-viewport,
    .bx-wrapper,
    .bxslider,
    .bxslider .item {
        max-height: 250px;
        overflow: hidden
    }
}

#home-calendar {
    padding-top: 60px
}

#home-calendar h2 {
    text-transform: inherit!important;
    font-size: 1.5em!important
}

#home-calendar h2 a {
    color: #CCA94D!important
}

#home-calendar h2 a:hover,
.day-name {
    color: #123551!important
}

.calendar-compact>ul:after {
    display: block
}

.calendar-compact {
    background-color: #E2DDD7!important;
    padding: 10px
}

.calendar-compact>ul.clearfix {
    list-style: none;
    padding: 0;
    margin-bottom: 2px;
    background: #f7f4ed!important
}

.calendar-compact>ul,
.calendar-compact>ul li {
    list-style: none
}

.calendar-compact>ul li {
    float: left
}

.calendar-compact>ul li.events-list {
    margin: 0;
    padding: 0;
    width: 86%
}

.calendar-compact>ul li.events-list ul {
    margin: 0;
    padding: 0
}

.day-name {
    background: #fff;
    font-size: 2.7em;
    height: 110px;
    line-height: 1;
    margin-right: 2px;
    padding: 1%;
    text-align: center;
    text-transform: lowercase;
    width: 12%
}

.calendar-compact .day-name span {
    display: block;
    text-align: center
}

span.today-label,
span.week {
    display: inline-block;
    margin-top: 5px
}

span.today-label {
    color: #cca94d!important;
    font-size: 2rem!important
}

.today {
    border: 6px solid #cca94d!important
}

.day-name>span {
    color: #666;
    font-family: Asap, Helvetica, sans-serif;
    font-size: .3em;
    text-align: center;
    text-transform: uppercase
}

.calendarNavigation a,
.day-name>span.week,
.event-item,
.event-item a,
span.bnm-calendar-compact-time {
    font-family: 'Playfair Display', serif!important
}

.calendar-compact .sunday {
    border: 6px solid;
    color: #920000!important
}

.calendar-compact .sunday .week {
    color: #920000!important
}

.day-name>span.week {
    color: #123551;
    text-align: center;
    text-transform: lowercase
}

.event-item {
    text-align: left;
    position: relative
}

.event-item.one {
    width: 80%
}

.event-item.two {
    width: 48%
}

.event-item.three {
    width: 33%
}

.event-item .soldout-date {
    background: #ba0008!important;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    left: 0;
    padding: 0 6px;
    position: absolute;
    text-transform: uppercase;
    top: 5%;
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.event-item .soldout-date.niceprice {
    background: #FF8738!important;
    left: -5px;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.attachment-thumbnail-small.wp-post-image {
    height: 110px;
    margin-right: 10px;
    width: auto
}

.event-item a {
    display: block;
    float: left;
    color: #444;
    text-transform: capitalize;
    font-size: 1.7rem;
    font-weight: 700
}

.event-item h3 a:hover {
    color: #CCA94D!important
}

.event-item a .bnm-calendar-compact-time {
    color: #cca94d!important;
    font-weight: 400
}

span.bnm-calendar-compact-time {
    background: 0 0!important;
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    color: #444!important;
    display: block;
    margin: 0 0 4px;
    padding: 2px;
    text-align: left;
    width: auto!important
}

.event-item .event-thumb {
    float: left;
    max-width: 40%
}

.event-item h3 {
    float: left;
    width: 59%;
    margin-bottom: 0;
    padding: 0 0 0 1%
}

@-webkit-keyframes wave {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 10px);
        -webkit-animation-delay: 2s
    }
}

@keyframes wave {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 10px);
        animation-delay: 2s
    }
}

@-moz-keyframes wave {
    0%,
    100% {
        -moz-transform: translate(0, 0)
    }
    50% {
        -moz-transform: translate(0, 10px);
        -moz-animation-delay: 2s
    }
}

@-o-keyframes wave {
    0%,
    100% {
        -o-transform: translate(0, 0)
    }
    50% {
        -o-transform: translate(0, 10px);
        -o-animation-delay: 2s
    }
}

.wave {
    animation: 2.5s ease-out 0s normal none infinite wave;
    -o-animation: 2.5s ease-out 0s normal none infinite wave;
    -webkit-animation: 2.5s ease-out 0s normal none infinite wave;
    -moz-animation: 2.5s ease-out 0s normal none infinite wave;
    text-align: center;
    z-index: 75;
    display: block;
    margin: 5px auto
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.page-program .pagetitle strong {
    display: block;
    font-size: 4rem
}

.page-program #today-link {
    display: inline-block;
    border: solid;
    padding: 1%
}

.page-program .bnm-calendar-toolbar {
    padding: 0!important;
    text-align: center
}

.page-program .bnm-calendar-toolbar a {
    border: 2px solid #123551;
    color: #123551;
    background-color: #FCFBF9;
    line-height: 2;
    list-style: none;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: .8em
}

.page-program .bnm-calendar-toolbar a:hover {
    color: #cdaa4e
}

.nav-tool .nav-cal {
    margin: 20px 0
}

.calendarNavigation {
    text-align: center;
    margin: 30px 0
}

.calendarNavigation a {
    border: 1px solid;
    font-size: .7em;
    padding: 3px 5px;
    text-transform: uppercase
}

.ui-dialog,
select.bnm-placeholder-select-environment {
    font-family: Helmet, Freesans, sans-serif!important
}

.calendarNavigation a.arrow {
    background: #eee;
    border: none;
    font-size: 1.2em
}

.calendarNavigation a.year {
    border: none;
    color: #123551!important;
    font-size: 1.3em
}

.calendarNavigation a.current,
.calendarNavigation a:hover {
    background-color: #123551;
    color: #fff!important
}

.calendarNavigation a.current {
    font-size: 1.2em;
    padding: 10px;
    display: inline-block!important
}

.event-item .wpdk-tooltip {
    background: #fff;
    clear: both;
    font-size: .95em!important;
    font-weight: 700;
    line-height: 1.3;
    margin: 2px 0;
    max-width: 100%!important;
    padding: 3px 20px!important;
    text-align: right;
    width: 110px;
    color: #f8f8f8
}

.event-item .bnm-event-warehouse {
    background: url(../../images/bluenotemilano-ticket-icon.svg) 5% 50% no-repeat #276482;
    background-size: auto 100%
}

.event-item .bnm-event-dinner-reservation {
    background: url(../../images/bluenotemilano-dinner-icon.svg) 5% 50% no-repeat #cca94d;
    background-size: auto 100%
}

.event-item .bnm-event-reservation {
    background: url(../../images/bluenotemilano-seat-icon.svg) 5% 50% no-repeat #0CA6B0;
    background-size: auto 100%
}

@media (max-width:640px) {
    body .day-name {
        width: 100%;
        height: 65px;
        float: none
    }
    body .calendar-compact .day-name span {
        display: inline-block
    }
    body .day-name>br {
        display: none
    }
    body .calendar .events-list {
        display: block;
        margin: 0!important;
        padding: 0!important;
        width: 100%!important
    }
    body .events-list {
        padding-left: 0!important
    }
    body .events-list .event-item {
        width: 100%!important;
        border-bottom: 1px dashed #ccc
    }
    body .events-list .event-item:last-child {
        border-bottom: none
    }
    header .brand img {
        max-height: 65px
    }
}

@media screen and (max-width:320px) {
    #home-calendar h3 a.cursive {
        display: inline-block;
        font-size: .9em!important;
        padding: 15px!important
    }
    .vvqbox embed,
    .vvqbox object {
        max-height: 220px!important
    }
}

.ui-dialog {
    -moz-box-shadow: 0 8px 24px 8px #111;
    -webkit-box-shadow: 0 8px 24px 8px #111;
    box-shadow: 0 8px 24px 8px #111
}

div.bnm-placeholder-environment-1 .table-responsive {
    background: url(images/primo_piano.png) no-repeat;
    background-size: 100% 100%!important;
    width: 650px!important;
    min-height: 650px;
    padding: 0;
    margin: 0
}

div.bnm-placeholder-environment-2 .table-responsive {
    background: url(images/balconata.jpg) no-repeat;
    background-size: 100% 100%!important;
    width: 650px!important;
    min-height: 700px;
    padding: 0;
    margin: 0
}

table.wpph-plan-reservations {
    margin: 12px 0 0
}

table.wpph-plan-reservations td.wpph-plan-reservations-cell-empty {
    width: 16px;
    height: 16px
}

div.wpph-plan-reservations-table-size-2 {
    width: 42px;
    height: 33px;
    margin: 0 auto;
    background-size: 100% auto;
    background-image: url(images/tavolo_disponibile.svg)
}

div.wpph-plan-place-waiting {
    background-image: url(images/tavolo_waiting.svg)!important
}

div.wpph-plan-reservations-table-size-2.wpph-plan-place-taken {
    background-image: url(images/tavolo_prenotato.svg)
}

div.wpph-plan-reservations-table-size-2.wpph-plan-place-reserved {
    background-image: url(images/tavolo_non_disponibile.svg)
}

div.wpph-plan-reservations-table-size-1 {
    width: 26px;
    height: 22px;
    margin: 0 auto;
    background-size: 100% auto;
    background-image: url(images/posto-singolo-balconata.svg)
}

div.wpph-plan-reservations-table-size-1.wpph-plan-place-taken {
    background-image: url(images/posto-singolo-balconata_riservato.svg)!important
}

div.wpph-plan-reservations-table-size-2.wpph-plan-reservations-table-busy {
    background-image: url(images/tavolo_busy.svg)
}

div.wpph-plan-reservations-table-size-1.wpph-plan-reservations-table-busy {
    background-image: url(images/posto-singolo-balconata_busy.svg)
}

div.wpph-plan-reservations-table-size-1.wpph-plan-place-waiting {
    background-image: url(images/posto-singolo-balconata_waiting.svg)!important;
    background-position: 50% top;
    background-size: 160% auto!important
}

div.wpph-plan-reservations-table-free {
    cursor: pointer
}

#bnm-button-dinner {
    float: right;
    padding: 10px 30px;
    font-size: 18px
}

html .ui-widget-overlay,
html .wpdk-jquery-ui .ui-widget-overlay {
    z-index: 10;
    height: 150%!important
}

html .wpx-placeholders-body .ui-widget {
    width: 100%!important;
    max-width: 650px;
    box-shadow: none!important;
    z-index: 100
}

.wpx-placeholders-body .ui-dialog {
    padding: 1px!important
}

.wpx-placeholders-body .ui-widget {
    font-family: Asap, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em
}

.wpx-placeholders-body #checked {
    background: #f8f8f8;
    font-family: 'Playfair Display', serif!important;
    font-size: 1.3em;
    text-align: center
}

.wpx-placeholders-body .ui-widget-header {
    background: 0 0;
    border: none
}

#ui-dialog-title-bnm-dialog-reservations-5708,
.wpx-placeholders-body .ui-dialog-titlebar .ui-dialog-title {
    color: #123551!important;
    display: block;
    font-family: "Playfair Display", serif!important;
    font-size: 2.5rem!important;
    font-weight: 400;
    padding-top: 10px;
    text-align: center!important;
    text-transform: uppercase;
    width: 100%
}

.wpx-placeholders-body .ui-dialog .ui-dialog-titlebar-close {
    top: 20%
}

#bnm-dialog-reservations-5708 select,
.bnm-dialog-reservations select {
    background: #fff8e4;
    border: 2px solid #cca94d!important;
    font-size: 1.5rem!important;
    margin: 10px 10%!important;
    width: 80%
}

.wpx-placeholders-body .ui-dialog .btn {
    padding: 8px 45px
}

div.bnm-placeholder-environment {
    height: 660px;
    position: absolute;
    width: 100%;
    background-size: 100% auto;
    background-position: center -20px
}

html div.wpph-plan-reservations-table-size-2 {
    height: 37px
}

html div.wpph-plan-reservations-table-size-1 {
    height: 25px
}

.wpx-placeholders-body .ui-dialog .ui-dialog-content {
    padding: 0!important
}

html .wpx-smartshop-body .bnm-dialog-reservations.ui-dialog-content.ui-widget-content {
    height: 730px!important
}

.bnm-box-office-placeholder .evidence {
    clear: both;
    overflow: auto
}

.bnm-box-office-placeholder .evidence:after,
.bnm-box-office-placeholder .evidence:before {
    content: ""!important;
    display: table!important
}

.bnm-box-office-placeholder .evidence p {
    font-size: 1.4em;
    margin: 10px 0
}

.bnm-box-office-placeholder #selectable li,
.bnm-box-office-placeholder #selectable-balconata li,
body #selectable li,
body #selectable-balconata li {
    list-style: none;
    height: inherit;
    min-height: 50px!important;
    width: 18%;
    margin: 0 1%
}

.evidence #btn-reserve,
.evidence #btn-reserve-b {
    float: right;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #103249;
    height: 40.5px;
    background-position: center right;
    background-repeat: no-repeat!important;
    background-size: auto auto;
    border: none!important;
    padding: 12px 45px;
    text-align: left;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #fff!important;
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important;
    margin-top: 20px
}

.evidence #btn-reserve-b:after,
.evidence #btn-reserve:after {
    background-image: url(images/sprite-arrows.png)!important;
    background-position: 0 17px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin-left: 35px;
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

.evidence #btn-reserve-b:hover,
.evidence #btn-reserve:hover {
    background-color: #CCA94D!important;
    color: #fff!important
}

#selectable .ui-selected,
#selectable-balconata .ui-selected {
    background: #f39814;
    color: #fff
}

body #placeholder-reservation-table-number li {
    padding: 3px 0;
    width: 50px
}

body #footer-action #wpss-cart-id {
    background-color: #cca94d!important;
    background-image: url(images/button-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    display: table;
    font-size: 2rem;
    height: 50px;
    width: 80%;
    line-height: 30px;
    margin: 15px auto!important;
    padding: 10px 20px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s
}

body #footer-action #wpss-cart-id:hover {
    background-position: right bottom;
    background-color: #103249!important
}

body #footer-action .wpss-product-card,
body #footer-action .wpss-product-card.col-sm-6 {
    width: 100%!important
}

body #footer-action .wpss-product-card .inner-product-card,
body #footer-action .wpss-product-card.col-sm-6 .inner-product-card {
    border: none
}

.wpss-product-card .inner-product-card {
    border: 2px solid #eee;
    margin: 10px;
    min-height: 150px!important;
    padding: 2% 3%
}

.wpss-showcase-prodcut-types-toolbar {
    margin: 2% 0 4%
}

.wpss-showcase-prodcut-types-toolbar ul {
    padding: 0;
    text-align: center
}

.wpss-showcase-prodcut-types-toolbar li {
    display: inline-block;
    list-style: none
}

.wpss-showcase-prodcut-types-toolbar ul li a {
    background: #cdaa4e;
    color: #fff;
    display: block;
    padding: 6px 10px;
    text-transform: uppercase
}

.wpss-showcase-prodcut-types-toolbar ul li a:hover {
    background: #103249
}

.wpss-product-card .inner-product-card .wpdk-title {
    margin: 10px 0 0!important
}

.wpss-product-card .inner-product-card .wpdk-title a {
    color: #123551!important
}

.wpss-product-card-terms.cursive>a {
    border: 1px solid;
    padding: 0 10px;
    text-transform: lowercase
}

#footer-product-action {
    margin: 20px 0;
    text-align: center
}

#wpss-product-variant-form #wpss-cart-id,
.wpss-product-card-display_permalink_button .btn-base,
body.term-abbigliamento .wpss-cart-add input[type=button],
body.term-clothing .wpss-cart-add input[type=button] {
    background-color: #cca94d!important;
    background-image: url(images/button-arrow.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    height: 50px;
    line-height: 30px;
    margin: 15px auto!important;
    padding: 0 40px 0 20px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s
}

a.button.blue,
a.button.blue:after {
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

.wpss-product-card-display_permalink_button .btn-base {
    border-radius: 2px;
    font-size: 1.1em;
    line-height: 3;
    text-transform: none!important
}

#menu-social-follow li a,
#menu-social-follow-en li a,
.btn-base,
.mc_signup_submit input,
.nav-social li a,
.page .action-page p,
a.button.blue,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase
}

#wpss-product-variant-form #wpss-cart-id:hover {
    background-position: right bottom!important
}

.wpss-product-card-display_permalink_button .btn-base:hover,
body.term-abbigliamento .wpss-cart-add input[type=button]:hover,
body.term-clothing .wpss-cart-add input[type=button]:hover {
    background-position: right bottom;
    background-color: #103249!important
}

.wpss-product-card-display_permalink_button .btn-base:after {
    content: none;
    display: none
}

.btn-base:after,
.btn-text:after,
.mc_signup_submit input::after,
a.button.blue:after {
    content: ""
}

.product .product-thumb img {
    margin-top: -20%;
    width: 100%
}

.product #footer-action {
    padding: 0;
    margin: 0
}

.single-wpss-cpt-product .product .product-thumb img {
    margin-top: 0
}

.product #footer-action .wpss-product-card .inner-product-card {
    min-height: inherit!important
}

body.term-abbigliamento #wpss-product-variant-form-Size .wpss-product-variant-model,
body.term-abbigliamento #wpss-product-variant-form-Size .wpss-product-variant-values-weight,
body.term-abbigliamento #wpss-product-variant-form-Size .wpss-product-variant-weight,
body.term-abbigliamento .wpss-product-variant p.evidence,
body.term-clothing #wpss-product-variant-form-Size .wpss-product-variant-model,
body.term-clothing #wpss-product-variant-form-Size .wpss-product-variant-values-weight,
body.term-clothing #wpss-product-variant-form-Size .wpss-product-variant-weight,
body.term-clothing .wpss-product-variant p.evidence {
    display: none
}

.page article,
.page article p,
.page p,
.single-event article,
.single-event article p,
.single-event p,
.single-post article,
.single-post article p,
.single-post p {
    text-align: justify
}

.page .centered,
.page article p.centered,
.page p.centered,
.single .centered,
.single article p.centered,
.single p.centered,
.single-event .centered,
.single-event article p.centered,
.single-event p.centered {
    text-align: center!important
}

.single-post article {
    margin: 20px 0
}

.single-post .header-post {
    border-bottom: 2px solid #cca94d
}

.single-post .entry-title {
    font-size: 4rem;
    margin: 0
}

.single-post .meta-info {
    font-size: 1.5rem;
    margin-top: 20px;
    padding: 0
}

.single-post .post-entry {
    padding-top: 3%
}

.single-post #comment {
    width: 100%
}

.single-post .top-page-info {
    background: url(../../images/bluenotemilano-bk-centered.png) center top repeat-y;
    background-size: 100% auto;
    padding: 0
}

.single-post .top-page-info .title {
    border-left: 5px solid #cca94d
}

.single-post .top-page-info .col-md-5,
.single-post .top-page-info .col-md-6,
.single-post .top-page-info .col-md-7 {
    padding-top: 2%
}

.single-post .top-page-info .col-md-5,
.single-post .top-page-info .col-md-6,
.single-post .top-page-info .col-md-7 {
    padding: 3% 0
}

.single-post .pagetitle {
    padding-top: 2%
}

.single-post blockquote {
    font-size: 2rem;
    font-style: italic;
    margin: 3% -16%;
    background: #FCFBF9;
    padding: 2% 4%;
    border-left: 5px solid #cca94d;
    font-family: 'Playfair Display', serif!important
}

.single-post blockquote h4 {
    background-color: #123551!important;
    line-height: 1.6
}

.single-post .action-blue {
    background: #103249;
    border: 3px solid #103249;
    color: #103249!important;
    padding: 3%!important;
    text-transform: uppercase;
    margin: auto 50px;
    position: relative
}

.single-post .action-blue:after {
    content: '';
    display: block;
    border: 3px solid #103249;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: -15px;
    top: 15px
}

.single-post .action-blue a.action-strong {
    transition: all .2s ease-in-out
}

.single-post .action-blue a.action-strong:hover {
    color: #103249!important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.margin-top-base {
    margin-top: 20px
}

.page .thumb-page {
    max-height: 380px;
    overflow: hidden;
    padding: 0!important
}

.page .thumb-page img {
    width: 100%;
    height: auto
}

.page .top-page-info {
    background: url(../../images/bluenotemilano-bk-centered.png) center top repeat-y;
    background-size: 100% auto;
    padding: 0 0 3%
}

.page .top-page-info .title {
    border-left: 5px solid #cca94d
}

.page .top-page-info .col-md-5,
.page .top-page-info .col-md-6,
.page .top-page-info .col-md-7 {
    padding-top: 2%
}

.page .action-page p {
    font-family: 'Playfair Display', serif!important
}

.page .sibling-list,
.sibling-list {
    clear: both!important;
    display: block;
    margin: 3% 0;
    overflow: auto;
    padding: 0;
    width: 100%!important
}

.page .sibling-list>li {
    border: 2px solid #cdaa4e;
    display: block;
    margin: 5px
}

.page .sibling-list li a {
    padding: 5px 10px;
    display: block
}

.page .sibling-list li a:hover {
    background: #123551!important;
    color: #fff!important;
    padding-left: 20px
}

.page .child-list {
    list-style: none;
    overflow: auto;
    padding: 0;
    text-align: center
}

.child-list li {
    display: inline-block;
    margin: 5px;
    border: 2px solid #cdaa4e
}

.child-list a {
    display: block;
    padding: 5px 10px
}

.child-list a:hover {
    background: #123551!important;
    color: #fff!important;
    padding-left: 20px
}

.page .border-box {
    border-left: 4px solid #ccc;
    margin: 15px 0
}

.subpage-content {
    clear: both;
    float: none;
    padding: 3% 0;
    border-top: 2px solid #dedede
}

.page .subpage-content:nth-child(2n) .col-md-5 {
    float: right!important
}

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

.map-page iframe {
    max-width: 100%;
    width: 100%;
    min-height: 350px
}

a.button.blue {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #103249;
    height: 40.5px;
    background-position: center right;
    background-repeat: no-repeat!important;
    background-size: auto auto;
    border: none!important;
    padding: 12px 45px;
    text-align: left;
    font-size: 1.3rem;
    color: #fff!important;
    float: right
}

#social-area .entry-title-page,
.align-center,
.centered {
    text-align: center
}

a.button.blue:after {
    background-image: url(images/arrow-white.png)!important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-left: 25px;
    vertical-align: middle;
    width: 20px
}

a.button.blue:hover {
    background-color: #CCA94D!important;
    color: #fff!important
}

a.button.blue:hover:after {
    margin-left: 35px;
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

.page-content .download-button {
    clear: both!important;
    display: inline-block;
    float: none;
    margin: 5px 0 25px;
    width: auto!important
}

.navigation {
    margin: 3% 0;
    padding: 2%
}

#btn-accept {
    width: 80%
}

.page-template-page-terms-conditions-php .ui-widget {
    font-family: Asap, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em
}

.page-template-page-terms-conditions-php #checked {
    background: #f8f8f8;
    font-family: 'Playfair Display', serif!important;
    font-size: 1.3em;
    text-align: center
}

.page-template-page-terms-conditions-php .ui-widget-header {
    background: 0 0;
    border: none
}

@media (max-width:991px) {
    .page .top-page-info {
        background-image: none
    }
    .page .top-page-info .col-md-6.pull-right {
        background: url(../../images/bluenotemilano-bk-centered.png) right top repeat-y;
        background-size: auto auto;
        float: none!important;
        margin-top: 2em;
        padding: 2%
    }
    .page .border-box {
        clear: both
    }
    .single-bnm-event .thumb-big-event .eventDate {
        right: inherit;
        left: 0;
        top: inherit;
        bottom: 0
    }
}

@media (max-width:640px) {
    .vvqbox object {
        max-height: 300px
    }
    .page .top-page-info,
    body .top-page-info {
        background-image: none
    }
}

@media (max-width:480px) {
    .wpxt-accordion-content p a.button.blue {
        height: auto!important
    }
    p a img {
        height: auto;
        width: 100%
    }
    .content-page a.button.blue {
        padding: 12px!important
    }
}

body {
    height: 100%;
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif!important;
    font-weight: 400!important;
    margin-bottom: 20px;
    margin-top: 0!important;
    color: #123551!important
}

h3 {
    font-size: 1.7em!important;
    padding: 15px 0
}

header {
    padding-top: 1.5%!important;
    padding-bottom: 1.5%!important
}

section {
    padding: 2% 0
}

.evidence-link a {
    background: #cdaa4e;
    color: #fff!important;
    padding: 5px
}

.evidence-link a:hover {
    background: #123551!important
}

#social-area .entry-title-page {
    color: #186ea8!important;
    font-weight: 300!important;
    margin-top: 3%!important;
    margin-bottom: 3%!important
}

.entry-title {
    margin: 2% 0
}

.entry-header {
    padding: 15px 0!important
}

#social-area p {
    font-family: Asap, Helvetica, sans-serif!important;
    color: #000
}

a:hover,
body ul.nav li a:hover,
input:hover {
    color: #CCA94D!important;
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

.btn-text:after,
.btn-text:hover:after {
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

p {
    font-weight: 100!important;
    color: #444!important;
    font-size: 1em!important
}

.fancybox {
    float: left;
    margin: 4px
}

.align-right {
    text-align: right
}

.align-left,
.btn-base {
    text-align: left
}

hr {
    color: #C4C4C4;
    width: 15%;
    margin-bottom: 50px;
    margin-top: 50px
}

.btn-text,
.btn-text:hover,
h3 .btn-text,
h3.btn-text:hover {
    color: #CCA94D!important
}

.btn-base:after,
.btn-text:after {
    display: inline-block;
    vertical-align: middle;
    width: 20px
}

.btn-text,
h3 .btn-text {
    font-weight: 400;
    text-transform: none!important;
    font-size: 1em!important
}

.btn-text:after {
    background-image: url(images/sprite-arrows.png)!important;
    background-repeat: no-repeat;
    height: 20px;
    margin-left: 25px
}

.btn-text:hover:after {
    margin-left: 35px
}

.btn-base,
.btn-base:after {
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important
}

.btn-base {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #103249;
    height: 40.5px;
    background-position: center right;
    background-repeat: no-repeat!important;
    background-size: auto auto;
    border: none!important;
    padding: 12px 10px;
    font-size: 1.3rem;
    color: #fff!important;
    float: right
}

.btn-base:after,
.mc_signup_submit input::after {
    background-image: url(images/sprite-arrows.png)!important;
    background-position: 0 0
}

.btn-base:after {
    background-repeat: no-repeat;
    height: 18px;
    margin-left: 15px
}

.btn-base:hover {
    background-color: #CCA94D!important;
    color: #fff!important
}

.btn-base:hover:after {
    margin-left: 15px;
    transition: all .3s ease-in-out 0s!important;
    -webkit-transition: all .3s ease-in-out 0s!important;
    -o-transition: all .3s ease-in-out 0s!important;
    background-position: 0 100%;
}

#other-event-artist .btn-base:hover:after {
    background-position: 0 100%;
}

#social-area {
    padding: 0!important
}

#social-area .newsletter {
    background-color: #EFE8DD;
    padding: 15px 0
}

#mc-indicates-required,
.newsletter #mc_display_rewards,
.newsletter label {
    display: none!important
}

.newsletter .mc_merge_var {
    float: left;
    width: 40%!important;
    height: 40px;
    background-color: #fff!important
}

.newsletter>header {
    padding: 0 50px
}

#social-area .newsletter p {
    font-size: .9em!important
}

.newsletter .mc_input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #efe8dd!important;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 4px;
    box-shadow: none;
    height: inherit;
    margin: 0!important;
    width: 100%
}

.mc_signup_submit input {
    background-color: #103249;
    height: 40.5px;
    background-repeat: no-repeat!important;
    border: none!important;
    float: left;
    padding: 11.3px!important;
    text-align: left;
    width: 20%!important;
    color: #fff!important
}

.mc_signup_submit input::after {
    display: inline-block;
    width: 28px;
    height: 16px
}

.mc_signup_submit input:hover {
    background-color: #CCA94D!important
}

#mc_signup:after {
    content: ".";
    display: block;
    margin-bottom: 0;
    visibility: hidden
}

#bnmMCResponse {
    color: green;
    padding: 0 50px;
    clear: both
}

.bottom-page {
    background-color: #FCFBF9!important;
    padding-bottom: 2%
}

#follow {
    background-color: #FCFBF9;
    border-top: 1px solid #EFE8DD
}

#follow .subtitle {
    color: #444!important
}

.social-follow {
    padding: 0!important
}

#menu-social-follow,
#menu-social-follow-en,
.nav-social {
    margin-bottom: 0;
    padding-left: 0
}

#menu-social-follow li,
#menu-social-follow-en li,
.nav-social li {
    float: left;
    list-style: none;
    text-align: center;
    width: 33.3%!important;
    height: 165px
}

#menu-social-follow li a,
#menu-social-follow-en li a,
.nav-social li a {
    text-align: center;
    display: block;
    padding: 15px;
    color: #fff!important;
    min-height: 188px;
    margin-top: 0;
    transition: all .2s ease-in-out 0s!important;
    -webkit-transition: all .2s ease-in-out 0s!important;
    -o-transition: all .2s ease-in-out 0s!important;
    background: 50% 50% no-repeat;
    background-size: 70px auto;
    font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif!important;
    font-size: 1.3rem;
    word-wrap: break-word
}

#menu-social-follow li.facebook a:hover,
#menu-social-follow li.instagram a:hover,
#menu-social-follow li.twitter a:hover,
#menu-social-follow-en li.facebook a:hover,
#menu-social-follow-en li.instagram a:hover,
#menu-social-follow-en li.twitter a:hover,
.nav-social li.facebook a:hover,
.nav-social li.instagram a:hover,
.nav-social li.twitter a:hove {
    margin-top: -10px;
    margin-bottom: 0;
    transition: all .2s ease-in-out 0s!important;
    -webkit-transition: all .2s ease-in-out 0s!important;
    -o-transition: all .2s ease-in-out 0s!important
}

#menu-social-follow li.facebook a,
#menu-social-follow-en li.facebook a,
.nav-social li.facebook a {
    background: #3661A1!important
}

#menu-social-follow li a::before,
#menu-social-follow-en li a::before,
.nav-social li a::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 88px;
    height: 88px
}

#menu-social-follow li.facebook a::before,
#menu-social-follow-en li.facebook a::before,
.nav-social li.facebook a::before {
    background: url(images/sprite-icon-network.png) 0 20% no-repeat #3661A1!important
}

#menu-social-follow li.twitter a,
#menu-social-follow-en li.twitter a,
.nav-social li.twitter a {
    background: #25A9E1!important
}

#menu-social-follow li.twitter a::before,
#menu-social-follow-en li.twitter a::before,
.nav-social li.twitter a::before {
    background: url(images/sprite-icon-network.png) -176px 20% no-repeat #25A9E1!important
}

#menu-social-follow li.instagram a,
#menu-social-follow-en li.instagram a,
.nav-social li.instagram a {
    background: #D6C6B7!important
}

#menu-social-follow li.instagram a::before,
#menu-social-follow-en li.instagram a::before,
.nav-social li.instagram a::before {
    background: url(images/sprite-icon-network.png) -89px 20% no-repeat #D6C6B7!important
}

#loyalty {
    padding: 0!important;
    margin-top: 4px
}

#loyalty h4 a {
    font-family: 'Playfair Display', serif!important
}

#loyalty figure.col-md-2 {
    background-color: #CCA94D!important;
    padding: 0!important;
    text-align: center
}

#loyalty img {
    padding: 12%;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

#loyalty img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#loyalty .container {
    background-color: #F7F4ED
}

#loyalty .col-sm-10,
#loyalty .textwidget {
    padding-left: 3%;
    margin-top: 35px
}

#loyalty .textwidget h3,
#loyalty .textwidget h4 {
    margin-bottom: 5px!important
}

#loyalty .col-md-4 {
    padding: 0!important
}

#loyalty .col-md-4 a {
    position: absolute;
    top: 65px
}

.flag {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-image: url(images/flag-loyalty.png);
    background-repeat: no-repeat;
    z-index: 99;
    width: 200px;
    height: 35px
}

@media only screen and (max-device-width:1024px) and (orientation:portrait) {
    #menu-social-follow li a {
        min-height: 205px
    }
}

@media only screen and (max-width:980px) {
    .newsletter .mc_merge_var {
        width: 60%!important
    }
    .mc_signup_submit input {
        width: 40%!important
    }
    .nav-social li {
        height: auto!important
    }
    #loyalty figure.col-md-2 {
        width: 20%!important;
        float: left
    }
    #loyalty .col-md-6 {
        float: left!important;
        width: 80%!important;
        padding-top: 9%!important
    }
    #loyalty .col-md-6 h4 {
        padding-left: 0!important
    }
    #loyalty .col-md-4 {
        float: left;
        margin-top: 0!important;
        padding-top: 0!important;
        width: 100%!important
    }
    #loyalty .col-md-4 a {
        top: 0!important;
        text-align: center
    }
    .action-page.centered:after {
        clear: both;
        content: ".";
        display: table;
        visibility: hidden
    }
}

.page-template-page-template-profile-php .title>header:after {
    clear: both;
    content: ".";
    display: table;
    visibility: hidden
}

#summary-user p {
    border-bottom: 1px solid #eee;
    color: #123551!important;
    font-family: "Playfair Display", serif!important
}

#user-link>li {
    display: inline-block;
    list-style: none
}

#user-link li a:hover {
    background-color: #123551!important
}

.form-user {
    padding: 3% 0
}

#product_title {
    width: 70%
}

table.bnm-show-summary tbody td,
ul.bnm-summary li {
    font-size: 1.5rem
}

.boxoffice-summary .btn-base {
    margin: 5px
}

.page-template-page-template-profile-php form.bnm-profile fieldset.wpdk-form-section4 {
    display: none
}

body div.wpdk-form-row>label.wpdk-form-label:first-child,
body label.new-row {
    width: 26%!important;
    text-align: right;
    margin: 0 6px 0 16px!important
}

body input.wpdk-form-input,
body select.wpdk-form-select,
body textarea.wpdk-form-textarea {
    min-width: 50%;
    line-height: 2em;
    height: 2em;
    box-shadow: none!important;
    border-radius: 2px!important;
    padding: 1px 5px!important;
    color: #444!important;
    border-color: #ccc!important;
    font-size: 1.5rem!important
}

body textarea#bnmContactsBody {
    min-height: 100px!important
}

body .wpdk-form-input.wpdk-form-wrong {
    border-color: #c60000!important;
    border-width: 2px!important
}

body #birth_date,
body #sex {
    min-width: inherit;
    width: 20%!important;
    padding: 1px 30px!important
}

body #bill_zipcode,
body #shipping_zipcode {
    min-width: inherit!important;
    width: 13%!important
}

body #bill_town,
body #shipping_town {
    min-width: inherit!important;
    width: 30%!important
}

body .wpdk-form-select {
    margin-bottom: 5px!important
}

body #user_id {
    border: 2px solid #cca94d!important;
    margin-left: 23%;
    font-size: 1.8rem!important;
    background: #fff8e4;
    width: 65%!important
}

body #bnm-profile-button-edit {
    background: #cca94d;
    border: none;
    border-radius: 2px;
    color: #fff;
    height: 2.2em;
    margin-top: -5px;
    text-shadow: none
}

body #bnm-profile-button-edit:hover {
    background: #103249
}

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

[data-icon]:before {
    font-family: Flat-UI-Icons;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:579px) {
    body.page-template-page-template-profile-php .newsletter-no.wpdk-form-radio {
        float: left!important;
        padding: 5px 15px!important
    }
    body .wpdk-form-section8 div.wpdk-form-row>label.wpdk-form-label:first-child,
    body label.new-row {
        float: left!important;
        margin: 0 6px 0 16px!important;
        text-align: right;
        width: 50%!important
    }
    .wpdk-form-section8 .wpdk-form-radio {
        width: 37%!important
    }
    .wpdk-form-section8 .newsletter-no.wpdk-form-radio {
        width: 48.9%!important
    }
}

@media only screen and (min-width:320px) and (max-width:736px) {
    #login-bnm-sidebar h3,
    #login-bnm-sidebar p {
        margin: 0!important
    }
    #login-bnm-sidebar .btn-fb {
        padding: 30px 0!important
    }
    body.page-template-page-template-profile-php .wpdk-form-checkbox {
        float: left!important;
        margin-right: 10px!important
    }
    body.page-template-page-template-profile-php .wpdk-form-row label {
        margin-top: 5px!important
    }
    body.page-template-page-template-profile-php .btn-access {
        min-width: 150px!important
    }
    body.page-template-page-template-profile-php .evidence-link a {
        display: inline-block
    }
}

.fui-alert,
.fui-android,
.fui-apple,
.fui-arrow-down,
.fui-arrow-left,
.fui-arrow-right,
.fui-arrow-up,
.fui-behance,
.fui-blogger,
.fui-book,
.fui-bubble,
.fui-calendar,
.fui-calendar-solid,
.fui-chat,
.fui-check,
.fui-check-inverted,
.fui-checkbox-checked,
.fui-checkbox-unchecked,
.fui-clip,
.fui-cmd,
.fui-credit-card,
.fui-cross,
.fui-cross-inverted,
.fui-document,
.fui-dribbble,
.fui-exit,
.fui-export,
.fui-eye,
.fui-facebook,
.fui-flat,
.fui-folder,
.fui-gear,
.fui-googleplus,
.fui-heart,
.fui-home,
.fui-image,
.fui-info,
.fui-link,
.fui-linkedin,
.fui-list,
.fui-list-bulleted,
.fui-list-columned,
.fui-list-large-thumbnails,
.fui-list-numbered,
.fui-list-small-thumbnails,
.fui-list-thumbnailed,
.fui-location,
.fui-lock,
.fui-loop,
.fui-mail,
.fui-mic,
.fui-microsoft,
.fui-myspace,
.fui-new,
.fui-ovi,
.fui-path,
.fui-pause,
.fui-phone,
.fui-photo,
.fui-pinterest,
.fui-play,
.fui-plus,
.fui-plus-inverted,
.fui-power,
.fui-question,
.fui-radio-checked,
.fui-radio-unchecked,
.fui-round-bubble,
.fui-search,
.fui-skype,
.fui-spotify,
.fui-star,
.fui-star-2,
.fui-stumbleupon,
.fui-tag,
.fui-time,
.fui-trash,
.fui-triangle-down,
.fui-triangle-down-small,
.fui-triangle-left-large,
.fui-triangle-right-large,
.fui-triangle-up,
.fui-triangle-up-small,
.fui-twitter,
.fui-upload,
.fui-user,
.fui-video,
.fui-vimeo,
.fui-volume,
.fui-window,
.fui-windows,
.fui-youtube {
    display: inline-block;
    font-family: Flat-UI-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fui-triangle-up:before {
    content: "\e000"
}

.fui-triangle-up-small:before {
    content: "\e001"
}

.fui-triangle-right-large:before {
    content: "\e002"
}

.fui-triangle-left-large:before {
    content: "\e003"
}

.fui-triangle-down:before {
    content: "\e004"
}

.fui-info:before {
    content: "\e016"
}

.fui-alert:before {
    content: "\e017"
}

.fui-question:before {
    content: "\e018"
}

.fui-window:before {
    content: "\e019"
}

.fui-windows:before {
    content: "\e01a"
}

.fui-arrow-right:before {
    content: "\e02c"
}

.fui-arrow-left:before {
    content: "\e02d"
}

.fui-loop:before {
    content: "\e02e"
}

.fui-cmd:before {
    content: "\e02f"
}

.fui-mic:before {
    content: "\e030"
}

.fui-triangle-down-small:before {
    content: "\e005"
}

.fui-check-inverted:before {
    content: "\e006"
}

.fui-heart:before {
    content: "\e007"
}

.fui-location:before {
    content: "\e008"
}

.fui-plus:before {
    content: "\e009"
}

.fui-check:before {
    content: "\e00a"
}

.fui-cross:before {
    content: "\e00b"
}

.fui-list:before {
    content: "\e00c"
}

.fui-new:before {
    content: "\e00d"
}

.fui-video:before {
    content: "\e00e"
}

.fui-photo:before {
    content: "\e00f"
}

.fui-volume:before {
    content: "\e010"
}

.fui-time:before {
    content: "\e011"
}

.fui-eye:before {
    content: "\e012"
}

.fui-chat:before {
    content: "\e013"
}

.fui-home:before {
    content: "\e015"
}

.fui-upload:before {
    content: "\e01b"
}

.fui-search:before {
    content: "\e01c"
}

.fui-user:before {
    content: "\e01d"
}

.fui-mail:before {
    content: "\e01e"
}

.fui-lock:before {
    content: "\e01f"
}

.fui-power:before {
    content: "\e020"
}

.fui-star:before {
    content: "\e021"
}

.fui-calendar:before {
    content: "\e023"
}

.fui-gear:before {
    content: "\e024"
}

.fui-book:before {
    content: "\e025"
}

.fui-exit:before {
    content: "\e026"
}

.fui-trash:before {
    content: "\e027"
}

.fui-folder:before {
    content: "\e028"
}

.fui-bubble:before {
    content: "\e029"
}

.fui-cross-inverted:before {
    content: "\e02a"
}

.fui-plus-inverted:before {
    content: "\e031"
}

.fui-export:before {
    content: "\e014"
}

.fui-radio-unchecked:before {
    content: "\e02b"
}

.fui-radio-checked:before {
    content: "\e032"
}

.fui-checkbox-unchecked:before {
    content: "\e033"
}

.fui-checkbox-checked:before {
    content: "\e034"
}

.fui-flat:before {
    content: "\e035"
}

.fui-calendar-solid:before {
    content: "\e022"
}

.fui-star-2:before {
    content: "\e036"
}

.fui-credit-card:before {
    content: "\e037"
}

.fui-clip:before {
    content: "\e038"
}

.fui-link:before {
    content: "\e039"
}

.fui-pause:before {
    content: "\e03b"
}

.fui-play:before {
    content: "\e03c"
}

.fui-tag:before {
    content: "\e03d"
}

.fui-document:before {
    content: "\e03e"
}

.fui-image:before {
    content: "\e03a"
}

.fui-facebook:before {
    content: "\e03f"
}

.fui-youtube:before {
    content: "\e040"
}

.fui-vimeo:before {
    content: "\e041"
}

.fui-twitter:before {
    content: "\e042"
}

.fui-stumbleupon:before {
    content: "\e043"
}

.fui-spotify:before {
    content: "\e044"
}

.fui-skype:before {
    content: "\e045"
}

.fui-pinterest:before {
    content: "\e046"
}

.fui-path:before {
    content: "\e047"
}

.fui-myspace:before {
    content: "\e048"
}

.fui-linkedin:before {
    content: "\e049"
}

.fui-googleplus:before {
    content: "\e04a"
}

.fui-dribbble:before {
    content: "\e04c"
}

.fui-blogger:before {
    content: "\e04d"
}

.fui-behance:before {
    content: "\e04e"
}

.fui-list-thumbnailed:before {
    content: "\e04b"
}

.fui-list-small-thumbnails:before {
    content: "\e04f"
}

.fui-list-numbered:before {
    content: "\e050"
}

.fui-list-large-thumbnails:before {
    content: "\e051"
}

.fui-list-columned:before {
    content: "\e052"
}

.fui-list-bulleted:before {
    content: "\e053"
}

.fui-arrow-down:before {
    content: "\e054"
}

.fui-arrow-up:before {
    content: "\e055"
}

.fui-phone:before {
    content: "\e056"
}

.fui-round-bubble:before {
    content: "\e057"
}

.fui-apple:before {
    content: "\e058"
}

.fui-android:before {
    content: "\e059"
}

.fui-microsoft:before {
    content: "\e05a"
}

.fui-ovi:before {
    content: "\e05b"
}

.cta_row {
    padding: 5% 0;
    position: relative;
    background-size: cover;
    background-position: center 50%
}

.bg-opacity {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bg-blue-gradient {
    background: -moz-linear-gradient(0deg, rgba(6, 21, 35, 1) 0%, rgba(21, 51, 74, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(6, 21, 35, 1) 0%, rgba(21, 51, 74, 1) 100%);
    background: linear-gradient(180deg, rgba(6, 21, 35, 1) 0%, rgba(21, 51, 74, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#03101d', endColorstr='#0e2232', GradientType=1)
}

.v-divider-top {
    margin-top: 30px
}

.single-post .action-blue-bottom {
    background: #103249;
    border: 3px solid #103249;
    color: #103249!important;
    text-transform: uppercase;
    position: relative
}

.single-post .action-blue-bottom:after {
    content: '';
    display: block;
    border: 3px solid #103249;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: -15px;
    top: 15px
}

.single-post .action-blue.cta_row_content {
    width: 60%;
    margin: auto;
    background: rgba(16, 50, 73, .8)
}

.single-post .action-blue.cta_row_content:after {
    border: none
}

.single-post .bg-blue-gradient .action-blue.cta_row_content {
    background: rgba(255, 255, 255, .2)
}

.single-post .action-btn-bottom {
    color: #fff!important;
    padding: 10px!important;
    -webkit-transition: all .2s ease-in-out 0s!important;
    -o-transition: all .2s ease-in-out 0s!important;
    transition: all .2s ease-in-out 0s!important
}

.single-post .action-btn-bottom p,
.single-post .action-btn-bottom h2,
.single-post .action-btn-bottom h3,
.single-post .action-btn-bottom h4 {
    color: #ffffff!important
}

.single-post .action-btn-bottom a.action-strong:hover {
    color: #103249!important
}

@media only screen and (max-width:1024px) {
    .pagetitle,
    .title-page {
        font-size: 3.6rem!important
    }
}

@media only screen and (max-width:768px) {
    .single-post .action-blue {
        margin: auto 10px
    }
    .single-post .top-page-info {
        background-position: right top;
        background-size: 200% auto
    }
    .single-post .action-blue a.action-strong,
    .single-post .action-blue-bottom .action-strong,
    .cta_row_action .action-btn {
        display: inline-block;
        margin: auto 10%
    }
    .single-post blockquote {
        margin: 3%
    }
    #blockContainer {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical
    }
    .block-title {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2
    }
    .block-image {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
        text-align: center
    }
    #blockContainer .block-title,
    #blockContainer .block-image {
        padding-right: 15px;
        padding-left: 15px
    }
    .single .navigation .prev-posts,
    .single .navigation .next-post {
        margin: 5px 0
    }
    .single .action-blue-bottom .title {
        text-align: center
    }
    .single-post .action-blue.cta_row_content {
        width: 90%
    }
}

span.soldout-date.niceprice.vtop {
    top: -20px
}

span.soldout-date.niceprice.vmiddle {
    top: 35%
}

span.soldout-date.niceprice.vbottom {
    top: 96%
}

span.soldout-date.vtop {
    top: -20px
}

span.soldout-date.vmiddle {
    top: 35%
}

span.soldout-date.vbottom {
    top: 96%
}

.calendar span.soldout-date.niceprice.vtop,
.calendar-compact span.soldout-date.vtop {
    top: 5%
}

.calendar span.soldout-date.niceprice.vbottom,
.calendar-compact span.soldout-date.vbottom {
    top: 76%
}

article.single-event {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical
}

article.single-event .order_1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1
}

article.single-event .order_2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2
}

article.single-event #other-event-artist {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    text-align: center
}

#s {
    color: white!important;
    font-size: 1rem!important;
}

.container-90 {
    width: 97%;
    margin: auto
}

.page-template-page-template-b2b .top-page-info .title {
    border-left: none
}

.page-template-page-template-b2b .top-page-info .content-page-info {
    padding: 50px;
    border: 5px solid #CCA94D;
    margin-top: -50px
}

.page-template-page-template-b2b .top-page-info .action-btn {
    background: #123551;
    color: #fff
}

.logo-up {
    width: 18%;
    max-width: 80%;
    position: absolute;
    left: 40.5%
}

.focus-content h3 {
    margin-bottom: 5px;
    font-size: 1em!important
}

.focus-content p {
    font-size: 0.9em!important;
    line-height: 1.3em
}

.page-template-page-template-b2b .action-blue.cta_row_content {
    width: 60%;
    margin: auto;
    background: rgba(16, 50, 73, .8)
}

.page-template-page-template-b2b .action-blue {
    background: #103249;
    border: 3px solid #103249;
    color: #103249!important;
    padding: 3%!important;
    text-transform: uppercase;
    margin: auto 50px;
    position: relative
}

.page-template-page-template-b2b .action-btn a,
.page-template-page-template-b2b .action-btn h3,
.page-template-page-template-b2b .action-btn h4,
.page-template-page-template-b2b .action-btn h2,
.page-template-page-template-b2b .action-btn p {
    color: #fff!important;
    margin-bottom: 5px;
    text-align: center
}

.page-template-page-template-b2b .action-btn h2 {
    font-size: 2em
}

.page-template-page-template-b2b .container-90.content-action-b2b {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.page-template-page-template-b2b .container-90.content-action-b2b:hover {
    width: 100%!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.page-template-page-template-b2b .subcontent-landing h2,
#row-form h2 {
    font-size: 2.5em;
    margin-bottom: 0
}

.page-template-page-template-b2b .subcontent-landing h3,
#row-form h3 {
    color: #CCA94D!important
}

.page-template-page-template-b2b .subpage-content {
    border-top: none
}

.page-template-page-template-b2b .subcontent-focus p,
#row-form p {
    text-align: left!important
}

.subcontent-landing footer a {
    background: #cdaa4e;
    color: #fff;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.subcontent-landing footer a:hover {
    background: #123551;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff
}

.single-post .logo-up {
    width: 31%;
    max-width: 80%;
    position: absolute;
    right: -3px;
    top: 0;
    left: inherit
}

.typeform-widget .form-ready #typeform .form .questions {
    margin: 0!important;
    border: 1px solid #cdaa4e
}

.typeform-widget .form-ready .form .questions>li .wrapper {
    padding: 0!important
}

.bnm-aziende-e-privati #row-form .content-form {
    border: 2px solid #cdaa4e
}

.content-form .heading-form {
    display: block;
    background: #fff;
    font-size: 2.5rem!important;
    padding: 30px;
    text-align: center;
    color: #cdaa4e;
    text-transform: uppercase;
    font-family: 'Playfair Display', 'Timese', serif!important;
    position: relative;
    top: 0;
    z-index: 10
}

#s {
    color: white!important;
    font-size: 1rem!important
}

.single .action-btn {
    display: inline-block;
}

#login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row {
    width: 100%!important;
    margin: 10px;
}

#consenso_privacy,
#consenso_privacy_nl {
    float: left;
}

body div .wpdk-form-section3 .wpdk-form-row .consenso_privacy_nl {
    width: 80% !important;
}

/* @annat */

body div.wpdk-form-row > label.wpdk-form-label:first-child, body label.new-row {
    width: 31% !important;
}
#login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row, #login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row {
    width: 100% !important;
    margin: 10px;
    text-align: left;
}
#login-bnm-sidebar #register-bnm .consenso_marketing-no, #login-bnm-sidebar #register-bnm .consenso_profilazione-no {
    margin-left: 5% !important;
}
#login-bnm-sidebar #register-bnm .wpdk-form-row label, #login-bnm-sidebar #register-bnm .wpdk-form-row input{
    text-align: left !important;
}
#login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row .wpdk-form-radio, #login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row #consenso_privacy_nl {
    width: 37px;
    /*float: right;*/
}

#login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row label, #login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row label.consenso_privacy_nl {
    width: 80% !important;
    text-align: left !important;
}
#bnm_mailchimp_widget-13 #mc_signup {
    padding: 0 50px;
}
#bnm_mailchimp_widget-13 #mc_signup .wpcf7-form-control.wpcf7-submit, #row-form .wpcf7-submit, .page-template-page-template-contacts .wpcf7-submit{
    margin-top: 20px;
    background: transparent;
    border: 1px solid;
    text-transform: uppercase;
    font-size: 20px;
    padding: 15px 25px !important;
    width: auto;
    cursor: pointer;
}
.wpdk-form-fieldset.wpdk-form-section1::after {
    clear: both;
    content: 's';
    display: block;
    visibility: hidden;
    height: 4px;
}
.page-template-page-template-contacts .wpdk-form-row:last-child .wpcf7-form-control-wrap {
    text-align: center;
}
.page-template-page-template-contacts .wpdk-form-row {
    padding-left: 15px;
    margin: 6px 0;
}
#register-bnm legend {
    margin: 0;
}
#social-area .newsletter p {
    font-size: 0.8em !important;
    line-height: 1.1em;
}
#social-area .wpcf7-email {
    line-height: 1.5em;
    padding: 5px;
    margin-bottom: 15px;
}
.page-template-page-template-b2b #row-form input[type="text"], .page-template-page-template-b2b select, .page-template-page-template-b2b textarea, .page-template-page-template-b2b #row-form input[type="number"], .page-template-page-template-b2b #row-form input[type="email"] {
    width: 100% !important;
    border: 1px solid #ddd;
    padding: 5px;
}
#row-form input[type="checkbox"], #row-form input[type="radio"], .page-template-page-template-b2b .bnm-profile input[type="radio"] {
    width: auto;
}
.page-template-page-template-b2b #bnm_mailchimp_widget-13 input[type="radio"] {
    width: 25px !important;
}
.page-template-page-template-b2b .bnm-profile label {
    width: auto;
}
#summary-user h3 {
    word-wrap: break-word;
}
body .form-user .wpdk-form-section8 div.wpdk-form-row > label.wpdk-form-label:first-child, body .form-user .wpdk-form-section9 div.wpdk-form-row > label.wpdk-form-label:first-child {
    width: auto !important;
}
.form-user div.wpdk-form-row {
    margin: 12px;
}
.page-template-page-template-b2b article {
    text-align: left;
}
@media screen and (max-width: 736px) {
    #login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row label, #login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row label.consenso_privacy_nl {
        width: 70% !important;
        text-align: left !important;
        float: right;
    }
    #login-bnm-sidebar #register-bnm .wpdk-form-section2 .wpdk-form-row .wpdk-form-radio, #login-bnm-sidebar #register-bnm .wpdk-form-section3 .wpdk-form-row #consenso_privacy_nl {
        float: right;
    }

    #login-bnm-sidebar #register-bnm .wpdk-form-row {
        width: 100% !important;
        margin: 0 10px;
    }
    .consenso_privacy {
        float: right;
    }
    .wpdk-form-section3 label, .page-template-page-template-profile .wpdk-form-section8 label {
        width: 50% !important;
        float: left;
    }
    .wpdk-form-section3 input {
        width: 13% !important;
        float: right;
    }
    #login-bnm-sidebar #register-bnm .wpdk-form-radio, .page-template-page-template-profile .wpdk-form-section8 .wpdk-form-radio {
        margin: 10px !important;
    }
    body.page-template-page-template-profile .form-user .wpdk-form-section9 div.wpdk-form-row > label.wpdk-form-label {
        width: 50% !important;
        float: left;
        margin: 10px 0 !important;
    }
    .page-template-page-template-profile .wpdk-form-section9 .wpdk-form-radio {
        width: 50% !important;
        float: left;
        margin: 10px 0 !important;
    }
    body.page-template-page-template-profile .form-user .wpdk-form-section8 div.wpdk-form-row > label.wpdk-form-label:first-child {
        width: 80% !important;
        float: right !important;
    }
    body.page-template-page-template-profile .form-user .wpdk-form-section8 div.wpdk-form-row > .wpdk-form-radio {
        width: 30px !important;
    }
}
@media screen and (max-width: 480px) {
    #bnm_mailchimp_widget-13 input.wpcf7-email {
        width: 90%;
        margin: 0 5%;
    }
    #bnm_mailchimp_widget-13 {
        padding: 10px !important;
    }
    #bnm_mailchimp_widget-13 #mc_signup {
        padding: 0px;
    }
    body #bill_zipcode, body #shipping_zipcode, body #bill_town, body #shipping_town {
        width: 100% !important;
        max-width: 100% !important;
    }

}
@media screen and (max-width: 320px) {
    body.page-template-page-template-profile .form-user .wpdk-form-section8 div.wpdk-form-row > label.wpdk-form-label:first-child {
        width: 70% !important;
        float: right !important;
    }
}