.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    z-index: 0
}

    .slick-slider * {
        outline: 0 none !important
    }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

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

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -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);
    z-index: 0
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

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

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

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

    .slick-slide img {
        display: block
    }

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

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

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

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li

        button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none
            }

.popup-notice {
    position: fixed;
    top: 25%;
    left: 10%;
    right: 10%;
    z-index: 20;
    background-color: white;
    opacity: 0;
    box-shadow: 0 0 15px 0 transparent;
    padding: 20px 100px;
    text-align: center;
}

@media (min-width: 1200px) {
    .popup-notice p {
        font-size: xx-large;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .popup-notice p {
        font-size: large;
    }
}


    .popup-notice .closed {
        display: none;
    }

@media (min-width: 1200px) {
    .popup-notice.open {
        bottom: 20%;
        opacity: 0.9;
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
    }
}

    @media (min-width: 992px) and (max-width:1200px) {
        .popup-notice.open {
            bottom: 15%;
            opacity: 0.9;
            box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
        }
    }



    .popup-notice .CloseIcon {
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        speak: none;
        text-transform: none;
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
        background: url('/images/1024px-Orange_x.svg.png') 0px 0px;
        background-size: contain;
        cursor: grab;
        z-index: 1050;
    }

    @media (min-width: 480px) and (max-width: 991px) {
        .popup-notice p {
            font-size: normal;
        }

        .popup-notice h1.heading.main {
            font-size: 20px;
        }

        .popup-notice {
            top: 30%;
            left: 10%;
            right: 10%;
            padding: 10px 15px
        }

            .popup-notice.open {
                bottom: 30%;
                opacity: 0.9;
                box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
            }
    }

@media (max-width: 480px) and (orientation: landscape) {
    .popup-notice p {
        font-size: normal;
    }

    .popup-notice h1.heading.main {
        font-size: 20px;
    }

    .popup-notice {
        top: 5px;
        left: 5px;
        right: 5px;
        padding: 10px 15px
    }

        .popup-notice.open {
            bottom: 5px;
            opacity: 0.9;
            box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
        }
}

@media (max-width: 480px) and (orientation: portrait) {
    .popup-notice p {
        font-size: normal;
    }

    .popup-notice h1.heading.main {
        font-size: 20px;
    }

    .popup-notice {
        top: 20%;
        left: 5px;
        right: 5px;
        padding: 25px 15px
    }

        .popup-notice.open {
            bottom: 20%;
            opacity: 0.9;
            box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
        }
}


    .slick-dots li button:hover:before, .slick-dots li button:focus:before {
        opacity: 1
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-dots li
    .slick-active button:before {
        color: black;
        opacity: 0.75
    }

    .ekko-lightbox-container {
        position: relative
    }

    .ekko-lightbox-nav-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%
    }

        .ekko-lightbox-nav-overlay a {
            width: 49%;
            height: 100%;
            z-index: 100;
            display: block
        }

    .ekko-lightbox .ion-chevron-left {
        float: left
    }

    .ekko-lightbox .ion-chevron-right {
        float: right
    }

    .ekko-lightbox-nav-overlay a::before {
        position: absolute;
        top: 50%;
        z-index: 100;
        display: block;
        width: 50px;
        height: 50px;
        font-size: 20px;
        text-align: center;
        line-height: 52px !important;
        color: #fff;
        background-color: #ffb400;
        transform: translateY(-50%);
        transition: background-color 0.3s ease-in-out 0s
    }

    .ekko-lightbox-nav-overlay .ion-chevron-left::before {
        left: 0
    }

    .ekko-lightbox-nav-overlay a.ion-chevron-right::before {
        right: 0
    }

    html.no-touch .ekko-lightbox-nav-overlay a:hover::before {
        text-decoration: none;
        color: #fff;
        background-color: #ffb400
    }

    .ekko-lightbox .modal-footer {
        text-align: left
    }

    .modal-backdrop.in {
        opacity: 0.85;
        background-color: #000
    }

    .ekko-lightbox .modal-content {
        box-shadow: none;
        border-radius: 0;
        border: none;
        background-color: transparent
    }

    .ekko-lightbox .modal-header {
        border: 0;
        padding-left: 0;
        padding-right: 0
    }

        .ekko-lightbox .modal-header .close {
            opacity: 0.5;
            color: #fff;
            text-shadow: 0;
            margin-top: -10px;
            font-size: 30px
        }

            .ekko-lightbox .modal-header .close:hover {
                opacity: 1
            }

        .ekko-lightbox .modal-header h4.modal-title {
            color: #fff;
            padding: 0
        }

    .ekko-lightbox .modal-body {
        padding: 0
    }

    .ekko-lightbox .modal-footer {
        opacity: 0.9;
        border: 0;
        color: #fff;
        padding: 0;
        margin: 16px 0
    }

    .ekko-lightbox-nav-overlay a {
        opacity: 0.9;
        text-shadow: none
    }

    .ekko-lightbox .modal-dialog {
        padding: 15px
    }

    .ekko-lightbox {
        padding: 60px 15px 15px;
        margin: 0 auto;
        width: auto
    }

        .ekko-lightbox .modal-header, .ekko-lightbox .modal-body, .ekko-lightbox .modal-content, .ekko-lightbox .modal-footer, .ekko-lightbox .modal-dialog {
            min-width: 100%;
            padding: 0;
            margin: 0 auto
        }

        .ekko-lightbox .modal-header {
            padding: 10px 0
        }

        .ekko-lightbox .modal-footer {
            padding: 20px 0
        }

    @media (min-width: 1200px) {
        .ekko-lightbox .modal-header, .ekko-lightbox .modal-body, .ekko-lightbox .modal-content, .ekko-lightbox .modal-footer, .ekko-lightbox .modal-dialog {
            min-width: 1140px;
            max-width: 1140px
        }
    }

    .animated {
        -webkit-animation-duration: 1.25s;
        animation-duration: 1.25s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }

        .animated.hinge {
            -webkit-animation-duration: 2s;
            animation-duration: 2s
        }

        .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
            -webkit-animation-duration: .75s;
            animation-duration: .75s
        }

    @-webkit-keyframes bounce {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    @keyframes bounce {
        0%,100%,20%,53%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,43% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    @-webkit-keyframes flash {
        0%,100%,50% {
            opacity: 1
        }

        25%,75% {
            opacity: 0
        }
    }

    @keyframes flash {
        0%,100%,50% {
            opacity: 1
        }

        25%,75% {
            opacity: 0
        }
    }

    .flash {
        -webkit-animation-name: flash;
        animation-name: flash
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes pulse {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes rubberBand {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand
    }

    @-webkit-keyframes shake {
        0%,100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,30%,50%,70%,90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%,40%,60%,80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    @keyframes shake {
        0%,100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,30%,50%,70%,90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%,40%,60%,80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    .shake {
        -webkit-animation-name: shake;
        animation-name: shake
    }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        100% {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        100% {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%,50%,70%,90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,60%,80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes tada {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%,50%,70%,90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,60%,80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        100% {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .tada {
        -webkit-animation-name: tada;
        animation-name: tada
    }

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: none;
            transform: none
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes wobble {
        0% {
            -webkit-transform: none;
            transform: none
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }

    @-webkit-keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes bounceIn {
        0%,100%,20%,40%,60%,80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }

    @-webkit-keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInDown {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    @-webkit-keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }

    @-webkit-keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }

    @-webkit-keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }

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

    @keyframes bounceInUp {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }

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

    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%,55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        40%,45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig
    }

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

        100% {
            opacity: 0
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

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

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1
        }

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

    @keyframes fadeOutDown {
        0% {
            opacity: 1
        }

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

    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    @keyframes fadeOutDownBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig
    }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1
        }

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

    @keyframes fadeOutLeft {
        0% {
            opacity: 1
        }

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

    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig
    }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1
        }

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

    @keyframes fadeOutRight {
        0% {
            opacity: 1
        }

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

    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    @keyframes fadeOutRightBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig
    }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1
        }

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

    @keyframes fadeOutUp {
        0% {
            opacity: 1
        }

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

    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    @keyframes fadeOutUpBig {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig
    }

    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX
    }

    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY
    }

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important
    }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        100% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY
    }

    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }

        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    @-webkit-keyframes lightSpeedOut {
        0% {
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    @keyframes lightSpeedOut {
        0% {
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }

    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut
    }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft
    }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight
    }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft
    }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight
    }

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%,60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%,80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%,60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%,80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        100% {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge
    }

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    @keyframes rollOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn
    }

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown
    }

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft
    }

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight
    }

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        100% {
            opacity: 0
        }
    }

    @keyframes zoomOut {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        100% {
            opacity: 0
        }
    }

    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }

    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft
    }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }

    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight
    }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp
    }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes slideInLeft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes slideInRight {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes slideInUp {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            visibility: visible
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
    }

    @keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
    }

    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown
    }

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
    }

    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
    }

    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft
    }

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
    }

    @keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
    }

    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight
    }

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%)
        }
    }

    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            visibility: hidden;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%)
        }
    }

    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp
    }

    @-webkit-keyframes rollInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0) rotate(0deg)
        }
    }

    @-moz-keyframes rollInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(100%) rotate(120deg)
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0) rotate(0deg)
        }
    }

    @-o-keyframes rollInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(100%) rotate(120deg)
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0) rotate(0deg)
        }
    }

    @keyframes rollInRight {
        0% {
            opacity: 0;
            transform: translateX(100%) rotate(120deg)
        }

        100% {
            opacity: 1;
            transform: translateX(0) rotate(0deg)
        }
    }

    .rollInRight {
        -webkit-animation-name: rollInRight;
        -moz-animation-name: rollInRight;
        -o-animation-name: rollInRight;
        animation-name: rollInRight
    }

    .os-animation {
        opacity: 0
    }

        .os-animation.animated {
            opacity: 1
        }

    a, .btn, button, .slick-prev, .slick-next,
    .navigation nav.main ul li, li.has-child ul li span a::before, .promo-pods .item .info {
        transition: all 0.2s ease-in-out 0s
    }

    a, .btn {
        outline: 0 none !important
    }

        html.no-touch a:hover, html.touch a:hover, a:focus, a:active, a:visited {
            text-decoration: none !important
        }

    .btn {
        border: 0 none;
        position: relative;
        padding: 12px 15px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: 700
    }

        .btn + .btn {
            margin-left: 5px
        }

    .text-center .btn + .btn {
        margin-left: 5px
    }

    .text-right .btn {
        margin-left: 5px
    }

    .btn-xs {
        font-size: 12px;
        padding: 8px 10px
    }

    .btn-sm {
        font-size: 12px;
        padding: 13px 18px
    }

    .btn-lg {
        padding: 15px 20px;
        font-size: 18px
    }

    a.close-button {
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        float: right;
        margin: 15px 15px 0 0;
        opacity: 1;
        transition: all 0.2s ease-in-out 0s
    }

        a.close-button em {
            display: none
        }

        a.close-button span {
            display: block;
            width: 40px;
            height: 2px;
            position: absolute;
            top: 0;
            right: 0
        }

            a.close-button span.top {
                transform: rotate(45deg)
            }

            a.close-button span.bottom {
                transform: rotate(-45deg)
            }

    .link {
        margin: 15px 0 0
    }

        .link.text-uppercase a {
            display: inline-block;
            padding: 0 0 3px;
            border-width: 0 0 2px;
            border-style: solid
        }

    #top-link-block {
        z-index: 200;
        position: relative
    }

        #top-link-block a {
            display: block;
            margin: 0 auto;
            padding: 15px;
            text-align: center
        }

    @media (min-width: 0) and (max-width: 991px) {
        #top-link-block a {
            text-align: center;
            border-radius: 0;
            border: 0 none;
            box-shadow: 0 none
        }
    }

    @media (min-width: 992px) {
        html.no-touch a.close-button:hover {
            opacity: 0.6
        }

        #top-link-block {
            position: fixed;
            bottom: -100%;
            right: 15px;
            padding: 0;
            opacity: 0;
            transition: bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
        }

            #top-link-block.affix.show {
                bottom: 15px;
                opacity: 1
            }

            #top-link-block a.btn {
                width: 60px;
                font-size: 20px;
                border-radius: 50%
            }

        .apc.banner:first-child .link .btn {
            padding: 13px 18px;
            font-size: 18px
        }
    }

    ul, ol {
        padding: 0;
        margin: 0 0 15px;
        line-height: 1.4
    }

    ul {
        margin-left: 16px;
        list-style: disc outside
    }

    ol {
        margin-left: 18px;
        list-style: decimal
    }

        ul ul, ol ol {
            padding: 4px 0 0 8px
        }

    ul ul {
        list-style: circle outside
    }

    ol ol {
        list-style: lower-roman
    }

    li {
        margin-bottom: 4px
    }

    dl dt {
        font-weight: bold;
        padding-bottom: 2px
    }

    dl dd {
        padding-bottom: 4px
    }

    ul
    .nav, ol.nav, nav ul, nav ol, ul.list, ol.list, nav ul li, nav ol li, ul.list li, ol.list li {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1
    }

    .image {
        position: relative;
        overflow: hidden
    }

    img {
        width: 100%;
        max-width: 100%;
        height: auto;
        transform: scale(1)
    }

    .image img, .apc.banner .image, .apc.pod-windows .image {
        display: block;
        width: 100%;
        height: auto;
        filter: blur(75px);
        transform: scale(1.15);
        transition: transform 0.2s ease-in-out 0s, background-size 0.2s ease-in-out 0s, filter 0.5s ease-in-out 0.2s
    }

        .image img.lazyloaded, .apc.banner .image.lazyloaded, .apc.pod-windows .image.lazyloaded {
            filter: blur(0);
            transform: scale(1)
        }

    .image, .image.video {
        overflow: hidden;
        padding: 0
    }

    html.no-touch .image a:hover img, html.no-touch a:hover .image img, html.no-touch .apc.pod-windows .item a:hover .image {
        transform: scale(1.05)
    }

    .ekko-lightbox img {
        width: auto;
        height: auto !important;
        margin: 0 auto
    }

    .image .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 101;
        padding: 5px 10px 7px;
        font-size: 85%;
        font-style: italic;
        opacity: 0.8;
        color: #fff;
        background-color: rgba(0,0,0,0.6)
    }

    .items-4 .image .caption {
        position: relative;
        padding: 5px 0;
        color: #555;
        background: none
    }

    i.fa, i.before {
        margin-right: 5px
    }

        i.fa.after, i.after {
            margin-right: 0;
            margin-left: 5px
        }

    body {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        font-size: 15px;
        -webkit-font-smoothing: antialiased
    }

    input, select, textarea, button {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        font-size: 15px
    }

    h1, h2, h3, h4, h5, h6, .heading, header, footer, .btn, .nav-tabs, th, nav.sub {
        font-family: 'Lato', sans-serif;
        font-weight: 600
    }

    nav.main, nav.sub, footer {
        font-weight: 400
    }

    h1, h2, h3, h4, h5, h6, .heading, table thead th, nav.tabs, .btn, button {
        font-weight: 700;
        letter-spacing: -0.015em;
        line-height: 1.4
    }

    h1 {
        font-size: 30px
    }

        h1.heading.main {
            margin-top: 0
        }

    h2 {
        font-size: 25px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: 18px
    }

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

    h6, .sub-heading {
        font-size: 15px
    }

    h1, h2, h3 {
        margin: 15px 0
    }

    #left-col h1:first-child, #right-col h1:first-child, #wide-col h1:first-child, #mid-col h1:first-child {
        margin-top: 0
    }

    h4, h5, h6, p.heading {
        margin: 10px 0
    }

    footer .heading {
        font-size: 16px
    }

    p {
        margin: 8px 0 15px
    }

    p, .text {
        line-height: 1.4
    }

    .secondary-heading {
        margin: 0;
        font-size: 110%;
        font-style: italic;
        letter-spacing: -0.015em
    }

    p.caption {
        margin: 10px 0 0;
        font-size: 90%;
        font-style: italic;
        opacity: 0.6
    }

    .intro {
        font-size: 130%
    }

    .banner .intro {
        font-weight: 300
    }

    b, strong {
        font-weight: 600
    }

    table {
        margin: 5px 0 30px
    }

    blockquote {
        position: relative;
        padding: 30px 0 15px;
        margin: 15px 0;
        border: 0 none;
        font-size: 150%;
        font-style: italic;
        font-weight: 600
    }

        blockquote::before {
            content: "\f347";
            display: inline-block;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            position: absolute
        }

        blockquote::before {
            top: -5px;
            left: 0;
            font-size: 30px
        }

    .text-center blockquote::before {
        left: 50%;
        transform: translateX(-50%)
    }

    .text-right blockquote::before {
        right: 0;
        left: auto
    }

    blockquote p {
        font-weight: 600;
        letter-spacing: -0.02em
    }

    blockquote cite {
        font-size: 12px;
        font-weight: 400
    }

    .alert .info :first-child {
        margin-top: 0
    }

    .alert .info :last-child {
        margin-bottom: 0
    }

    a.skip-to-content {
        position: fixed;
        top: 10px;
        left: 50%;
        z-index: -1;
        width: auto;
        height: auto;
        font-size: 12px;
        transform: translateX(-50%)
    }

        a.skip-to-content:focus {
            z-index: 1001;
            clip: auto;
            padding: 0;
            margin: 0
        }

    @media (min-width: 992px) {
        h1 {
            font-size: 35px
        }

        h2 {
            font-size: 30px
        }

        h3 {
            font-size: 26px
        }

        h4 {
            font-size: 22px
        }

        h5, p.heading {
            font-size: 20px
        }

        h6, .sub-heading {
            font-size: 18px
        }
    }

    @media (min-width: 1200px) {
        h1 {
            font-size: 45px
        }

        h2 {
            font-size: 35px
        }

        h3 {
            font-size: 30px
        }

        h4 {
            font-size: 24px
        }

        h5, p.heading {
            font-size: 20px
        }

        h6, .sub-heading {
            font-size: 18px
        }

        .banner .intro {
            font-size: 140%
        }
    }

    .c1-bg {
        background-color: #ffb400
    }

        .c1-bg.bg-perc_90 {
            background-color: rgba(236,102,66,0.9)
        }

        .c1-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c1-bg:hover::before {
            background-color: rgba(236,102,66,0.8)
        }

        .c1-bg.bg-perc_70 {
            background-color: rgba(236,102,66,0.7)
        }

        .c1-bg.bg-perc_60 {
            background-color: rgba(236,102,66,0.6)
        }

        .c1-bg.bg-perc_50, .apc.banner .item.overlay.c1-bg::before, .apc.pod-windows .item.overlay .info.c1-bg::before {
            background-color: rgba(236,102,66,0.5)
        }

        .c1-bg.bg-perc_40 {
            background-color: rgba(236,102,66,0.4)
        }

        .c1-bg.bg-perc_30 {
            background-color: rgba(236,102,66,0.3)
        }

        .c1-bg.bg-perc_20 {
            background-color: rgba(236,102,66,0.2)
        }

        .c1-bg.bg-perc_10 {
            background-color: rgba(236,102,66,0.1)
        }

    .c2-bg {
        background-color: #ffb400
    }

        .c2-bg.bg-perc_90 {
            background-color: rgba(255,180,0,0.9)
        }

        .c2-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c2-bg:hover::before {
            background-color: rgba(255,180,0,0.8)
        }

        .c2-bg.bg-perc_70 {
            background-color: rgba(255,180,0,0.7)
        }

        .c2-bg.bg-perc_60 {
            background-color: rgba(255,180,0,0.6)
        }

        .c2-bg.bg-perc_50, .apc.banner .item.overlay.c2-bg::before, .apc.pod-windows .item.overlay .info.c2-bg::before {
            background-color: rgba(255,180,0,0.5)
        }

        .c2-bg.bg-perc_40 {
            background-color: rgba(255,180,0,0.4)
        }

        .c2-bg.bg-perc_30 {
            background-color: rgba(255,180,0,0.3)
        }

        .c2-bg.bg-perc_20 {
            background-color: rgba(255,180,0,0.2)
        }

        .c2-bg.bg-perc_10 {
            background-color: rgba(255,180,0,0.1)
        }

    .c3-bg {
        background-color: #16100f
    }

        .c3-bg.bg-perc_90 {
            background-color: rgba(22,16,15,0.9)
        }

        .c3-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c3-bg:hover::before {
            background-color: rgba(22,16,15,0.8)
        }

        .c3-bg.bg-perc_70 {
            background-color: rgba(22,16,15,0.7)
        }

        .c3-bg.bg-perc_60 {
            background-color: rgba(22,16,15,0.6)
        }

        .c3-bg.bg-perc_50, .apc.banner .item.overlay.c3-bg::before, .apc.pod-windows .item.overlay .info.c3-bg::before {
            background-color: rgba(22,16,15,0.5)
        }

        .c3-bg.bg-perc_40 {
            background-color: rgba(22,16,15,0.4)
        }

        .c3-bg.bg-perc_30 {
            background-color: rgba(22,16,15,0.3)
        }

        .c3-bg.bg-perc_20 {
            background-color: rgba(22,16,15,0.2)
        }

        .c3-bg.bg-perc_10 {
            background-color: rgba(22,16,15,0.1)
        }

    .c4-bg {
        background-color: #fff3e8
    }

        .c4-bg.bg-perc_90 {
            background-color: rgba(255,243,232,0.9)
        }

        .c4-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c4-bg:hover::before {
            background-color: rgba(255,243,232,0.8)
        }

        .c4-bg.bg-perc_70 {
            background-color: rgba(255,243,232,0.7)
        }

        .c4-bg.bg-perc_60 {
            background-color: rgba(255,243,232,0.6)
        }

        .c4-bg.bg-perc_50, .apc.banner .item.overlay.c4-bg::before, .apc.pod-windows .item.overlay .info.c4-bg::before {
            background-color: rgba(255,243,232,0.5)
        }

        .c4-bg.bg-perc_40 {
            background-color: rgba(255,243,232,0.4)
        }

        .c4-bg.bg-perc_30 {
            background-color: rgba(255,243,232,0.3)
        }

        .c4-bg.bg-perc_20 {
            background-color: rgba(255,243,232,0.2)
        }

        .c4-bg.bg-perc_10 {
            background-color: rgba(255,243,232,0.1)
        }

    .c5-bg, #site {
        background-color: #fff
    }

        .c5-bg.bg-perc_90 {
            background-color: rgba(255,255,255,0.9)
        }

        .c5-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c5-bg:hover::before {
            background-color: rgba(255,255,255,0.8)
        }

        .c5-bg.bg-perc_70 {
            background-color: rgba(255,255,255,0.7)
        }

        .c5-bg.bg-perc_60 {
            background-color: rgba(255,255,255,0.6)
        }

        .c5-bg.bg-perc_50, .apc.banner .item.overlay.c5-bg::before, .apc.pod-windows .item.overlay .info.c5-bg::before {
            background-color: rgba(255,255,255,0.5)
        }

        .c5-bg.bg-perc_40 {
            background-color: rgba(255,255,255,0.4)
        }

        .c5-bg.bg-perc_30 {
            background-color: rgba(255,255,255,0.3)
        }

        .c5-bg.bg-perc_20 {
            background-color: rgba(255,255,255,0.2)
        }

        .c5-bg.bg-perc_10 {
            background-color: rgba(255,255,255,0.1)
        }

    .c6-bg {
        background-color: #e8e5e3
    }

        .c6-bg.bg-perc_90 {
            background-color: rgba(232,229,227,0.9)
        }

        .c6-bg.bg-perc_80, html.no-touch .apc.pod-windows .item a.info.c6-bg:hover::before {
            background-color: rgba(232,229,227,0.8)
        }

        .c6-bg.bg-perc_70 {
            background-color: rgba(232,229,227,0.7)
        }

        .c6-bg.bg-perc_60 {
            background-color: rgba(232,229,227,0.6)
        }

        .c6-bg.bg-perc_50, .apc.banner .item.overlay.c6-bg::before, .apc.pod-windows .item.overlay .info.c6-bg::before {
            background-color: rgba(232,229,227,0.5)
        }

        .c6-bg.bg-perc_40 {
            background-color: rgba(232,229,227,0.4)
        }

        .c6-bg.bg-perc_30 {
            background-color: rgba(232,229,227,0.3)
        }

        .c6-bg.bg-perc_20 {
            background-color: rgba(232,229,227,0.2)
        }

        .c6-bg.bg-perc_10 {
            background-color: rgba(232,229,227,0.1)
        }

    .modal-backdrop, .modal-backdrop.in {
        background-color: #000
    }

    body, .base-text {
        color: #555
    }

        body .c1-bg {
            color: #fff
        }

        body .c3-bg {
            color: #e8e5e3
        }

    a, a:focus, a:active {
        color: #ffb400
    }

    html.no-touch a:hover {
        color: #ffb400
    }

    .apc.c1-bg a:not(.btn):not(.heading):not(.c1-text) {
        color: #fff;
        font-weight: 700
    }

    html.no-touch
    .c1-bg a:not(.btn):not(.c1-text):hover, .c1-bg a:not(.btn):not(.c1-text):active, .c1-bg a:not(.btn):not(.c1-text):focus {
        color: #e6e6e6
    }

    .heading, h1, h2, h3, h4, h5, h6, body .base-text h1, body .base-text h2, body .base-text h3, body .base-text h4, body .base-text h5, body .base-text h6, body .base-text .heading, .tables .head {
        color: #ffb400
    }

    .c1-bg h1, .c1-bg h2, .c1-bg h3, .c1-bg h4, .c1-bg h5, .c1-bg h6, .c3-bg h1, .c3-bg h2, .c3-bg h3, .c3-bg h4, .c3-bg h5, .c3-bg h6 {
        color: #fff
    }

    .c1-text, html.no-touch .btn.c1-text:hover, .btn.c1-text:focus, .btn.c1-text:active, .c2-bg blockquote::before {
        color: #ffb400
    }

    html.no-touch a.c1-text:not(.btn):hover, a.c1-text:not(.btn):focus, a.c1-text:not(.btn):active, html.no-touch footer a:hover {
        color: #ffb400
    }

    .c1-text.text-perc_90 {
        color: rgba(236,102,66,0.9)
    }

    .c1-text.text-perc_80 {
        color: rgba(236,102,66,0.8)
    }

    .c1-text.text-perc_70 {
        color: rgba(236,102,66,0.7)
    }

    .c1-text.text-perc_60 {
        color: rgba(236,102,66,0.6)
    }

    .c1-text.text-perc_50 {
        color: rgba(236,102,66,0.5)
    }

    .c1-text.text-perc_40 {
        color: rgba(236,102,66,0.4)
    }

    .c1-text.text-perc_30 {
        color: rgba(236,102,66,0.3)
    }

    .c1-text.text-perc_20 {
        color: rgba(236,102,66,0.2)
    }

    .c1-text.text-perc_10 {
        color: rgba(236,102,66,0.1)
    }

    .c2-text, html.no-touch .btn.c2-text:hover, .btn.c2-text:focus, .btn.c2-text:active, blockquote::before {
        color: #ffb400
    }

    html.no-touch a.c2-text:not(.btn):hover, a.c2-text:not(.btn):focus, a.c2-text:not(.btn):active {
        color: #cc9000
    }

    .c2-text.text-perc_90 {
        color: rgba(255,180,0,0.9)
    }

    .c2-text.text-perc_80 {
        color: rgba(255,180,0,0.8)
    }

    .c2-text.text-perc_70 {
        color: rgba(255,180,0,0.7)
    }

    .c2-text.text-perc_60 {
        color: rgba(255,180,0,0.6)
    }

    .c2-text.text-perc_50 {
        color: rgba(255,180,0,0.5)
    }

    .c2-text.text-perc_40 {
        color: rgba(255,180,0,0.4)
    }

    .c2-text.text-perc_30 {
        color: rgba(255,180,0,0.3)
    }

    .c2-text.text-perc_20 {
        color: rgba(255,180,0,0.2)
    }

    .c2-text.text-perc_10 {
        color: rgba(255,180,0,0.1)
    }

    .c3-text, html.no-touch {
        color: #ffb400
    }

    .btn.c3-text, html.no-touch {
        color: rgba(255,255,255,0.85)
    }

        .btn.c3-text:hover, .btn.c3-text:focus, .btn.c3-text:active, blockquote {
            color: #ffffff
        }

        html.no-touch a.c3-text:not(.btn):hover, a.c3-text:not(.btn):focus, a.c3-text:not(.btn):active {
            color: rgba(255,38,34,0.2)
        }

    .c3-text.text-perc_90 {
        color: rgba(22,16,15,0.9)
    }

    .c3-text.text-perc_80 {
        color: rgba(22,16,15,0.8)
    }

    .c3-text.text-perc_70 {
        color: rgba(22,16,15,0.7)
    }

    .c3-text.text-perc_60 {
        color: rgba(22,16,15,0.6)
    }

    .c3-text.text-perc_50 {
        color: rgba(22,16,15,0.5)
    }

    .c3-text.text-perc_40 {
        color: rgba(22,16,15,0.4)
    }

    .c3-text.text-perc_30 {
        color: rgba(22,16,15,0.3)
    }

    .c3-text.text-perc_20 {
        color: rgba(22,16,15,0.2)
    }

    .c3-text.text-perc_10 {
        color: rgba(22,16,15,0.1)
    }

    .c4-text, html.no-touch .btn.c4-text:hover, .btn.c4-text:focus, .btn.c4-text:active {
        color: #fff3e8
    }

    html.no-touch a.c4-text:not(.btn):hover, a.c4-text:not(.btn):focus, a.c4-text:not(.btn):active {
        color: #ffd8b5
    }

    .c4-text.text-perc_90 {
        color: rgba(255,243,232,0.9)
    }

    .c4-text.text-perc_80 {
        color: rgba(255,243,232,0.8)
    }

    .c4-text.text-perc_70 {
        color: rgba(255,243,232,0.7)
    }

    .c4-text.text-perc_60 {
        color: rgba(255,243,232,0.6)
    }

    .c4-text.text-perc_50 {
        color: rgba(255,243,232,0.5)
    }

    .c4-text.text-perc_40 {
        color: rgba(255,243,232,0.4)
    }

    .c4-text.text-perc_30 {
        color: rgba(255,243,232,0.3)
    }

    .c4-text.text-perc_20 {
        color: rgba(255,243,232,0.2)
    }

    .c4-text.text-perc_10 {
        color: rgba(255,243,232,0.1)
    }

    .c5-text, html.no-touch .btn.c5-text:hover, .btn.c5-text:focus, .btn.c5-text:active, .c1-bg blockquote, .c3-bg blockquote {
        color: #fff
    }

    html.no-touch a.c5-text:not(.btn):hover, a.c5-text:not(.btn):focus, a.c5-text:not(.btn):active {
        color: #e6e6e6
    }

    .c5-text.text-perc_90 {
        color: rgba(255,255,255,0.9)
    }

    .c5-text.text-perc_80 {
        color: rgba(255,255,255,0.8)
    }

    .c5-text.text-perc_70 {
        color: rgba(255,255,255,0.7)
    }

    .c5-text.text-perc_60 {
        color: rgba(255,255,255,0.6)
    }

    .c5-text.text-perc_50 {
        color: rgba(255,255,255,0.5)
    }

    .c5-text.text-perc_40 {
        color: rgba(255,255,255,0.4)
    }

    .c5-text.text-perc_30 {
        color: rgba(255,255,255,0.3)
    }

    .c5-text.text-perc_20 {
        color: rgba(255,255,255,0.2)
    }

    .c5-text.text-perc_10 {
        color: rgba(255,255,255,0.1)
    }

    .c6-text, html.no-touch .btn.c6-text:hover, .btn.c6-text:focus, .btn.c6-text:active {
        color: #e8e5e3
    }

    html.no-touch a.c6-text:not(.btn):hover, a.c6-text:not(.btn):focus, a.c6-text:not(.btn):active {
        color: #d1cbc7
    }

    .c6-text.text-perc_90 {
        color: rgba(232,229,227,0.9)
    }

    .c6-text.text-perc_80 {
        color: rgba(232,229,227,0.8)
    }

    .c6-text.text-perc_70 {
        color: rgba(232,229,227,0.7)
    }

    .c6-text.text-perc_60 {
        color: rgba(232,229,227,0.6)
    }

    .c6-text.text-perc_50 {
        color: rgba(232,229,227,0.5)
    }

    .c6-text.text-perc_40 {
        color: rgba(232,229,227,0.4)
    }

    .c6-text.text-perc_30 {
        color: rgba(232,229,227,0.3)
    }

    .c6-text.text-perc_20 {
        color: rgba(232,229,227,0.2)
    }

    .c6-text.text-perc_10 {
        color: rgba(232,229,227,0.1)
    }

    .c1-borders {
        border-color: #ec6642
    }

        .c1-borders.borders-perc_90 {
            border-color: rgba(236,102,66,0.9)
        }

        .c1-borders.borders-perc_80 {
            border-color: rgba(236,102,66,0.8)
        }

        .c1-borders.borders-perc_70 {
            border-color: rgba(236,102,66,0.7)
        }

        .c1-borders.borders-perc_60 {
            border-color: rgba(236,102,66,0.6)
        }

        .c1-borders.borders-perc_50 {
            border-color: rgba(236,102,66,0.5)
        }

        .c1-borders.borders-perc_40 {
            border-color: rgba(236,102,66,0.4)
        }

        .c1-borders.borders-perc_30 {
            border-color: rgba(236,102,66,0.3)
        }

        .c1-borders.borders-perc_20 {
            border-color: rgba(236,102,66,0.2)
        }

        .c1-borders.borders-perc_10 {
            border-color: rgba(236,102,66,0.1)
        }

    .c2-borders {
        border-color: #ffb400
    }

        .c2-borders.borders-perc_90 {
            border-color: rgba(255,180,0,0.9)
        }

        .c2-borders.borders-perc_80 {
            border-color: rgba(255,180,0,0.8)
        }

        .c2-borders.borders-perc_70 {
            border-color: rgba(255,180,0,0.7)
        }

        .c2-borders.borders-perc_60 {
            border-color: rgba(255,180,0,0.6)
        }

        .c2-borders.borders-perc_50 {
            border-color: rgba(255,180,0,0.5)
        }

        .c2-borders.borders-perc_40 {
            border-color: rgba(255,180,0,0.4)
        }

        .c2-borders.borders-perc_30 {
            border-color: rgba(255,180,0,0.3)
        }

        .c2-borders.borders-perc_20 {
            border-color: rgba(255,180,0,0.2)
        }

        .c2-borders.borders-perc_10 {
            border-color: rgba(255,180,0,0.1)
        }

    .c3-borders {
        border-color: #16100f
    }

        .c3-borders.borders-perc_90 {
            border-color: rgba(22,16,15,0.9)
        }

        .c3-borders.borders-perc_80 {
            border-color: rgba(22,16,15,0.8)
        }

        .c3-borders.borders-perc_70 {
            border-color: rgba(22,16,15,0.7)
        }

        .c3-borders.borders-perc_60 {
            border-color: rgba(22,16,15,0.6)
        }

        .c3-borders.borders-perc_50 {
            border-color: rgba(22,16,15,0.5)
        }

        .c3-borders.borders-perc_40 {
            border-color: rgba(22,16,15,0.4)
        }

        .c3-borders.borders-perc_30 {
            border-color: rgba(22,16,15,0.3)
        }

        .c3-borders.borders-perc_20 {
            border-color: rgba(22,16,15,0.2)
        }

        .c3-borders.borders-perc_10 {
            border-color: rgba(22,16,15,0.1)
        }

    .c4-borders {
        border-color: #fff3e8
    }

        .c4-borders.borders-perc_90 {
            border-color: rgba(255,243,232,0.9)
        }

        .c4-borders.borders-perc_80 {
            border-color: rgba(255,243,232,0.8)
        }

        .c4-borders.borders-perc_70 {
            border-color: rgba(255,243,232,0.7)
        }

        .c4-borders.borders-perc_60 {
            border-color: rgba(255,243,232,0.6)
        }

        .c4-borders.borders-perc_50 {
            border-color: rgba(255,243,232,0.5)
        }

        .c4-borders.borders-perc_40 {
            border-color: rgba(255,243,232,0.4)
        }

        .c4-borders.borders-perc_30 {
            border-color: rgba(255,243,232,0.3)
        }

        .c4-borders.borders-perc_20 {
            border-color: rgba(255,243,232,0.2)
        }

        .c4-borders.borders-perc_10 {
            border-color: rgba(255,243,232,0.1)
        }

    .c5-borders {
        border-color: #fff
    }

        .c5-borders.borders-perc_90 {
            border-color: rgba(255,255,255,0.9)
        }

        .c5-borders.borders-perc_80 {
            border-color: rgba(255,255,255,0.8)
        }

        .c5-borders.borders-perc_70 {
            border-color: rgba(255,255,255,0.7)
        }

        .c5-borders.borders-perc_60 {
            border-color: rgba(255,255,255,0.6)
        }

        .c5-borders.borders-perc_50 {
            border-color: rgba(255,255,255,0.5)
        }

        .c5-borders.borders-perc_40 {
            border-color: rgba(255,255,255,0.4)
        }

        .c5-borders.borders-perc_30 {
            border-color: rgba(255,255,255,0.3)
        }

        .c5-borders.borders-perc_20 {
            border-color: rgba(255,255,255,0.2)
        }

        .c5-borders.borders-perc_10 {
            border-color: rgba(255,255,255,0.1)
        }

    .c6-borders {
        border-color: #e8e5e3
    }

        .c6-borders.borders-perc_90 {
            border-color: rgba(232,229,227,0.9)
        }

        .c6-borders.borders-perc_80 {
            border-color: rgba(232,229,227,0.8)
        }

        .c6-borders.borders-perc_70 {
            border-color: rgba(232,229,227,0.7)
        }

        .c6-borders.borders-perc_60 {
            border-color: rgba(232,229,227,0.6)
        }

        .c6-borders.borders-perc_50 {
            border-color: rgba(232,229,227,0.5)
        }

        .c6-borders.borders-perc_40 {
            border-color: rgba(232,229,227,0.4)
        }

        .c6-borders.borders-perc_30 {
            border-color: rgba(232,229,227,0.3)
        }

        .c6-borders.borders-perc_20 {
            border-color: rgba(232,229,227,0.2)
        }

        .c6-borders.borders-perc_10 {
            border-color: rgba(232,229,227,0.1)
        }

    html.no-touch .btn.c1-bg:hover, .btn.c1-bg:active, .btn.c1-bg:focus {
        background-color: rgba(255,180,0,0.5)
    }

    html.no-touch .btn.c2-bg:hover, .btn.c2-bg:active, .btn.c2-bg:focus {
        background-color: #e6a200
    }

    html.no-touch .btn.c3-bg:hover, .btn.c3-bg:active, .btn.c3-bg:focus {
        background-color: #342624
    }

    html.no-touch .btn.c4-bg:hover, .btn.c4-bg:active, .btn.c4-bg:focus {
        background-color: #ffe6cf
    }

    html.no-touch .btn.c5-bg:hover, .btn.c5-bg:active, .btn.c5-bg:focus {
        background-color: #f2f2f2
    }

    html.no-touch .btn.c6-bg:hover, .btn.c6-bg:active, .btn.c6-bg:focus {
        background-color: #ddd8d5
    }

    .btn.no-bg, html.no-touch .btn.no-bg:hover, .btn.no-bg:active, .btn.no-bg:focus {
        background-color: transparent !important
    }

    html.no-touch .link.text-uppercase .c1-borders:hover, .link.text-uppercase .btn.c1-borders:active, .link.text-uppercase .btn.c1-borders:focus, html.no-touch .link.text-uppercase .c2-borders:hover, .link.text-uppercase .btn.c2-borders:active, .link.text-uppercase .btn.c2-borders:focus, html.no-touch .link.text-uppercase .c4-borders:hover, .link.text-uppercase .btn.c4-borders:active, .link.text-uppercase .btn.c4-borders:focus, html.no-touch .link.text-uppercase .c5-borders:hover, .link.text-uppercase .btn.c5-borders:active, .link.text-uppercase .btn.c5-borders:focus {
        border-color: #16100f
    }

    html.no-touch .link.text-uppercase .c3-borders:hover, .link.text-uppercase .btn.c3-borders:active, .link.text-uppercase .btn.c3-borders:focus {
        border-color: #16100f
    }

    body {
        position: relative;
        background-color: #fff;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

        body:not(.no-header) {
            padding-top: 80px
        }

    #site {
        position: relative;
        z-index: 2;
        box-shadow: 0 0 100px rgba(0,0,0,0.1)
    }

    @media (min-width: 992px) {
        body:not(.no-header) {
            padding-top: 100px
        }
    }

    @media (min-width: 1500px) {
        body.fixed-width #site, body.fixed-width header {
            right: auto;
            left: auto;
            max-width: 1500px;
            margin: 0 auto
        }
    }

    header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        min-height: 80px;
        z-index: 500;
        overflow: visible;
        background-color: #16100f;
        box-shadow: 0 0 0 0 transparent;
        transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s
    }

    html.reveal-out header {
        bottom: 0;
        height: 100%;
        max-height: 100%;
        overflow: auto;
        padding: 80px 0 20px
    }

    html.nav-up header, html.nav-down header {
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
    }

    html.nav-down.reached-top header {
        box-shadow: 0 0 0 0 transparent
    }

    header #logo {
        position: absolute;
        top: 20px;
        left: 15px;
        z-index: 501
    }

        header #logo a {
            display: block;
            text-indent: -9999px
        }

        header #logo.no-image a {
            text-indent: 0;
            font-size: 30px
        }

        header #logo a:active {
            position: relative;
            top: 1px
        }

    @media (min-width: 0) and (max-width: 991px) {
        header nav.cta-link {
            margin: 5px 15px 15px
        }

            header nav.cta-link a {
                display: block
            }
    }

    @media (min-width: 480px) and (max-width: 991px) {
        header .container {
            width: 100%
        }
    }

    @media (min-width: 992px) {
        html.nav-up header {
            top: -115px
        }

        html.nav-down header {
            top: 0
        }

        html.reveal-out header {
            padding: 0;
            overflow: visible;
            bottom: auto
        }

        html.reveal-out header, header, header .container {
            height: 100px
        }

            header .container {
                position: relative
            }

            header #logo {
                top: 50%;
                transform: translateY(-50%)
            }

            header nav.cta-link {
                position: fixed;
                z-index: 1000;
                top: 50%;
                right: -20px;
                transform: translateY(-50%) rotate(90deg)
            }

                header nav.cta-link a.btn {
                    font-size: 15px;
                    box-shadow: 0 0 5px rgba(0,0,0,0.25)
                }
    }

    .content {
        padding: 15px 0
    }

    @media (max-width: 767px) {
        .content .left-col, .content .right-col, .content .mid-col {
            padding-bottom: 30px
        }
    }

    @media (min-width: 768px) {
        .content {
            padding: 30px 0
        }
    }

    @media (min-width: 992px) {
        .content {
            padding: 45px 0
        }
    }

    @media (min-width: 1200px) {
        .content {
            padding: 60px 0
        }
    }

    footer {
        padding: 15px 0;
        background-color: #16100f
    }

    footer {
        color: #e8e5e3
    }

        footer .heading {
            color: #fff;
            margin-bottom: 15px
        }

        footer a {
            color: #ffb400
        }

            html.no-touch footer a:hover, footer a:focus, footer a:active {
                color: #b37e00
            }

        footer .company-details, footer .quick-links {
            margin-bottom: 30px
        }

    @media (min-width: 768px) and (max-width: 991px) {
        footer {
            padding: 30px 0
        }
    }

    @media (min-width: 992px) {
        footer {
            padding: 45px 0 80px
        }

            footer .company-details, footer .quick-links {
                margin-bottom: 0
            }

            footer p.heading {
                font-size: 22px
            }
    }

    @media (min-width: 1200px) {
        footer {
            padding: 60px 0 80px
        }
    }

    html.reveal-out {
        overflow: hidden
    }

    .navigation {
        position: relative;
        z-index: 5
    }

    html.reveal-out
    .navigation {
        overflow: auto
    }

    .navigation .reveal {
        display: none
    }

    html.reveal-out
    .navigation .reveal {
        display: block
    }

    header a.expand {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 300;
        width: 80px;
        height: 80px;
        display: block;
        text-indent: -9999px;
        text-decoration: none;
        cursor: pointer
    }

        header a.expand span:before, header a.expand span, header a.expand span:after {
            content: "";
            display: block;
            width: 50px;
            height: 5px;
            border-radius: 2.5px;
            position: absolute;
            background-color: #fff;
            opacity: 1;
            transition: transform 0.4s ease-in-out 0s, right 0.4s ease-in-out 0s, top 0.4s ease-in-out 0s, width 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s
        }

        header a.expand span {
            top: 50%;
            right: 15px;
            transform: translateY(-50%)
        }

            header a.expand span:before, header a.expand span:after {
                right: 0
            }

            header a.expand span:before {
                top: -14px
            }

            header a.expand span:after {
                top: 14px
            }

        header a.expand.active span {
            width: 0
        }

            header a.expand.active span:before, header a.expand.active span:after {
                top: 0;
                background-color: #ffb400
            }

            header a.expand.active span::before {
                transform: rotate(-45deg)
            }

            header a.expand.active span::after {
                transform: rotate(45deg)
            }

    @media (min-width: 0) and (max-width: 991px) {
        html.reveal-out #site {
            height: 0px
        }
    }

    @media (min-width: 992px) {
        html.reveal-out {
            overflow: auto
        }

            html.reveal-out
            .navigation {
                overflow: visible
            }

        header a.expand {
            display: none
        }

        .navigation .reveal {
            display: block
        }
    }

    .navigation nav.main ul li span {
        position: relative;
        display: block
    }

        .navigation nav.main ul li span i {
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 60px;
            height: 60px;
            margin: 0;
            padding-top: 22px;
            text-align: center;
            color: #fff
        }

        .navigation nav.main ul li span i {
            z-index: 99
        }

    html.touch .navigation nav.main ul li span i {
        z-index: 101;
        background-color: rgba(255,255,255,0.1)
    }

    .navigation nav.main ul li a {
        display: block
    }

    .navigation nav.main > ul > li > span a {
        position: relative;
        height: 60px;
        padding: 22px 15px;
        color: #fff
    }

    .navigation nav.main ul li span a {
        z-index: 101
    }

    html.touch
    .navigation nav.main > ul > li > span a {
        z-index: 99
    }

    html.no-touch .navigation nav.main ul li ul li span:not(.active) > a:hover, .navigation nav.main ul li ul li span:not(.active) > a:focus {
        background-color: #ffb400
    }

    .navigation nav.main ul li span.active a {
        font-weight: bold
    }

    .navigation nav.main > ul > li.has-child > span a {
        padding-right: 60px
    }

    .navigation nav.main > ul > li > span.active, html.touch .navigation nav.main > ul > li.open, html.no-touch .navigation nav.main > ul > li:hover {
        background-color: #ffb400
    }

    .navigation nav.main > ul > li:focus-within {
        background-color: rgba(255,180,0,0.75)
    }

    .navigation nav.main > ul > li > span.active > a, html.touch .navigation nav.main > ul > li.open > span > a, html.no-touch .navigation nav.main > ul > li:hover > span > a {
        color: #fff
    }

    .navigation nav.main > ul > li:focus-within > span > a {
        color: #fff
    }

    .navigation nav.main ul li ul li span > a {
        display: block;
        color: #fff;
        padding: 15px
    }

    .navigation nav.main > ul > li.has-child ul {
        position: relative;
        background-color: rgba(255,180,0,0.75)
    }

        .navigation nav.main > ul > li.has-child ul ul {
            background-color: #ee7959
        }

    .navigation nav.main ul li span a::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        height: 100%
    }

    @media (min-width: 0) and (max-width: 991px) {
        .navigation nav.main {
            border-width: 0 0 1px;
            border-style: solid;
            border-color: rgba(255,255,255,0.2)
        }

            .navigation nav.main ul li {
                border-width: 1px 0 0;
                border-style: solid;
                border-color: rgba(255,255,255,0.2)
            }

                .navigation nav.main ul li.has-child ul {
                    display: none
                }

                .navigation nav.main ul li.has-child.open-mobile > ul {
                    display: block
                }

                .navigation nav.main ul li.has-child ul li a {
                    height: 60px;
                    padding: 22px 15px
                }

            .navigation nav.main > ul > li > span a {
                z-index: 99
            }

            .navigation nav.main ul li span.active a::before {
                background-color: #16100f
            }

            .navigation nav.main ul li span i {
                z-index: 101;
                background-color: rgba(255,255,255,0.1)
            }

            .navigation nav.main ul li span i {
                border-width: 0 0 0 1px;
                border-style: solid;
                border-color: rgba(255,255,255,0.2)
            }

            .navigation nav.main ul li.has-child.open > span i::before {
                transform: rotate(180deg)
            }

            .navigation nav.main ul li.more-children {
                display: none !important
            }
    }

    @media (min-width: 992px) {
        .navigation, .navigation nav.main, .navigation nav.main ul {
            z-index: 500;
            position: relative;
            overflow: visible
        }

            .navigation nav.main {
                position: absolute;
                top: 40px;
                right: 15px;
                height: 60px
            }

                .navigation nav.main > ul {
                    position: relative;
                    z-index: 1000;
                    line-height: 0;
                    overflow: visible;
                    border: 0 none
                }

                    .navigation nav.main > ul > li {
                        float: left;
                        border-radius: 5px 5px 0 0
                    }

                .navigation nav.main ul li span i {
                    width: 25px;
                    height: 60px;
                    padding-top: 24px;
                    font-size: 10px
                }

        html.touch .navigation nav.main ul li span i {
            background-color: rgba(255,255,255,0.1)
        }

        .navigation nav.main > ul > li > span {
            position: relative;
            border-radius: 5px 5px 0 0
        }

            .navigation nav.main > ul > li > span a {
                height: 60px;
                padding: 22px 15px
            }

        html.touch .navigation nav.main > ul > li.has-child > span a {
            padding-right: 40px
        }

        .navigation nav.main > ul > li.has-child > span a {
            padding-right: 30px
        }

        .navigation nav.main > ul > li {
            z-index: 1000
        }

            .navigation nav.main > ul > li.has-child {
                position: relative
            }

                .navigation nav.main > ul > li.has-child ul {
                    position: absolute;
                    top: 60px;
                    left: -999em;
                    z-index: 2000;
                    width: 240px;
                    height: auto;
                    padding: 0;
                    text-align: left;
                    box-shadow: 5px 5px 0 rgba(22,16,15,0.05)
                }

                    .navigation nav.main > ul > li.has-child ul li {
                        position: relative
                    }

        .navigation nav.main ul li.has-child ul li span a {
            display: block;
            float: none;
            height: auto
        }

        html.touch .navigation nav.main > ul > li.has-child > ul > li.has-child > span a {
            padding-right: 40px
        }

        .navigation nav.main ul li.has-child ul li span i {
            top: 0;
            bottom: 0;
            font-size: 10px;
            padding-top: 18px;
            height: 100%
        }

        .navigation nav.main ul li.has-child ul li span a::before {
            background-color: rgba(255,255,255,0.1)
        }

        html.no-touch .navigation nav.main ul li.has-child ul li span a:hover::before {
            background-color: rgba(255,255,255,0.5)
        }

        html.no-touch .navigation nav.main ul li.has-child ul li span.active a:hover::before, .navigation nav.main ul li.has-child ul li span.active a::before {
            background-color: #16100f
        }

        html.touch .navigation nav.main ul li.has-child.open ul, html.no-touch .navigation nav.main ul li.has-child:hover ul {
            right: 0;
            left: auto
        }

        .navigation nav.main ul li.has-child:focus-within ul {
            right: 0;
            left: auto
        }

        html.touch .navigation nav.main ul li.has-child.open ul ul, html.no-touch .navigation nav.main ul li.has-child:hover ul ul {
            top: 0;
            left: -999em
        }

        .navigation nav.main ul li.has-child:focus-within ul ul {
            top: 0;
            left: -999em
        }

        html.touch .navigation nav.main ul li ul li.has-child.open ul, html.no-touch .navigation nav.main ul li ul li.has-child:hover ul {
            right: 240px;
            left: auto
        }

        .navigation nav.main ul li ul li.has-child:focus-within ul {
            right: 240px;
            left: auto
        }

        .navigation nav.main > ul > li.has-child.multi-col > ul {
            width: 480px
        }

            .navigation nav.main > ul > li.has-child.multi-col > ul > li {
                float: left;
                width: 240px
            }

                .navigation nav.main > ul > li.has-child.multi-col > ul > li:nth-child(2n+1) {
                    clear: both
                }
    }

    @media (min-width: 992px) {
        .navigation nav.main > ul > li > span {
            font-size: 15px
        }

            .navigation nav.main > ul > li > span a {
                padding: 22px 20px
            }

        .navigation nav.main ul li ul li span a {
            padding: 20px
        }

        .navigation nav.main ul li.has-child ul li span i {
            padding-top: 23px
        }
    }

    .navigation nav.top {
        padding: 15px 0 0 15px
    }

        .navigation nav.top > ul, .navigation nav.top ul .dropdown-menu {
            font-size: 14px;
            border-radius: 0
        }

            .navigation nav.top > ul > li i.ion-chevron-down::before {
                font-size: 10px
            }

        .navigation nav.top ul > li {
            display: block;
            margin: 15px 0
        }

        .navigation nav.top li a {
            color: #fff
        }

    @media (min-width: 0) and (max-width: 991px) {
        .navigation nav.top ul .dropdown-menu {
            position: relative;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            float: none !important;
            width: auto;
            background: none;
            border: 0 none;
            box-shadow: none
        }

            .navigation nav.top ul .dropdown-menu li a {
                padding: 0;
                background: none !important
            }
    }

    @media (min-width: 992px) {
        .navigation nav.top {
            position: absolute;
            top: 0;
            right: 15px;
            padding: 0
        }

            .navigation nav.top > ul, .navigation nav.top ul .dropdown-menu {
                font-size: 13px
            }

            .navigation nav.top ul > li {
                display: block;
                float: left;
                margin: 0 0 0 10px
            }

            .navigation nav.top li a {
                display: block;
                padding: 13px 0 5px;
                height: 40px
            }

            .navigation nav.top ul .dropdown-menu {
                top: 30px;
                right: -1px;
                margin: 0;
                padding: 0;
                border-radius: 5px
            }

                .navigation nav.top ul .dropdown-menu li {
                    margin: 0;
                    float: none
                }

                    .navigation nav.top ul .dropdown-menu li a {
                        display: block;
                        padding: 10px 10px 12px;
                        height: auto;
                        color: #ec6642;
                        border-radius: 5px
                    }
    }

    nav.sub {
        position: relative;
        overflow: hidden;
        height: 100%;
        margin-bottom: 30px
    }

        nav.sub p.heading {
            font-size: 18px;
            margin: 0;
            border-width: 0 0 1px;
            border-style: solid;
            border-color: #e8e5e3
        }

            nav.sub.categories p.heading, nav.sub p.heading a {
                display: block;
                color: #16100f
            }

        nav.sub ul {
            margin: 0
        }

            nav.sub ul ul ul {
                margin-left: 10px
            }

            nav.sub ul li {
                position: relative
            }

                nav.sub ul li a {
                    display: block;
                    padding: 10px 0;
                    background: transparent;
                    transition: all 0.2s ease-in-out 0s
                }

    html.no-touch nav.sub ul li a:hover {
        padding-left: 3px
    }

    nav.sub ul li.active > a {
        color: #16100f
    }

    nav.sub ul ul li a {
        padding: 6px 0 6px 10px
    }

    html.no-touch nav.sub ul ul li a:hover {
        padding-left: 13px
    }

    nav.sub ul ul li::before {
        content: "\f125";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 8px;
        left: 0;
        font-size: 10px;
        color: #d5d5d5
    }

    nav.sub ul li.active > a, html.no-touch nav.sub ul li.active > a:hover, nav.sub ul li.active > a, html.no-touch nav.sub ul li.active > a:hover {
        padding-left: 0
    }

    nav.sub ul ul li.active > a, html.no-touch nav.sub ul ul li.active > a:hover, nav.sub ul ul li.active > a, html.no-touch nav.sub ul ul li.active > a:hover {
        padding-left: 10px
    }

    .breadcrumb-trail {
        overflow: hidden;
        height: 45px;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #fff3e8
    }

        .breadcrumb-trail ol {
            padding: 0;
            margin: 0;
            background: transparent;
            font-size: 12px
        }

            .breadcrumb-trail ol li {
                position: relative;
                display: inline-block
            }

                .breadcrumb-trail ol li.active {
                    color: #959595
                }

                .breadcrumb-trail ol li a {
                    display: inline-block;
                    height: 45px
                }

                .breadcrumb-trail ol li span {
                    padding: 17px 15px 0;
                    display: block;
                    height: 45px
                }

                .breadcrumb-trail ol li:first-child span {
                    padding-left: 0
                }

                .breadcrumb-trail ol li::after {
                    content: "\f125";
                    display: inline-block;
                    font-family: "Ionicons";
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    text-rendering: auto;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    position: absolute;
                    top: 50%;
                    right: -5px;
                    font-size: 10px;
                    color: #d5d5d5;
                    transform: translateY(-50%)
                }

                .breadcrumb-trail ol li.active::after {
                    display: none
                }

    nav#pagination {
        padding: 30px 0
    }

        nav#pagination .pagination {
            position: relative;
            overflow: hidden;
            min-height: 50px;
            margin: 0;
            display: block;
            font-size: 0
        }

    .listing.shop nav#pagination {
        margin: 0
    }

    nav#pagination .pagination,
    nav#pagination .pagination li a, nav#pagination .pagination li a span {
        border-radius: 0
    }

    .listing.shop nav#pagination .pagination {
        border: 0 none
    }

    nav#pagination .pagination li {
        border: 0 none;
        display: inline-block;
        font-size: 14px;
        margin: 0 2px
    }

        nav#pagination .pagination li.prev, nav#pagination .pagination li.next {
            position: absolute;
            top: 0;
            left: 0
        }

        nav#pagination .pagination li.next {
            right: 0;
            left: auto
        }

        nav#pagination .pagination li a {
            border-width: 1px;
            border-style: solid;
            border-color: #e8e5e3;
            padding: 13px 20px;
            color: #ffb400;
            border-radius: 5px
        }

    html.no-touch nav#pagination .pagination li:not(.active) a:hover {
        color: #fff;
        border-color: #ffb400;
        background-color: #ffb400
    }

    nav#pagination .pagination li.prev, nav#pagination .pagination li.next {
        margin: 0
    }

    nav#pagination .pagination li.active a {
        font-weight: bold;
        color: #fff;
        border-color: #16100f;
        background-color: #16100f
    }

    nav.sitemap {
        overflow: hidden;
        height: 100%;
        position: relative
    }

        nav.sitemap ul {
            margin: 0;
            padding: 0 0 8px
        }

            nav.sitemap ul li {
                position: relative;
                display: block;
                padding: 0;
                margin: 0
            }

    .c1-bg nav.sitemap ul li a {
        color: #fff
    }

    html.no-touch .c1-bg nav.sitemap ul li a:hover {
        background-color: #f18c70
    }

    html.no-touch .c2-bg nav.sitemap ul li a:hover {
        background-color: #ffbc1a
    }

    html.no-touch .c3-bg nav.sitemap ul li a:hover {
        background-color: #342624
    }

    nav.sitemap ul li::before, nav.sitemap ul li::after {
        content: "";
        position: absolute;
        left: 0;
        display: block;
        background-color: #e8e5e3;
        transition: all 0.3s ease-in-out 0s
    }

    .c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after {
        background-color: #f18c70
    }

    .c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after {
        background-color: #533c38
    }

    nav.sitemap ul li::before {
        top: 0;
        bottom: 0;
        width: 1px;
        height: 100%
    }

    nav.sitemap ul li::after {
        top: 16px;
        width: 5px;
        height: 1px
    }

    html.no-touch nav.sitemap ul li a:hover {
        padding-left: 18px
    }

    html.no-touch nav.sitemap ul li:hover::after {
        width: 10px;
        background-color: #ddd8d5
    }

    html.no-touch .c1-bg nav.sitemap ul li:hover::after {
        background-color: #f5b19f
    }

    nav.sitemap ul ul {
        margin-left: 16px
    }

    nav.social {
        margin-bottom: 30px
    }

        nav.social ul {
            line-height: 0
        }

            nav.social ul li {
                display: inline-block;
                position: relative;
                margin: 0 6px 10px 0
            }

                nav.social ul li a {
                    position: relative;
                    display: block;
                    float: left;
                    text-indent: -9999px;
                    width: 40px;
                    height: 40px;
                    background-image: url("/images/icons/social.png");
                    background-repeat: no-repeat;
                    background-size: 40px auto;
                    border-radius: 50%
                }

                    nav.social ul li a::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        z-index: 5;
                        background-color: #000;
                        opacity: 0;
                        border-radius: 50%;
                        transition: all 0.3s ease-in-out 0s
                    }

    html.no-touch nav.social ul li a:hover::after {
        opacity: 0.25
    }

    nav.social ul li.facebook a {
        background-position: left top
    }

    nav.social ul li.twitter a {
        background-position: left -40px
    }

    nav.social ul li.linkedin a {
        background-position: left -80px
    }

    nav.social ul li.google_plus a {
        background-position: left -120px
    }

    nav.social ul li.pinterest a {
        background-position: left -160px
    }

    nav.social ul li.instagram a {
        background-position: left -200px
    }

    nav.social ul li.flickr a {
        background-position: left -240px
    }

    nav.social ul li.tumblr a {
        background-position: left -280px
    }

    nav.social ul li.vimeo a {
        background-position: left -320px
    }

    nav.social ul li.youtube a {
        background-position: left -360px
    }

    nav.social ul li.dribble a {
        background-position: left -400px
    }

    nav.social ul li.skype a {
        background-position: left -440px
    }

    nav.social ul li.rss a {
        background-position: left -480px
    }

    nav.social ul li.soundcloud a {
        background-position: left -560px
    }

    nav.social ul li.behance a {
        background-position: left -600px
    }

    .spc.quick-links .inner {
        padding-bottom: 15px !important
    }

    .quick-links ul li {
        margin: 5px 0
    }

        .quick-links ul li a {
            display: block;
            padding-left: 10px
        }

    .spc.quick-links ul li a::after {
        content: "\f125";
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 3px;
        left: 15px;
        display: block;
        font-size: 10px;
        color: #d5d5d5
    }

    @media (min-width: 992px) {
        html.no-touch .spc.quick-links ul li a:hover {
            padding-left: 13px
        }
    }

    nav.footer {
        padding: 80px 0 0
    }

        nav.footer ul {
            font-size: 13px
        }

            nav.footer ul li {
                display: block;
                padding: 10px 0
            }

                nav.footer ul li a, nav.footer ul li div {
                    display: inline;
                    padding: 0
                }

                nav.footer ul li.site-credit a {
                    font-weight: 700
                }

    @media (min-width: 768px) {
        nav.footer ul li {
            margin: 0 8px 0 0;
            padding: 0;
            display: inline-block
        }

            nav.footer ul li.site-credit {
                clear: both;
                display: block;
                padding: 40px 0 0
            }
    }

    .slick-prev, .slick-next {
        display: table
    }

        .slick-prev i, .slick-next i {
            position: relative;
            margin: 0 !important;
            display: block;
            text-align: center;
            display: table-cell;
            vertical-align: middle
        }

    .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        z-index: 200;
        background: none;
        border: 0 none;
        cursor: pointer;
        color: #ffb400;
        background-color: rgba(22,16,15,0.4);
        transform: translateY(-50%)
    }

    .slick-prev {
        left: 15px;
        border-radius: 0 5px 5px 0
    }

    .slick-next {
        right: 15px;
        border-radius: 5px 0 0 5px
    }

    .apc.banner .slick-prev, .apc.text-with-slideshow .slick-prev {
        left: 0
    }

    .apc.banner .slick-next, .apc.text-with-slideshow .slick-next {
        right: 0
    }

    html.no-touch .slick-prev:hover, html.no-touch .slick-next:hover {
        background-color: #16100f
    }

    .slick-prev i, .slick-next i {
        font-size: 15px
    }

    .apc.banner .slick-prev i, .apc.banner .slick-next i {
        font-size: 20px
    }

    ul.slick-dots {
        position: relative;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding-top: 15px;
        text-align: center
    }

    .apc.banner ul.slick-dots, .apc.text-with-slideshow ul.slick-dots {
        position: absolute;
        right: 0;
        bottom: 20px;
        left: 0;
        padding: 0
    }

    ul.slick-dots li {
        margin: 0 5px;
        display: inline-block;
        width: 12px;
        height: 12px
    }

    .text-left ul.slick-dots {
        left: 15px
    }

        .text-left ul.slick-dots li {
            float: left;
            margin-right: 10px;
            margin-left: 0
        }

    .text-right ul.slick-dots {
        right: 15px
    }

        .text-right ul.slick-dots li {
            float: right;
            margin-right: 0;
            margin-left: 10px
        }

    ul.slick-dots li button {
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background-color: rgba(22,16,15,0.4);
        transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s
    }

    ul.slick-dots li.slick-active

    button {
        background-color: #ffb400
    }

    .apc.banner ul.slick-dots li button, .apc.text-with-slideshow ul.slick-dots li button, .c1-bg ul.slick-dots li button, .c2-bg ul.slick-dots li button, .c3-bg ul.slick-dots li button {
        background-color: rgba(255,255,255,0.4)
    }

    .apc.banner ul.slick-dots li.slick-active button, .apc.text-with-slideshow ul.slick-dots li.slick-active button, .c1-bg ul.slick-dots li.slick-active button, .c2-bg ul.slick-dots li.slick-active button, .c3-bg ul.slick-dots li.slick-active button {
        background-color: #fff
    }

    @media (min-width: 0) and (max-width: 767px) {
        .apc.banner .slick-prev, .apc.banner .slick-next {
            top: auto;
            bottom: 0;
            transform: translateY(0)
        }
    }

    @media (min-width: 992px) {
        .apc.banner .slick-prev, .apc.banner .slick-next {
            width: 50px;
            height: 50px
        }
    }

    .spc {
        position: relative;
        height: 100%;
        margin-bottom: 30px
    }

    .apc .spc {
        margin-bottom: 0
    }

    .spc .overview {
        margin-bottom: 15px
    }

    .spc .outro {
        margin-top: 15px
    }

        .spc .overview .text :first-child, .spc .outro .text :first-child {
            margin-top: 0
        }

        .spc .overview .text :last-child, .spc .outro .text :last-child {
            margin-bottom: 0
        }

    body.standard-page .spc .overview .info, body.standard-page .spc .outro .info {
        width: 100% !important;
        float: none !important
    }

    .spc .heading.main {
        font-size: 25px;
        margin: 0
    }

    .spc .overview .heading.main + .text, .spc .outro .heading.main + .text {
        margin: 15px 0 0
    }

    .spc .item.items-1, .spc .item.items-2, .spc .item.items-3, .spc .item.items-4 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    @media (min-width: 768px) {
        .spc .heading.main {
            font-size: 30px
        }

        .container-fluid .spc {
            padding-right: 15px;
            padding-left: 15px
        }
    }

    @media (min-width: 992px) {
        .spc .heading.main {
            font-size: 35px
        }

        .item.items-2 {
            width: 50%
        }

        .item.items-3 {
            width: 33.33333%
        }

        .item.items-4 {
            width: 25%
        }

            .item.items-2:nth-of-type(2n+1), .item.items-3:nth-of-type(3n+1), .item.items-4:nth-of-type(4n+1) {
                clear: both
            }
    }

    @media (min-width: 1200px) {
        .spc .heading.main {
            font-size: 40px
        }
    }

    nav.tabs .nav {
        border: 0 none;
        font-size: 16px;
        font-weight: 700
    }

    .spc.listing nav.tabs {
        margin-bottom: 15px
    }

    .text-center nav.tabs .nav li, .text-right nav.tabs .nav li {
        display: inline-block;
        float: none
    }

    .text-center nav.tabs .nav li {
        margin: 0 -2px
    }

    .text-right nav.tabs .nav li {
        margin-right: -2px
    }

    .spc nav.tabs .nav li:first-child {
        margin-left: 0
    }

    .spc nav.tabs .nav li:last-child {
        margin-right: 0
    }

    nav.tabs .nav li a {
        padding: 10px 15px;
        background: none;
        min-width: 50px;
        border-width: 1px;
        border-color: #e8e5e3;
        background-color: #fff
    }

    html.no-touch nav.tabs .nav li:not(.active) a:hover {
        background-color: #e6e6e6
    }

    nav.tabs .nav li.active a {
        color: #16100f;
        border-bottom-color: #fff;
        background-color: #fff
    }

    .c1-bg nav.tabs .nav li.active a {
        background-color: #fff
    }

    .spc.tabbed .tab-content {
        padding: 15px;
        border-width: 1px;
        border-style: solid;
        border-color: #e8e5e3;
        border-radius: 0 5px 5px 5px
    }

    .spc.tabbed .tab-content {
        background-color: #fff
    }

    .c1-bg .spc.tabbed .tab-content {
        border-color: #fff
    }

    @media (min-width: 992px) {
        nav.tabs .nav {
            font-size: 18px
        }
    }

    .spc.accordion .panel-group {
        margin: 0
    }

    .spc.accordion .heading:not(.main) {
        margin: 5px 0 0;
        font-size: 16px
    }

        .spc.accordion .heading:not(.main) a {
            position: relative;
            display: block;
            padding: 15px 45px 15px 15px;
            background-color: #fff;
            border-width: 1px;
            border-style: solid;
            border-color: #e8e5e3;
            text-decoration: none !important;
            border-radius: 5px
        }

    html.no-touch .spc.accordion .heading:not(.main) a.collapsed:hover {
        background-color: #e6e6e6
    }

    .spc.accordion .heading:not(.main) a:not(.collapsed) {
        color: #16100f;
        border-radius: 5px 5px 0 0
    }

    .spc.accordion .heading:not(.main) i {
        font-size: 15px;
        position: absolute;
        top: 15px;
        right: 15px;
        color: #ec6642
    }

    .spc.accordion .heading:not(.main) a:not(.collapsed) i.ion-minus, .spc.accordion .heading:not(.main) a.collapsed i.ion-plus {
        display: block
    }

    .spc.accordion .heading:not(.main) a.collapsed i.ion-minus, .spc.accordion .heading:not(.main) a:not(.collapsed) i.ion-plus {
        display: none
    }

    .spc.accordion .panel-body {
        padding: 15px;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #e8e5e3;
        background-color: #fff;
        border-radius: 0 0 5px 5px
    }

    @media (min-width: 992px) {
        .spc.accordion .heading:not(.main) {
            font-size: 18px
        }
    }

    .spc.blockquotes .slides:nth-child(2) {
        padding-top: 15px
    }

    .spc.blockquotes .slides:nth-last-child(2) {
        padding-bottom: 15px
    }

    .spc.blockquotes .quotes .slides .item {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 15px
    }

    .spc.blockquotes .quotes .slides .item {
        padding: 0 15px
    }

    .spc.blockquotes .quotes .slides blockquote {
        padding-top: 30px
    }

    .spc.blockquotes blockquote p {
        font-size: 22px
    }

    @media (min-width: 480px) and (max-width: 991px) {
        .spc.blockquotes .row:not(.slides) .item {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .spc.blockquotes .row:not(.slides) .item:not(.items-1) {
                width: 50%
            }

            .spc.blockquotes .row:not(.slides) .item:nth-of-type(2n+1) {
                clear: both
            }
    }

    @media (min-width: 992px) {
        .spc.blockquotes blockquote {
            padding-top: 40px
        }

            .spc.blockquotes blockquote p {
                font-size: 28px
            }

            .spc.blockquotes blockquote cite {
                font-size: 14px
            }

            .spc.blockquotes blockquote::before {
                font-size: 40px
            }
    }

    @media (min-width: 1200px) {
        .spc.blockquotes blockquote p {
            font-size: 32px
        }
    }

    .spc.image img {
        display: block;
        overflow: hidden;
        max-width: 100%;
        height: auto
    }

    .spc.gallery .row:not(.overview):not(.outro), .spc.gallery .slides {
        padding-right: 13px;
        padding-left: 13px
    }

        .spc.gallery .slides:nth-child(2) {
            padding-top: 15px
        }

        .spc.gallery .slides:nth-last-child(2) {
            padding-bottom: 15px
        }

    .spc.gallery .item {
        padding: 2px;
        margin: 0
    }

        .spc.gallery .item, .spc.gallery .item a, .spc.gallery .item .overlayicon, .spc.gallery .item img {
            border-radius: 5px
        }

    .spc.gallery .slides .item {
        margin-top: 0;
        margin-bottom: 0
    }

    .spc.gallery .item .image {
        position: relative
    }

    @media (min-width: 480px) and (max-width: 991px) {
        .spc.gallery .row:not(.slides) .item {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .spc.gallery .row:not(.slides) .item:not(.items-1) {
                width: 50%
            }

            .spc.gallery .row:not(.slides) .item:nth-of-type(2n+1) {
                clear: both
            }
    }

    .spc.resources .list-group {
        margin: 0
    }

    .spc.resources .item {
        padding: 15px;
        border-radius: 5px;
        margin-top: 5px
    }

        .spc.resources .item:first-child {
            margin: 0
        }

    html.no-touch .spc.resources .item:hover {
        background-color: #e6e6e6
    }

    .spc.resources .item .heading {
        display: block;
        font-size: 16px;
        margin: 0
    }

        .spc.resources .item .heading i {
            font-size: 15px;
            color: #ec6642
        }

        .spc.resources .item .heading + .text {
            margin-top: 10px
        }

    .spc.resources .item .text :first-child {
        margin-top: 0
    }

    .spc.resources .item .text :last-child {
        margin-bottom: 0
    }

    .spc.resources .item .heading + .size, .spc.resources .item .text + .size {
        margin-top: 10px
    }

    .spc.resources .item .size {
        font-size: 12px
    }

    @media (min-width: 992px) {
        .apc .spc.resources .item {
            padding: 30px
        }
    }

    @media (min-width: 1200px) {
        .spc.resources .item .heading {
            font-size: 18px
        }
    }

    .spc.pricing-menu .head {
        padding: 10px 0 20px;
        margin-bottom: 10px;
        border-width: 0 0 2px;
        border-style: solid;
        border-color: #ec6642
    }

        .spc.pricing-menu .head .heading {
            margin: 0;
            font-size: 14px
        }

    .spc.pricing-menu .item {
        padding: 15px 0;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: #e8e5e3
    }

        .spc.pricing-menu .item:last-of-type {
            border: 0 none
        }

        .spc.pricing-menu .item .heading {
            text-transform: none;
            letter-spacing: 0;
            font-size: 16px;
            margin: 0 0 8px
        }

        .spc.pricing-menu .item .text p {
            margin: 0 0 5px;
            font-size: 90%;
            font-style: italic
        }

    .spc.pricing-menu .price p {
        margin: 5px 0 0
    }

    @media (min-width: 992px) {
        .spc.pricing-menu .item .heading {
            font-size: 18px
        }

        .spc.pricing-menu .item .price {
            text-align: right
        }

        .spc.pricing-menu .price p {
            margin: 0 0 10px
        }
    }

    .spc.textblock :first-child {
        margin-top: 0
    }

    .spc.textblock :last-child {
        margin-bottom: 0
    }

    .spc.umb-grid .container {
        width: 100%;
        padding: 0
    }

    .spc.umb-grid .grid-section > div + div {
        margin-top: 15px
    }

    @media (min-width: 0) and (max-width: 991px) {
        .spc.umb-grid .grid-section .column:first-of-type :first-child {
            margin-top: 0
        }

        .spc.umb-grid .grid-section .column:last-of-type :last-child {
            margin-bottom: 0
        }
    }

    @media (min-width: 992px) {
        .spc.umb-grid .grid-section > div + div {
            margin-top: 30px
        }

        .spc.umb-grid .grid-section .column :first-child {
            margin-top: 0
        }

        .spc.umb-grid .grid-section .column :last-child {
            margin-bottom: 0
        }
    }

    .promo-pods .item {
        position: relative;
        margin: 15px 0
    }

    html.no-touch .promo-pods .item a:hover .heading, html.no-touch .promo-pods .item a:hover .text {
        text-decoration: none
    }

    .promo-pods .item .image {
        margin: 0 0 15px
    }

    .promo-pods .alt .item .image {
        margin: 0
    }

    .promo-pods .item img {
        overflow: hidden
    }

    .promo-pods .alt .item .info {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: 15px;
        padding: 15px;
        background-color: rgba(236,102,66,0.8)
    }

    html.no-touch .promo-pods .alt .item a .info {
        background-color: rgba(236,102,66,0.3)
    }

    html.no-touch .promo-pods .alt .item a:hover .info {
        background-color: rgba(236,102,66,0.8)
    }

    .promo-pods .item .heading {
        display: block;
        margin: 0;
        font-size: 18px;
        text-decoration: none
    }

    .promo-pods .item .text {
        display: block;
        margin-top: 10px
    }

        .promo-pods .item .text :first-child {
            margin-top: 0
        }

        .promo-pods .item .text :last-child {
            margin-bottom: 0
        }

        .promo-pods .item .text a {
            display: inline
        }

    @media (min-width: 480px) and (max-width: 767px) {
        .promo-pods .item {
            width: 50% !important;
            float: left !important
        }
    }

    @media (min-width: 0) and (max-width: 991px) {
        .promo-pods .item:nth-of-type(2n+1) {
            clear: both
        }
    }

    @media (min-width: 992px) {
        .promo-pods .item .heading {
            font-size: 20px
        }
    }

    @media (min-width: 1200px) {
        .promo-pods .item .heading {
            font-size: 22px
        }
    }

    .listing {
        position: relative;
        height: 100%
    }

    .apc .listing {
        padding: 0;
        margin: 0
    }

    .listing .item {
        margin: 15px 0
    }

        .listing .item .image {
            margin-bottom: 15px
        }

        .listing .item .heading {
            display: block;
            font-size: 18px;
            margin: 0
        }

        .listing .item .text {
            display: block;
            margin-top: 10px
        }

            .listing .item .text :first-child {
                margin-top: 0
            }

            .listing .item .text :last-child {
                margin-bottom: 0
            }

            .listing .item .text a {
                display: inline
            }

        .listing .item .link {
            margin: 20px 0 0
        }

    @media (min-width: 0) and (max-width: 767px) {
        .spc.listing .item .pull-right {
            float: none;
            text-align: left
        }
    }

    @media (min-width: 580px) and (max-width: 991px) {
        .listing.grid .item {
            width: 50%
        }

            .listing.grid .item:nth-of-type(2n+1) {
                clear: both
            }
    }

    @media (min-width: 992px) {
        .listing .item .heading {
            font-size: 20px
        }
    }

    @media (min-width: 1200px) {
        .listing .item .heading {
            font-size: 22px
        }
    }

    .spc .meta {
        padding: 20px 0;
        margin-top: 40px;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #e8e5e3
    }

    .apc .spc .meta {
        margin-top: 0;
        border: 0 none
    }

    .meta a {
        display: inline
    }

    .listing div.meta {
        font-size: 12px
    }

    .meta .author-date {
        padding-bottom: 10px
    }

    .item div.meta {
        margin-top: 30px
    }

    div.meta .comments {
        padding-bottom: 10px
    }

    @media (min-width: 992px) {
        .listing.blog .item .heading {
            font-size: 20px
        }

        .spc .meta .comments, .spc .meta .categories {
            width: 50%;
            float: left
        }

        .spc .meta .categories {
            text-align: right
        }
    }

    @media (min-width: 1200px) {
        .listing.blog .item .heading {
            font-size: 24px
        }
    }

    .listing.vertical .item {
        margin: 30px 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #e8e5e3
    }

    .c1-bg .listing.vertical .item, .c3-bg .listing.vertical .item {
        border-color: rgba(255,255,255,0.1)
    }

    .c2-bg .listing.vertical .item, .c6-bg .listing.vertical .item {
        border-color: rgba(0,0,0,0.05)
    }

    .listing .item:last-of-type {
        border: 0 none !important
    }

    .listing.vertical .item .image {
        margin-top: -10px;
        margin-bottom: 5px
    }

    .listing.search {
        margin: 15px 0
    }

        .listing.search .item .heading + .link, .listing.search .item .text + .link {
            margin-top: 15px
        }

        .listing.search .item .link {
            margin-top: 10px;
            font-size: 13px
        }

    .spc.featured-blogs .listing {
        overflow: visible
    }

        .spc.featured-blogs .listing .item {
            padding: 0 15px
        }

    .spc.featured-blogs .item .image {
        margin-bottom: 15px
    }

    .spc.featured-blogs .item .heading {
        font-size: 18px;
        margin-top: 0
    }

    @media (min-width: 992px) {
        .spc.featured-blogs .item .heading {
            font-size: 25px
        }
    }

    @media (min-width: 1200px) {
        .spc.featured-blogs .item .heading {
            font-size: 30px
        }
    }

    .apc {
        position: relative;
        padding: 15px 15px;
        overflow: hidden;
        height: 100%
    }

        .apc.c1-bg:not([style^="background-image:"]):not(.map) + .apc.c1-bg:not([style^="background-image:"]):not(.map), .apc.c2-bg:not([style^="background-image:"]):not(.map) + .apc.c2-bg:not([style^="background-image:"]):not(.map), .apc.c3-bg:not([style^="background-image:"]):not(.map) + .apc.c3-bg:not([style^="background-image:"]):not(.map), .apc.c4-bg:not([style^="background-image:"]):not(.map) + .apc.c4-bg:not([style^="background-image:"]):not(.map), .apc.c5-bg:not([style^="background-image:"]):not(.map) + .apc.c5-bg:not([style^="background-image:"]):not(.map), .apc.c6-bg:not([style^="background-image:"]):not(.map) + .apc.c6-bg:not([style^="background-image:"]):not(.map) {
            padding-top: 0
        }

        .apc.pod-windows .container-fluid:first-child {
            margin-top: -15px
        }

        .apc.pod-windows .container-fluid:last-child {
            margin-bottom: -15px
        }

        .apc .overview {
            margin-bottom: 15px
        }

        .apc .outro {
            margin-top: 15px
        }

        .apc.no-padding .overview {
            margin-top: 15px
        }

        .apc.no-padding .outro {
            margin-bottom: 15px
        }

        .apc .overview .text :first-child, .apc .outro .text :first-child {
            margin-top: 0
        }

        .apc .overview .text :last-child, .apc .outro .text :last-child {
            margin-bottom: 0
        }

        .apc .overview.text-center .info, .apc .outro.text-center .info {
            margin-right: auto;
            margin-left: auto;
            float: none
        }

        .apc .overview.text-right .info, .apc .outro.text-right .info {
            float: right
        }

        .apc .image.video {
            position: relative
        }

        .apc.banner {
            padding: 0 !important
        }

        .apc.banner, .apc.promo-pods {
            margin: 0
        }

        .apc .heading.main {
            font-size: 30px;
            margin: 0
        }

        .apc .overview .heading.main + .text, .apc .outro .heading.main + .text {
            margin: 15px 0 0
        }

    @media (min-width: 768px) {

        .apc {
            padding: 30px 30px
        }

            .apc.pod-windows .container-fluid:first-child {
                margin-top: -30px
            }

            .apc.pod-windows .container-fluid:last-child {
                margin-bottom: -30px
            }

            .apc.no-padding .overview {
                margin-top: 30px
            }

            .apc.no-padding .outro {
                margin-bottom: 30px
            }
    }

    @media (min-width: 992px) {

        .apc {
            padding: 45px 45px
        }

            .apc.pod-windows .container-fluid:first-child {
                margin-top: -45px
            }

            .apc.pod-windows .container-fluid:last-child {
                margin-bottom: -45px
            }

            .apc.no-padding .overview {
                margin-top: 45px
            }

            .apc.no-padding .outro {
                margin-bottom: 45px
            }

            .apc .heading.main {
                font-size: 35px
            }

            .apc.banner:first-child .heading.main {
                font-size: 40px
            }
    }

    @media (min-width: 1200px) {
        .apc {
            padding: 60px 0
        }

            .apc.pod-windows .container-fluid:first-child {
                margin-top: -60px
            }

            .apc.pod-windows .container-fluid:last-child {
                margin-bottom: -60px
            }

            .apc.no-padding .overview {
                margin-top: 60px
            }

            .apc.no-padding .outro {
                margin-bottom: 60px
            }

            .apc .heading.main {
                font-size: 40px
            }

            .apc.banner:first-child .heading.main {
                font-size: 45px
            }
    }

    .apc.standard-components .spc {
        margin-bottom: 0
    }

    .apc.banner {
        overflow: hidden;
        height: auto;
        position: relative;
        z-index: 0
    }

        .apc.banner .item {
            position: relative;
            z-index: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover
        }

            .apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
                height: 35vh;
                min-height: 270px
            }

            .apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
                height: 50vh;
                min-height: 370px
            }

            .apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
                height: 100vh
            }

    body:not(.no-header) .apc.banner .item.takeover, body:not(.no-header) .apc.banner .item.takeover .container, body:not(.no-header) .apc.banner .item.takeover .row {
        height: 100vh;
        height: calc(100vh - 80px)
    }

    body.browser-ios:not(.no-header) .apc.banner .item.takeover, body.browser-ios:not(.no-header) .apc.banner .item.takeover .container, body.browser-ios:not(.no-header) .apc.banner .item.takeover .row {
        height: 100vh;
        height: calc(100vh - 148px)
    }

    body.browser-ios.no-header .apc.banner .item.takeover, body.browser-ios.no-header .apc.banner .item.takeover .container, body.browser-ios.no-header .apc.banner .item.takeover .row {
        height: 100vh;
        height: calc(100vh - 68px)
    }

    .apc.banner .item.overlay::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10
    }

    .apc.banner .item .image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body:not(.browser-ios) .apc.banner .item.parallax .image {
        background-attachment: fixed
    }

    .apc.banner .info {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: 100%;
        padding: 0
    }

        .apc.banner .info .heading.main {
            margin: 0
        }

            .apc.banner .info .heading.main + .text {
                margin-top: 5px
            }

        .apc.banner .info .text :first-child {
            margin-top: 0
        }

        .apc.banner .info .text :last-child {
            margin-bottom: 0
        }

        .apc.banner .info .heading.main + .link {
            margin: 20px 0 0
        }

        .apc.banner .info .text + .link {
            margin: 30px 0 0
        }

    .apc.banner .scroll-prompt {
        position: absolute;
        right: 0;
        bottom: 30px;
        left: 0;
        z-index: 100;
        width: 100%;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

        .apc.banner .scroll-prompt a {
            display: inline-block;
            width: 100%;
            height: 40px;
            margin: 0 auto;
            cursor: pointer;
            text-decoration: none !important
        }

            .apc.banner .scroll-prompt a i {
                font-size: 30px;
                line-height: 40px;
                display: block;
                padding: 0;
                margin: 0 0 0 2px
            }

        .apc.banner .scroll-prompt .mouse-scroll {
            position: relative;
            width: 21px;
            height: 35px;
            margin: 0 auto;
            border-width: 2px;
            border-style: solid;
            border-color: #fff;
            border-radius: 10px
        }

            .apc.banner .scroll-prompt .mouse-scroll::before {
                content: "";
                position: absolute;
                top: 10px;
                left: 7px;
                width: 3px;
                height: 6px;
                border-radius: 50%;
                background-color: #fff;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-duration: 1.25s;
                animation-duration: 1.25s;
                -webkit-animation-delay: 3s;
                animation-delay: 3s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown
            }

    @media (min-width: 768px) {
        .apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
            height: 40vh;
            min-height: 350px
        }

        .apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
            height: 60vh;
            min-height: 450px
        }

        .apc.banner .item.takeover, .apc.banner .item.takeover .container, .apc.banner .item.takeover .row {
            height: 100vh
        }

        body:not(.no-header) .apc.banner .item.takeover, body:not(.no-header) .apc.banner .item.takeover .container, body:not(.no-header) .apc.banner .item.takeover .row {
            height: 100vh;
            height: calc(100vh - 100px)
        }

        body.browser-ios:not(.no-header) .apc.banner .item.takeover, body.browser-ios:not(.no-header) .apc.banner .item.takeover .container, body.browser-ios:not(.no-header) .apc.banner .item.takeover .row {
            height: 100vh;
            height: calc(100vh - 126px)
        }

        body.browser-ios.no-header .apc.banner .item.takeover, body.browser-ios.no-header .apc.banner .item.takeover .container, body.browser-ios.no-header .apc.banner .item.takeover .row {
            height: 100vh;
            height: calc(100vh - 26px)
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        .apc.banner .info .table {
            padding-right: 40px;
            padding-left: 40px
        }
    }

    @media (min-width: 1200px) {
        .apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {
            min-height: 400px
        }

        .apc.banner .item.medium, .apc.banner .item.medium .container, .apc.banner .item.medium .row {
            min-height: 550px
        }

        .apc.banner .scroll-prompt a {
            height: auto;
            padding-bottom: 20px
        }

            .apc.banner .scroll-prompt a span {
                font-size: 9px;
                text-transform: uppercase;
                letter-spacing: 0.09em;
                display: block;
                margin-top: 15px;
                display: none
            }

            .apc.banner .scroll-prompt a i {
                font-size: 20px
            }
    }

    @media (min-width: 1500px) {
        body.fixed-width .apc.banner .item {
            background-size: 1500px auto
        }
    }

    .apc.banner .item .video .video-player {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        overflow: hidden;
        transform: translate(-50%, -50%)
    }

    .apc.cta-strip .overview {
        position: relative;
        margin-bottom: 0
    }

    .apc.cta-strip .link {
        margin-top: 30px
    }

    @media (min-width: 992px) {
        .apc.cta-strip .text-left .link, .apc.cta-strip .text-right .link {
            position: absolute;
            top: 50%;
            margin-top: 0;
            transform: translateY(-50%)
        }

        .apc.cta-strip .text-left .link {
            right: -315px
        }

        .apc.cta-strip .text-right .link {
            left: -315px
        }

            .apc.cta-strip .text-left .link .btn, .apc.cta-strip .text-right .link .btn {
                width: 212px
            }
    }

    @media (min-width: 1200px) {
        .apc.cta-strip .text-left .link .btn, .apc.cta-strip .text-right .link .btn {
            min-width: 262px
        }

        .apc.cta-strip .text-left .link {
            right: -380px
        }

        .apc.cta-strip .text-right .link {
            left: -380px
        }
    }

    .apc.text-with-slideshow .overlayicon {
        font-size: 60px
    }

    @media (min-width: 0) and (max-width: 991px) {
        .apc.text-with-slideshow .slides {
            margin-bottom: 15px
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .apc.text-with-slideshow.wide .slides {
            max-width: 720px;
            margin-right: auto;
            margin-left: auto
        }
    }

    @media (min-width: 992px) {
        .apc.text-with-slideshow.wide {
            padding: 0
        }

        .apc.text-with-slideshow .text-side {
            display: table
        }

        .apc.text-with-slideshow .info {
            padding-top: 0;
            display: table-cell;
            vertical-align: middle
        }

        .apc.text-with-slideshow.wide .info {
            padding: 45px 0
        }

        .apc.text-with-slideshow .overlayicon {
            font-size: 100px
        }

        .apc.text-with-slideshow:not(.wide) .pull-right .slides {
            margin-left: -15px
        }

        .apc.text-with-slideshow:not(.wide) .pull-left .slides {
            margin-right: -15px
        }

        .apc.text-with-slideshow.wide .slides {
            margin-right: -15px;
            margin-left: -15px
        }
    }

    @media (min-width: 1200px) {
        .apc.text-with-slideshow.wide .info {
            padding: 60px 0
        }

        .apc.text-with-slideshow .overlayicon {
            font-size: 140px
        }
    }

    @media (min-width: 0) and (max-width: 767px) {
        .apc.text-with-form .text-side + .form-side {
            margin-top: 15px
        }

        .apc.text-with-form .form-side + .text-side {
            margin-top: 15px
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .apc.text-with-form .text-side + .form-side {
            margin-top: 30px
        }

        .apc.text-with-form .form-side + .text-side {
            margin-top: 30px
        }
    }

    @media (min-width: 992px) {
        .apc.text-with-form .text-side {
            margin-top: 16px
        }
    }

    .apc.listing-with-form .listing .item {
        margin: 15px 0 0;
        position: relative
    }

    .apc.listing-with-form .listing .heading.main + .item {
        margin-top: 30px
    }

    .apc.listing-with-form .listing .item .heading {
        font-size: 18px
    }

    .apc.listing-with-form .listing.blog .item {
        padding-bottom: 15px
    }

    .apc.listing-with-form .listing .item .meta {
        margin: 15px 0 0
    }

    .apc.listing-with-form .listing .link {
        margin-top: 30px
    }

    @media (min-width: 0) and (max-width: 767px) {
        .apc.listing-with-form .listing-side + .form-side {
            margin-top: 15px
        }

        .apc.listing-with-form .form-side + .listing-side {
            margin-top: 15px
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .apc.listing-with-form .listing-side + .form-side {
            margin-top: 30px
        }

        .apc.listing-with-form .form-side + .listing-side {
            margin-top: 30px
        }
    }

    @media (min-width: 992px) {
        .apc.listing-with-form .listing-side {
            margin-top: 16px
        }

        .apc.listing-with-form .listing .item .heading {
            font-size: 20px
        }
    }

    @media (min-width: 1200px) {
        .apc.listing-with-form .listing .item .heading {
            font-size: 22px
        }
    }

    .apc.pod-windows .container-fluid {
        padding: 0
    }

    .apc.pod-windows .row.smaller-items {
        padding-right: 0
    }

    .apc.pod-windows .item {
        position: relative;
        overflow: hidden;
        margin: 10px 0;
        border-radius: 10px
    }

        .apc.pod-windows .item::before {
            content: "";
            display: block;
            padding-top: 100%;
            border-radius: 10px
        }

        .apc.pod-windows .item.half-item::before {
            padding-top: 50%
        }

        .apc.pod-windows .item, .apc.pod-windows .item .info, .apc.pod-windows .item .info .image {
            border-radius: 5px
        }

            .apc.pod-windows .item .info {
                overflow: hidden;
                position: absolute;
                top: 0;
                right: 15px;
                bottom: 0;
                left: 15px;
                z-index: 1;
                display: block;
                color: #555;
                text-decoration: none;
                background-repeat: no-repeat;
                background-position: center
            }

                .apc.pod-windows .item .info::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    transition: all 0.2s ease-in-out 0s
                }

                .apc.pod-windows .item .info .image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: -1;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover
                }

            .apc.pod-windows .item .table {
                position: relative;
                z-index: 5
            }

            .apc.pod-windows .item .heading {
                margin: 0
            }

                .apc.pod-windows .item .heading + .text {
                    margin-top: 5px
                }

            .apc.pod-windows .item .text :first-child {
                margin-top: 0
            }

            .apc.pod-windows .item .text :last-child {
                margin-bottom: 0
            }

            .apc.pod-windows .item .link {
                margin-bottom: 0
            }

            .apc.pod-windows .item .link {
                position: absolute;
                right: 0;
                bottom: 20px;
                left: 0;
                z-index: 201;
                width: 100%;
                transition: bottom 0.4s ease-in-out 0s, opacity 0.3s ease-in-out 0s
            }

    html.no-touch .apc.pod-windows .item a.info .link {
        bottom: -100%;
        opacity: 0
    }

    html.no-touch .apc.pod-windows .item a:hover .link {
        bottom: 20px;
        opacity: 1
    }

    .apc.pod-windows .item .info .overlayicon {
        background: none;
        font-size: 100px
    }

    @media (min-width: 0) and (max-width: 991px) {
        .apc.pod-windows .row.smaller-items {
            margin: 0;
            padding: 0
        }
    }

    @media (min-width: 580px) {
        .apc.pod-windows .item {
            margin: 15px 0
        }

            .apc.pod-windows .item.quarter-item {
                width: 50%
            }

            .apc.pod-windows .item.half-item::before {
                padding-top: 48.5%
            }

            .apc.pod-windows .item.quarter-item::before {
                padding-top: 97.5%
            }
    }

    @media (min-width: 992px) {
        .apc.pod-windows .row.smaller-items {
            margin: 0;
            padding: 0
        }

        .apc.pod-windows .full-item .heading {
            font-size: 30px
        }

        .apc.pod-windows .half-item .heading {
            font-size: 25px
        }

        .apc.pod-windows .quarter-item .heading {
            font-size: 20px
        }
    }

    @media (min-width: 1200px) {
        .apc.pod-windows .full-item .heading {
            font-size: 40px
        }

        .apc.pod-windows .half-item .heading {
            font-size: 30px
        }

        .apc.pod-windows .item .heading, .apc.pod-windows .item .text {
            max-width: 400px;
            margin-right: auto;
            margin-left: auto
        }

        .apc.pod-windows .item .link {
            bottom: 30px
        }

        .apc.pod-windows .item.full-item .overlayicon {
            font-size: 140px
        }
    }

    .swp {
        margin-bottom: 30px
    }

        .swp .item {
            position: relative;
            margin-bottom: 30px
        }

            .swp .item:last-child {
                margin-bottom: 0
            }

            .swp .item .heading a {
                text-decoration: none
            }

            .swp .item .heading i {
                font-size: 15px;
                display: none
            }

            .swp .item .link {
                margin-bottom: 0
            }

        .swp blockquote p {
            font-size: 16px
        }

    @media (min-width: 992px) {
        .swp blockquote p {
            font-size: 20px
        }
    }

    .swp .item.listing-pod .inner > .heading {
        margin-bottom: 30px
    }

    .swp .item.listing-pod .link {
        margin: 15px 0 0
    }

    .swp .listing {
        margin: 0;
        padding: 0
    }

        .swp .listing .item {
            margin: 0;
            padding: 0
        }

            .swp .listing .item::after {
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                margin: 10px 0 15px;
                background-color: #e8e5e3
            }

            .swp .listing .item:last-of-type::after {
                display: none
            }

            .swp .listing .item .heading {
                font-size: 16px
            }

            .swp .listing .item .meta {
                margin: 0;
                padding: 10px 0 0;
                font-size: 12px;
                border: 0 none
            }

    textarea {
        resize: none
    }

    fieldset {
        margin: 0 0 15px
    }

        fieldset.buttons {
            margin: 0
        }

    .heading.umbraco-forms-caption:not(.main) {
        color: inherit
    }

    legend {
        color: inherit;
        border-color: inherit;
        padding: 0 0 8px;
        margin: 10px 0 15px
    }

    .form-group {
        position: relative
    }

        .form-group.titleanddescription:not(:first-child) {
            margin-top: 30px
        }

        .form-group.titleanddescription:first-child .heading {
            margin-top: 0
        }

    label {
        position: relative;
        font-weight: normal;
        display: block
    }

    .radio label, .checkbox label {
        padding-left: 20px;
        margin-bottom: 5px
    }

    label em.req {
        font-style: normal;
        color: #a94442
    }

    .form-control {
        min-height: 40px;
        border-width: 1px;
        border-style: solid;
        border-color: #e8e5e3
    }

        .form-control:focus {
            border-color: #ec6642;
            box-shadow: 0 0 5px #ec6642
        }

    .form-group.uploadafile .form-control {
        padding-top: 5px
    }

    .radio label input[type="radio"], .checkbox label input[type="checkbox"] {
        top: 5px;
        left: 0;
        margin: 0
    }

    select, select option {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none
    }

    .form-group.dropdown .form-control {
        position: relative;
        z-index: 1;
        padding-top: 0;
        padding-bottom: 0;
        background: none
    }

    .form-group.dropdown::after {
        font-family: "Ionicons";
        content: "\f123";
        position: absolute;
        top: 30px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%;
        min-height: 40px;
        padding: 7px 15px 0 0;
        font-size: 15px;
        text-align: right;
        color: #555;
        background-color: #fff;
        box-sizing: border-box
    }

    .buttons .btn.prev + .btn.submit {
        float: right
    }

    .input-validation-error {
        border-color: #a94442
    }

        .input-validation-error:focus {
            border-color: #a94442;
            box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(169,68,66,0.5)
        }

    .field-validation-error {
        display: block;
        padding: 5px;
        font-size: 12px;
        background-color: #a94442;
        color: #fff
    }

    .validation-summary-errors {
        color: #a94442
    }

    .field-validation-valid {
        display: none
    }

    .validation-summary-valid {
        display: none
    }

    @media (min-width: 992px) {
        .form-control {
            padding: 15px
        }

        .form-control, .form-group.dropdown::after {
            min-height: 50px
        }

        .form-group.dropdown::after {
            padding: 15px 15px 0 0
        }

        .form-group.uploadafile .form-control {
            padding-top: 10px
        }
    }

    .site-search {
        position: relative;
        margin: 15px 0
    }

        .site-search fieldset {
            position: relative;
            pointer-events: all;
            margin: 0;
            padding: 0
        }

        .site-search .form-control {
            width: 100%;
            height: 40px;
            min-height: 40px
        }

    footer .site-search .form-control {
        text-align: center
    }

    .site-search button.btn {
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 25px;
        text-align: center;
        border: 0 none;
        border-radius: 0 3px 3px 0
    }

        .site-search button.btn i {
            font-size: 20px
        }

    .swp .newsletter.form label {
        display: none
    }

    .swp .newsletter.form .form-group::after {
        content: "*";
        position: absolute;
        top: 7px;
        right: 10px;
        z-index: 10;
        color: #a94442
    }

    @media (min-width: 992px) {
        .apc .form-side .form .form-group.col-xs-12 {
            width: 100%;
            float: none
        }
    }

    #comments {
        padding-top: 30px
    }

    .ajax-wrap {
        position: relative;
        width: 100%;
        height: 100%
    }

        .ajax-wrap .ajax-loading {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            background-color: rgba(255,255,255,0.9)
        }

            .ajax-wrap .ajax-loading .loading {
                margin: 0;
                position: relative;
                text-align: center;
                display: table;
                width: 100%;
                height: 100%
            }

                .ajax-wrap .ajax-loading .loading span.message {
                    display: table-cell;
                    width: 100%;
                    height: 100%;
                    text-indent: -9999px;
                    vertical-align: middle;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-image: url("/images/icons/loading-on-white.gif")
                }

    .cookie-notice {
        position: fixed;
        right: 0;
        bottom: -100%;
        left: 0;
        z-index: 1000;
        padding: 15px 0;
        opacity: 0;
        box-shadow: 0 0 15px 0 transparent;
        transition: bottom 1s ease-in-out 0.2s, opacity 0.75s ease-in-out 0.1s, box-shadow 1s ease-in-out 0.2s
    }

        .cookie-notice.open {
            bottom: 0;
            opacity: 1;
            box-shadow: 0 0 15px 0 rgba(0,0,0,0.05)
        }

        .cookie-notice .heading {
            margin: 0
        }

            .cookie-notice .heading + .text {
                margin-top: 5px
            }

        .cookie-notice .text :first-child {
            margin-top: 0
        }

        .cookie-notice .text :last-child {
            margin-bottom: 0
        }

        .cookie-notice p.link {
            margin: 15px 0 0
        }

    @media (min-width: 768px) {
        .cookie-notice p.link {
            margin: 0
        }

            .cookie-notice p.link a.btn {
                display: block
            }
    }

    iframe, object, embed {
        display: block
    }

    .inner {
        padding: 15px
    }

    .spc.quick-links .inner {
        padding-bottom: 5px
    }

    .has-borders {
        border-width: 1px;
        border-style: solid;
        border-radius: 5px
    }

    .has-border-top {
        border-width: 1px 0 0;
        border-style: solid
    }

    .has-border-bottom {
        border-width: 0 0 1px;
        border-style: solid
    }

    .rounded {
        border-radius: 5px
    }

    .item .table {
        margin: 0
    }

    .table-cell {
        padding: 30px
    }

    .item-square {
        padding-bottom: 100%
    }

        .item-square .info {
            max-width: 640px;
            margin: 0 auto;
            padding: 0
        }

        .item-square .inner {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

    div.table {
        display: table;
        width: 100%;
        height: 100%;
        margin: 0
    }

    div.table-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 0
    }

        div.table-cell.align-top {
            vertical-align: top;
            padding-top: 140px
        }

        div.table-cell.align-bottom {
            vertical-align: bottom;
            padding-bottom: 140px
        }

    .no-padding {
        padding: 0 !important
    }

    .no-padding-top {
        padding-top: 0 !important
    }

    .no-padding-bottom {
        padding-bottom: 0 !important
    }

    .padding-top {
        padding-top: 30px !important
    }

    .padding-bottom {
        padding-bottom: 30px !important
    }

    .short-padding {
        padding: 20px 0 !important
    }

    .short-padding-top {
        padding-top: 20px !important
    }

    .short-padding-bottom {
        padding-bottom: 20px !important
    }

    .no-margin {
        margin: 0 !important
    }

    .no-margin-top {
        margin-top: 0 !important
    }

    .no-margin-bottom {
        margin-bottom: 0 !important
    }

    .margin-top {
        margin-top: 30px !important
    }

    .margin-bottom {
        margin-bottom: 30px !important
    }

    .short-margin {
        margin: 20px 0 !important
    }

    .short-margin-top {
        margin-top: 20px !important
    }

    .short-margin-bottom {
        margin-bottom: 20px !important
    }

    .apc.map, .apc.map .wide-col, .apc.map .container-fluid .spc {
        padding: 0 !important
    }

    @media (max-width: 991px) {
        .item-square {
            padding-bottom: 75%
        }

        .apc.banner .item.short div.table-cell, .apc.banner .item.medium div.table-cell {
            padding: 0 !important
        }
    }

    @media (min-width: 768px) {
        .item-square {
            padding-bottom: 50%
        }

            .item-square .info {
                padding: 0
            }
    }

    @media (min-width: 992px) {
        .spc.quick-links .inner {
            padding-bottom: 10px
        }
    }

    @media (min-width: 1200px) {
        .container-fluid .item-square {
            padding-bottom: 35%
        }

        .spc.quick-links .inner {
            padding-bottom: 20px
        }
    }

    .image a {
        display: block;
        position: relative;
        overflow: hidden
    }

    .overlayicon {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 20;
        padding: 0;
        margin: 0;
        background-color: transparent;
        text-align: center;
        font-size: 40px;
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        opacity: 0;
        transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
    }

    .item.video-pod a .overlayicon, div.video a .overlayicon {
        background-color: rgba(0,0,0,0.25)
    }

    html.no-touch a:hover .overlayicon, .item.video-pod a .overlayicon, div.video a .overlayicon {
        opacity: 1
    }

    html.no-touch a:hover .overlayicon, html.no-touch .item.video-pod a:hover .overlayicon, html.no-touch div.video a:hover .overlayicon {
        background-color: rgba(0,0,0,0.75)
    }

    .overlayicon::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .masonry .overlayicon::before {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        top: 35%
    }

    @media (min-width: 992px) {
        .overlayicon {
            font-size: 50px
        }
    }

    @media (min-width: 1200px) {
        .overlayicon {
            font-size: 60px
        }
    }

    body.standard-page .spc + .spc.author-bio {
        margin-top: -30px
    }

    .author-bio {
        overflow: hidden;
        height: 100%
    }

        .author-bio nav.social {
            margin: 0
        }

        .author-bio p.heading {
            margin-bottom: 0
        }

        .author-bio .image {
            margin-top: 15px
        }

            .author-bio .image img {
                width: auto;
                max-width: 100%
            }

        .author-bio .info {
            padding: 15px 0
        }

            .author-bio .info p.heading {
                font-size: 16px
            }

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

    @media (min-width: 992px) {
        .author-bio .image {
            float: right;
            margin: 0 0 15px 30px
        }
    }

    table {
        width: 100%;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #e8e5e3;
        background-color: #fff
    }

    thead {
        color: #16100f;
        background-color: #f2f2f2
    }

    table th, table td {
        padding: 15px;
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #e8e5e3
    }

    table tr:nth-of-type(even) td, .tables table tr:nth-of-type(even) td, .tables .body .item:nth-of-type(even) {
        background-color: #fbfbfb
    }

    table th {
        font-weight: 500;
        font-size: 15px
    }

    table tr p:first-of-type {
        margin-top: 0
    }

    table tr p:last-of-type {
        margin-bottom: 0
    }