@charset "UTF-8";@-webkit-keyframes keyframes-rotate {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

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

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

.dzsparallaxer:not(.mode-oneelement) {
    height: 300px;
    overflow: hidden;
    background-color: #1c1a17;
    position: relative;
    transition-property: height;
    transition-duration: .3s;
    -moz-transition-property: height;
    -moz-transition-duration: .3s;
    -webkit-transition-property: height;
    -webkit-transition-duration: .3s;
    -o-transition-property: height;
    -o-transition-duration: .3s;
    -ms-transition-property: height;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target {
    position: relative
}

.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target.position-absolute {
    position: absolute;
    top: 0;
    left: 0
}

.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--blackoverlay {
    position: absolute;
    opacity: 0;
    background-color: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.dzsparallaxer:not(.mode-oneelement) .big-text {
    position: absolute;
    text-align: center;
    width: 80%;
    left: 10%;
    font-size: 40px;
    font-weight: 300;
    top: 70px;
    color: #eee;
    line-height: 1.5;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    opacity: .7
}

.dzsparallaxer:not(.mode-oneelement) .big-text .smaller {
    font-size: 60%
}

.dzsparallaxer:not(.mode-oneelement)>.container,.dzsparallaxer:not(.mode-oneelement)>.row,.dzsparallaxer:not(.mode-oneelement)>div,.dzsparallaxer:not(.mode-oneelement)>p {
    position: relative
}

.dzsparallaxer:not(.mode-oneelement) .center-it {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.dzsparallaxer:not(.mode-oneelement) .center-it-vertically {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 10px
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--] {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--] .display-block {
    display: block
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].top {
    bottom: auto;
    top: 0
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedY {
    transform: scaleY(-1)
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedX {
    transform: scaleX(-1)
}

.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedXY {
    transform: scale(-1,-1)
}

.dzsparallaxer.wait-readyall .dzsparallaxer--target {
    opacity: 0;
    transition-property: height,opacity;
    transition-duration: .5s;
    -moz-transition-property: height,opacity;
    -moz-transition-duration: .5s;
    -webkit-transition-property: height,opacity;
    -webkit-transition-duration: .5s;
    -o-transition-property: height,opacity;
    -o-transition-duration: .5s;
    -ms-transition-property: height,opacity;
    -ms-transition-duration: .5s;
    -ms-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.dzsparallaxer.mode-oneelement {
    position: relative
}

.dzsparallaxer.wait-readyall.dzsprx-readyall .dzsparallaxer--target {
    opacity: 1;
    visibility: visible
}

.dzsparallaxer.use-loading .dzsparallaxer--target {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity,visibility;
    transition-duration: .7s;
    -moz-transition-property: opacity,visibility;
    -moz-transition-duration: .7s;
    -webkit-transition-property: opacity,visibility;
    -webkit-transition-duration: .7s;
    -o-transition-property: opacity,visibility;
    -o-transition-duration: .7s;
    -ms-transition-property: opacity,visibility;
    -ms-transition-duration: .7s;
    -ms-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.dzsparallaxer.use-loading .preloader-semicircles {
    transition-property: all;
    transition-duration: .3s;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.dzsparallaxer.simple-parallax.use-loading .dzsparallaxer--target {
    opacity: 0;
    visibility: hidden
}

.dzsparallaxer.height-is-based-on-content {
    height: auto;
    padding: 0!important
}

.dzsparallaxer.height-is-based-on-content .dzs-container {
    padding: 45px 0
}

.dzsparallaxer.height-is-based-on-content .dzsparallaxer--target {
    position: absolute
}

.dzsparallaxer.height-is-based-on-content>div {
    position: relative
}

.dzsparallaxer.use-loading.loaded .dzsparallaxer--target {
    opacity: 1;
    visibility: visible
}

.dzsparallaxer.use-loading.loaded .preloader-semicircles {
    transform: translate3d(0,-50px,0);
    opacity: 0;
    visibility: hidden
}

.dzsparallaxer.allbody {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.divimage {
    background-size: cover;
    background-position: center center
}

.dzsparallaxer.is-ie-11 .simple-parallax-inner {
    clip: auto
}

.dzsparallaxer.is-ie-11 .simple-parallax-inner .divimage.dzsparallaxer--target {
    background-attachment: fixed;
    position: relative
}

.dzsparallaxer.simple-parallax {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.dzsparallaxer.simple-parallax .simple-parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0,auto,auto,0)
}

.dzsparallaxer.simple-parallax .dzsparallaxer--target {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.dzsparallaxer.simple-parallax .simple-parallax-inner.is-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: auto
}

.dzsparallaxer.simple-parallax .simple-parallax-inner.is-image>.divimage {
    position: absolute;
    background-attachment: fixed;
    background-repeat: no-repeat
}

.dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: auto
}

.dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner>.divimage {
    position: absolute;
    background-attachment: fixed
}

.dzsparallaxer.simple-parallax.simple-parallax--is-only-image.under-500 .simple-parallax-inner>.divimage {
    background-attachment: local
}

.blur-it {
    filter: blur(20px);
    -webkit-filter: blur(20px)
}

.dzsparallaxer div.semi-black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%)
}

.radial-bg {
    position: absolute
}

.color-white {
    color: #fff
}

.row-inline {
    font-size: 0
}

.row-inline .col-md-6 {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    float: none
}

.dzs-row-inline {
    font-size: 0
}

.dzs-row-inline .dzs-col-md-6 {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    float: none
}

@media (max-width: 992px) {
    .row-inline .col-md-6 {
        width:100%;
        margin-bottom: 15px;
        padding: 0 30px 15px
    }
}

.separator-black-grey path,.separator-black-grey polygon,.separator-black-grey polyline {
    fill: #222
}

.separator-white-grey path,.separator-white-grey polygon,.separator-white-grey polyline {
    fill: #ddd
}

.dzs-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    margin: 0 auto
}

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

.dzs-col-md-6 {
    width: 50%;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@-webkit-keyframes preloader-semicircles-tween {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@keyframes preloader-semicircles-tween {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

.preloader-semicircles {
    width: 15px;
    height: 15px;
    background: rgba(230,50,50,.9);
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .7;
    visibility: visible;
    pointer-events: none;
    margin-left: -15px;
    margin-right: -15px;
    animation: preloader-semicircles-tween 1.4s infinite linear;
    -webkit-animation: preloader-semicircles-tween 1.4s infinite linear
}

body .dzsparallaxer .preloader-semicircles {
    position: absolute
}

.preloader-semicircles:after {
    position: absolute;
    width: 25px;
    height: 25px;
    border-top: 5px solid #c83232;
    border-bottom: 5px solid #c83232;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-radius: 25px;
    content: '';
    top: -10px;
    left: -10px;
    box-sizing: content-box
}

.center-it {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.dzs-colcontainer {
    margin-left: -15px;
    margin-right: -15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dzs-colcontainer-w {
    width: 1230px;
    padding: 0 30px;
    max-width: 100%;
    min-height: 1px
}

.dzs-colcontainer.row-inline {
    font-size: 0
}

.dzs-colcontainer.row-inline [class*=dzs-col-] {
    float: none;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle
}

.dzs-colcontainer:after {
    display: block;
    content: "";
    clear: both
}

[class*=dzs-col-] {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.dzs-col-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.dzs-col-4 {
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px
}

.dzs-col-8 {
    width: 66.6%;
    padding-left: 15px;
    padding-right: 15px
}

.dzs-col-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.dzs-col-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.dzsparallaxer--team-members-con {
    width: 70%;
    max-width: 1100px;
    margin: 0 auto
}

.dzsparallaxer.under-760 .dzsparallaxer--team-members-con {
    width: 100%
}

.dzsparallaxer--team-member-con {
    text-align: center
}

.dzsparallaxer--team-member-con img {
    max-width: 100%
}

.dzsparallaxer--team-member-con .team-member--title {
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 1;
    font-size: 15px
}

.dzsparallaxer--team-member-con .team-member--subtitle {
    opacity: .5;
    margin-top: 10px;
    line-height: 1.5;
    background-color: #fff;
    color: #111;
    padding: 5px
}

.center-it {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.black-leg-bar {
    height: 2px;
    left: -20px;
    background-color: #222;
    width: 40px
}

.white-leg-bar {
    height: 2px;
    left: -20px;
    background-color: #fff;
    width: 40px
}

.dark-grey-box,.darker-grey-box,.light-grey-box,.lighter-grey-box,.white-white-box {
    background-color: #ccc;
    color: #222;
    padding: 20px;
    font-size: 17px;
    line-height: 1.8
}

.dark-grey-box {
    background-color: #444;
    color: #fff
}

.darker-grey-box {
    background-color: #333;
    color: #fff
}

.lighter-grey-box {
    background-color: #ddd
}

.offset-left-10px {
    margin-left: -10px
}

.offset-right-10px {
    margin-right: -10px
}

.white-white-box {
    background-color: #fff
}

.dzsparallaxer.blockquote-box {
    padding: 25px 30px 20px;
    font-size: 23px;
    font-weight: 300;
    font-style: italic
}

.dzsparallaxer.blockquote-box p:last-child {
    margin-bottom: 0
}

.dzsparallaxer.blockquote-box:after,.dzsparallaxer.blockquote-box:before {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"> <g> <path d="M13.645,8.35c-2.256,2.016-3.384,4.068-3.384,6.156c0,2.088,0.864,3.733,2.592,4.932c-0.048,1.152-0.444,2.124-1.188,2.916 c-0.745,0.792-1.645,1.188-2.7,1.188c-2.64,0-3.96-1.439-3.96-4.319c0-1.968,0.731-4.115,2.196-6.444 c1.464-2.328,3.348-4.14,5.651-5.436L13.645,8.35z M24.085,8.35c-2.257,2.016-3.384,4.068-3.384,6.156 c0,2.088,0.864,3.733,2.592,4.932c-0.049,1.152-0.444,2.124-1.188,2.916c-0.745,0.792-1.646,1.188-2.7,1.188 c-2.641,0-3.96-1.439-3.96-4.319c0-1.968,0.73-4.115,2.195-6.444c1.464-2.328,3.349-4.14,5.652-5.436L24.085,8.35z"/> </g> </svg>');
    position: absolute;
    top: 5px;
    left: 5px;
    width: 22px;
    height: 22px;
    opacity: .5
}

.dzsparallaxer.blockquote-box:after {
    content: "";
    top: auto;
    left: auto;
    right: 5px;
    bottom: 5px;
    transform: scaleX(-1)
}

.scroller-con {
    position: relative;
    width: 100%;
    height: 200px;
    opacity: 0;
    transition-property: opacity,visibility,top;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: opacity,visibility,top;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: opacity,visibility,top;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: opacity,visibility,top;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: opacity,visibility,top;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con .scroller {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.scroller-con .scroller .inner {
    position: absolute!important
}

.scroller-con .scroller .real-inner {
    position: absolute;
    top: 0;
    left: 0
}

.scroller-con .scrollbar .scrollbary.animatetoptoo {
    transition-property: opacity,visibility,top;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: opacity,visibility,top;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: opacity,visibility,top;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: opacity,visibility,top;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: opacity,visibility,top;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.scroller-con .scroller::-webkit-scrollbar {
    display: none
}

.scroller-con.safe {
    opacity: 1
}

.scroller-con.type-scrollTop {
    overflow: hidden;
    height: auto
}

.scroller-con.type-scrollTop .scrollbary,.scroller-con.type-scrollTop .scrollbary_bg {
    position: fixed
}

.scroller-con.dzsscr-inited {
    opacity: 1
}

.inner.inner-for-horizontal {
    white-space: nowrap;
    width: auto
}

.inner.inner-for-horizontal>img {
    max-width: none
}

.scroller-con.auto-height {
    height: auto
}

.scroller-con.auto-height .scroller {
    position: relative;
    height: auto
}

.scroller-con.auto-height .scroller .inner {
    position: relative!important;
    display: inline-block
}

.scroller-con.auto-height .scroller .real-inner {
    position: relative;
    top: 0;
    left: 0
}

.scroller-con.auto-height .scroller::-webkit-scrollbar {
    display: none
}

.scroller-con.overflow-visible .scroller {
    overflow: visible
}

.scroller-con.overflow-x-visible .scroller {
    overflow: visible;
    overflow-y: hidden;
    overflow-x: visible
}

.scroller-con.easing .inner {
    transition-property: left,top;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: left,top;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: left,top;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: left,top;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: left,top;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.scroller-con .scrollbar.easing>* {
    transition-property: left,top;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    -moz-transition-property: left,top;
    -moz-transition-duration: .7s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: left,top;
    -webkit-transition-duration: .7s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: left,top;
    -o-transition-duration: .7s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: left,top;
    -ms-transition-duration: .7s;
    -ms-transition-timing-function: ease-out
}

.scroller-con .scrollbary {
    position: absolute;
    cursor: pointer
}

.scroller-con .scrollbary_bg {
    position: absolute;
    cursor: pointer
}

.scroller-con .scrollbarx {
    position: absolute;
    cursor: pointer
}

.scroller-con .scrollbarx_bg {
    position: absolute;
    cursor: pointer
}

.scroller-con.swipe-enabled {
    cursor: move;
    cursor: -moz-grab;
    cursor: grab;
    cursor: url(styleimg/openhand.cur) 4 4,move
}

.scroller-con.swipe-enabled.closedhand {
    cursor: url(styleimg/closedhand.cur) 4 4,move
}

.scroller-con.skin_default .scrollbarx {
    width: 60px;
    height: 7px;
    left: 0;
    bottom: -10px;
    background: #5896c6;
    border-radius: 2px
}

.scroller-con.skin_default .scrollbarx_bg {
    height: 7px;
    left: 0;
    bottom: -10px;
    background: #eee;
    border-radius: 5px
}

.scroller-con.skin_default .scrollbary {
    width: 10px;
    height: 60px;
    top: 0;
    right: -11px;
    background: #5896c6;
    border-radius: 2px
}

.scroller-con.skin_default .scrollbary_bg {
    width: 10px;
    top: 0;
    right: -11px;
    background: #eee;
    border-radius: 5px
}

.scroller-con.dir-ver .scroller {
    width: calc(100% - 16px)
}

.scroller-con.skin_apple.dir-ver .scroller {
    width: 100%
}

.scroller-con.skin_alternate {
    margin-bottom: 40px
}

.scroller-con.skin_alternate .scrollbarx {
    width: 200px;
    height: 30px;
    left: 0;
    bottom: -30px;
    background: #ff0
}

.scroller-con.skin_alternate .scrollbarx_bg {
    height: 30px;
    left: 0;
    bottom: -30px;
    background: #000
}

.scroller-con.skin_alternate .scrollbary {
    width: 7px;
    height: 60px;
    top: 0;
    right: -10px;
    background: transparent url(styleimg/scroller1.png)
}

.scroller-con.skin_alternate .scrollbary_bg {
    width: 7px;
    top: 0;
    right: -10px;
    background: #eee
}

.scroller-con.skin_blackwhite {
    margin-top: 30px
}

.scroller-con.skin_blackwhite .scrollbarx {
    position: absolute;
    width: 35px;
    height: 10px;
    left: 0;
    top: -15px;
    background: url(styleimg/s3scrollerx.png);
    cursor: pointer
}

.scroller-con.skin_blackwhite .scrollbarx_bg {
    position: absolute;
    height: 1px;
    left: 0;
    top: -10px;
    background: #eee;
    cursor: pointer
}

.scroller-con.skin_blackwhite .scrollbary {
    width: 10px;
    height: 35px;
    top: 0;
    right: -15px;
    background: url(styleimg/s3scrollery.png)
}

.scroller-con.skin_blackwhite .scrollbary_bg {
    position: absolute;
    width: 1px;
    top: 0;
    right: -10px;
    background: #fff;
    cursor: pointer
}

.scroller-con.skin_progress .scrollbarx {
    width: 60px;
    height: 19px;
    left: 0;
    bottom: -20px;
    background-image: url(styleimg/progress.png);
    border-radius: 15px
}

.scroller-con.skin_progress .scrollbarx_bg {
    height: 19px;
    left: 0;
    bottom: -20px;
    background: #191d21;
    border-radius: 15px;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_progress .scrollbary {
    width: 19px;
    height: 60px;
    top: 0;
    right: -28px;
    background-image: url(styleimg/progressy.png);
    border-radius: 15px
}

.scroller-con.skin_progress .scrollbary_bg {
    width: 19px;
    top: 0;
    right: -28px;
    background: #191d21;
    border-radius: 15px;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_progressbox .scrollbarx {
    width: 60px;
    height: 19px;
    left: 0;
    bottom: -16px;
    background-image: url(styleimg/progressblue.png)
}

.scroller-con.skin_progressbox .scrollbarx_bg {
    height: 19px;
    left: 0;
    bottom: -16px;
    background: #191d21;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_progressbox .scrollbary {
    width: 19px;
    height: 60px;
    top: 0;
    right: -28px;
    background-image: url(styleimg/progressy.png);
    border-radius: 15px
}

.scroller-con.skin_progressbox .scrollbary_bg {
    width: 19px;
    top: 0;
    right: -28px;
    background: #191d21;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_slider .scrollbarx {
    width: 60px;
    height: 7px;
    left: 0;
    bottom: -10px;
    background: #5896c6;
    border-radius: 2px
}

.scroller-con.skin_slider .scrollbarx_bg {
    height: 7px;
    left: 0;
    bottom: -10px;
    background: #eee;
    border-radius: 5px
}

.scroller-con.skin_slider .scrollbary {
    width: 30px;
    height: 30px;
    top: 0;
    right: -30px;
    background-image: url(styleimg/handle.png);
    background-repeat: no-repeat;
    background-position: center center
}

.scroller-con.skin_slider .scrollbary_bg {
    width: 7px;
    top: 0;
    right: -18px;
    background: #282a31;
    border-radius: 15px;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_slider.scrollbars-inset .scrollbary {
    right: 0
}

.scroller-con.skin_slider.scrollbars-inset .scrollbary_bg {
    right: 0
}

.scroller-con.skin_slider.scrollbars-inset .scrollbarx {
    bottom: 0
}

.scroller-con.skin_slider.scrollbars-inset .scrollbarx_bg {
    bottom: 10px
}

.scroller-con.skin_slider .scrollbarx {
    width: 30px;
    height: 30px;
    left: 0;
    bottom: -31px;
    background-color: transparent;
    background-image: url(styleimg/handle.png);
    background-repeat: no-repeat;
    background-position: center center
}

.scroller-con.skin_slider .scrollbarx_bg {
    height: 7px;
    left: 0;
    bottom: -20px;
    background: #282a31;
    border-radius: 15px;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_slider .scrollbary {
    width: 30px;
    height: 30px;
    top: 0;
    right: -30px;
    background-image: url(styleimg/handle.png);
    background-repeat: no-repeat;
    background-position: center center
}

.scroller-con.skin_slider .scrollbary_bg {
    width: 7px;
    top: 0;
    right: -18px;
    background: #282a31;
    border-radius: 15px;
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_timeline .scrollbar {
    opacity: 0
}

.scroller-con.skin_timeline .scrollbarx {
    width: 17px;
    height: 17px;
    left: 0;
    bottom: 7px;
    background-color: transparent;
    background-image: url(styleimg/skin_timeline_handle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.scroller-con.skin_timeline .scrollbarx_bg {
    height: 30px;
    left: 0;
    bottom: 0;
    background-image: url(styleimg/skin_timeline_bg.png);
    background-position: center center;
    background-repeat: repeat-x;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_timeline .scrollbary {
    width: 30px;
    height: 30px;
    top: 0;
    right: -30px;
    background-image: url(styleimg/handle.png);
    background-repeat: no-repeat;
    background-position: center center
}

.scroller-con.skin_timeline .scrollbary_bg {
    width: 7px;
    top: 0;
    right: -18px;
    background: #282a31;
    border-radius: 15px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.scroller-con.skin_royale {
    margin-bottom: 30px
}

.scroller-con.skin_royale .scrollbarx_bg,.scroller-con.skin_royale .scrollbary_bg {
    background-color: #1c1a17;
    border-radius: 3px
}

.scroller-con.skin_royale .scrollbarx,.scroller-con.skin_royale .scrollbary {
    background-color: #363330;
    border-radius: 3px
}

.scroller-con.skin_royale .scrollbarx_bg {
    height: 14px;
    top: auto;
    bottom: -24px
}

.scroller-con.skin_royale .scrollbarx {
    width: 50px;
    height: 14px;
    top: auto;
    bottom: -24px
}

.scroller-con.skin_royale .scrollbary_bg {
    width: 14px;
    left: auto;
    right: -24px
}

.scroller-con.skin_royale .scrollbary {
    width: 14px;
    left: auto;
    right: -24px;
    height: 50px
}

.scroller-con.skin_apple .scrollbarx {
    width: 90px;
    height: 8px;
    left: 0;
    bottom: -15px;
    background: rgba(0,0,0,.5);
    border-radius: 10px
}

.scroller-con.skin_apple .scrollbarx_bg {
    height: 0
}

.scroller-con.skin_apple .scrollbary {
    width: 8px;
    height: 90px;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    border-radius: 10px
}

.scroller-con.skin_apple .scrollbary_bg {
    width: 8px;
    right: 0;
    background: rgba(255,255,255,0);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.scroller-con.skin_apple .scrollbar.dragging .scrollbary_bg,.scroller-con.skin_apple .scrollbar:hover .scrollbary_bg {
    background: rgba(255,255,255,.3)
}

.scroller-con.skin_bigblue {
    margin-bottom: 30px
}

.scroller-con.skin_bigblue .scrollbary {
    width: 20px;
    background: #59c8ef;
    opacity: .2;
    border-radius: 0;
    height: 350px
}

.scroller-con.skin_bigblue .scrollbary_bg {
    opacity: 0;
    border-radius: 0
}

.scroller-con.skin_bigblue .scrollbarx {
    width: 350px;
    background: #59c8ef;
    opacity: .2;
    border-radius: 0;
    height: 20px;
    top: 100%;
    bottom: auto;
    margin-top: 5px
}

.scroller-con.skin_bigblue .scrollbax_bg {
    opacity: 0;
    border-radius: 0;
    top: 100%;
    bottom: auto;
    margin-top: 5px
}

.scroller-con.skin_luna {
    margin-bottom: 30px
}

.scroller-con.skin_luna .scrollbary {
    width: 20px;
    background: #59c8ef;
    opacity: .2;
    border-radius: 0;
    height: 350px
}

.scroller-con.skin_luna .scrollbary_bg {
    opacity: 0;
    border-radius: 0
}

.scroller-con.skin_luna .scrollbarx {
    width: 100px;
    background: #fafafa;
    opacity: 1;
    border-radius: 0;
    height: 16px;
    top: 100%;
    bottom: auto;
    margin-top: 7px;
    margin-left: 2px
}

.scroller-con.skin_luna .scrollbarx svg.arrow-left,.scroller-con.skin_luna .scrollbarx svg.arrow-right {
    width: 5px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 6px
}

.scroller-con.skin_luna .scrollbarx svg.arrow-left path,.scroller-con.skin_luna .scrollbarx svg.arrow-right path {
    fill: #555
}

.scroller-con.skin_luna .scrollbarx svg.arrow-right {
    right: 6px;
    left: auto;
    transform: scaleX(-1)
}

.scroller-con.skin_luna .scrollbarx_bg {
    opacity: 1;
    border-radius: 0;
    background-color: rgba(50,50,50,.1);
    height: 20px;
    top: 100%;
    bottom: auto;
    margin-top: 5px
}

.scroller-con.skin_cerc {
    margin-bottom: 30px
}

.scroller-con.skin_cerc .scrollbary {
    width: 20px;
    background: #59c8ef;
    opacity: .2;
    border-radius: 0;
    height: 350px
}

.scroller-con.skin_cerc .scrollbary_bg {
    opacity: 0;
    border-radius: 0
}

.scroller-con.skin_cerc .scrollbarx {
    width: 22px;
    background: #444;
    opacity: 1;
    border-radius: 50%;
    height: 22px;
    top: 100%;
    bottom: auto;
    margin-top: 7px;
    margin-left: 2px
}

.scroller-con.skin_cerc .scrollbarx svg.arrow-left,.scroller-con.skin_cerc .scrollbarx svg.arrow-right {
    width: 3px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 5px
}

.scroller-con.skin_cerc .scrollbarx svg.arrow-left path,.scroller-con.skin_cerc .scrollbarx svg.arrow-right path {
    fill: #e5c100
}

.scroller-con.skin_cerc .scrollbarx svg.arrow-right {
    right: 5px;
    left: auto;
    transform: scaleX(-1)
}

.scroller-con.skin_cerc .scrollbarx_bg {
    opacity: 1;
    border-radius: 0;
    background-color: rgba(50,50,50,.1);
    height: 1px;
    top: 100%;
    bottom: auto;
    margin-top: 18px
}

.scroller-con.place-scrollbar-left .scrollbary,.scroller-con.place-scrollbar-left .scrollbary_bg {
    left: auto;
    right: 100%
}

body.scroller-con {
    overflow: hidden!important;
    margin-top: 0!important
}

body.scroller-con .inner {
    width: 100%
}

body.scroller-con.skin_blackwhite .scrollbary {
    right: 0
}

body.scroller-con.skin_blackwhite .scrollbary_bg {
    right: 5px
}

.preloader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    background: #fff url(styleimg/preloader.gif) center no-repeat
}

.fullwidth {
    width: 100%
}

.fullheight {
    height: 100%
}

.advancedscroller {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.advancedscroller * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.advancedscroller>.items {
    display: none
}

.advancedscroller-con {
    position: relative;
    width: 100%
}

.advancedscroller {
    position: relative;
    width: 100%;
    min-height: 50px;
    margin-bottom: 10px
}

.advancedscroller .item-tobe {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative
}

.advancedscroller .item .feed-description,.advancedscroller .item-tobe .feed-description {
    display: none
}

.advancedscroller .item .description-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 400px
}

.advancedscroller .item .description-wrapper .description-wrapper--icon-con {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .item .description-wrapper .description-wrapper--icon-con>i {
    font-size: 18px;
    color: #fff;
    font-family: FontAwesome,arial,serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .item .description-wrapper .description-wrapper--icon-con>i.fa-times {
    opacity: 0;
    font-size: 18px
}

.advancedscroller .item .description-wrapper .description-wrapper--text {
    white-space: normal;
    background-color: #fff;
    padding: 30px;
    line-height: 1.8;
    position: absolute;
    right: 40px;
    bottom: 0;
    width: calc(100% - 40px);
    opacity: 0;
    visibility: hidden;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .item .description-wrapper .description-wrapper--text h4 {
    font-family: Lato,arial,serif;
    font-size: 25px;
    color: #212121;
    margin: 7px 0 17px;
    font-weight: 900;
    line-height: 1
}

.advancedscroller .item .description-wrapper .description-wrapper--text p {
    line-height: 1.92;
    margin-bottom: 2px;
    color: #444
}

.advancedscroller .item .description-wrapper:hover .description-wrapper--icon-con {
    background-color: #e74c3c
}

.advancedscroller .item .description-wrapper.active .description-wrapper--text {
    opacity: 1;
    visibility: visible
}

.advancedscroller .item .description-wrapper.active .description-wrapper--icon-con {
    background-color: #e74c3c
}

.advancedscroller .item .description-wrapper.active i.fa-info {
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px)
}

.advancedscroller .item .description-wrapper.active i.fa-times {
    opacity: 1;
    filter: blur(0);
    -webkit-filter: blur(0)
}

.advancedscroller .loaded .item {
    position: relative
}

.advancedscroller ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.advancedscroller ul>li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.advancedscroller ul:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both
}

.advancedscroller .thumbsCon {
    display: block;
    overflow: hidden;
    position: relative;
    height: auto;
    transition-property: height;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: height;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: height;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: height;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: height;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .bulletsCon {
    display: block;
    position: relative;
    z-index: 4
}

.advancedscroller .bulletsCon:after {
    display: block;
    content: " ";
    clear: both
}

.advancedscroller .thumbsClip {
    position: relative;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transition-property: left;
    transition-duration: .9s;
    transition-timing-function: ease-out;
    -moz-transition-property: left;
    -moz-transition-duration: .9s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    -webkit-transition-duration: .9s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: left;
    -o-transition-duration: .9s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -ms-transition-duration: .9s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.1);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.1);
    -ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.1);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.1);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.1)
}

.advancedscroller .thumbsClip>* {
    display: inline-block;
    float: none;
    vertical-align: top
}

.advancedscroller .the-thumb-con {
    position: relative
}

.advancedscroller .item .the-thumb {
    width: 100%;
    height: 100%;
    background-size: cover
}

.advancedscroller .item p:empty {
    display: none
}

.advancedscroller .item.needs-loading:not(.loaded) {
    height: 10px
}

.advancedscroller.with-shadow {
    margin-bottom: 35px
}

.advancedscroller.item-padding-30 .thumbsClip>.item {
    padding-left: 15px;
    padding-right: 15px
}

.advancedscroller.with-shadow:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 33px;
    background-image: url(img/shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top
}

.advancedscroller.no-need-for-nav .bulletsCon {
    display: none
}

.advancedscroller.no-need-for-nav .arrowsCon {
    display: none
}

.advancedscroller:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both
}

.advancedscroller.from-zoomfolio {
    overflow: visible
}

.advancedscroller.from-zoomfolio .items {
    display: none
}

img.fullwidth {
    width: 100%;
    display: block
}

@-webkit-keyframes preloader-semicircles-tween {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@keyframes preloader-semicircles-tween {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

.advancedscroller .preloader,.advancedscroller .preloader-squares1 {
    width: 128px;
    height: 40px;
    background: transparent url(img/preloader.gif) center center no-repeat;
    margin-left: -64px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    left: 50%
}

.advancedscroller .preloader-semicircles {
    width: 30px;
    height: 30px;
    background: rgba(230,230,230,.9);
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-right: -15px;
    animation: preloader-semicircles-tween 1.4s infinite linear;
    -webkit-animation: preloader-semicircles-tween 1.4s infinite linear
}

.advancedscroller .preloader-semicircles:after {
    position: absolute;
    width: 50px;
    height: 50px;
    border-top: 10px solid rgba(200,200,200,.5);
    border-bottom: 10px solid rgba(200,200,200,.5);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-radius: 50px;
    content: '';
    top: -20px;
    left: -20px;
    box-sizing: content-box
}

.advancedscroller .bulletsCon {
    height: 20px;
    text-align: center;
    margin: 15px auto;
    cursor: pointer
}

.advancedscroller .thumbsClip>* {
    padding: 0 10px;
    transition-property: border,padding,opacity,visibility;
    transition-duration: .5s;
    transition-timing-function: ease-out;
    -moz-transition-property: border,padding,opacity,visibility;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: border,padding,opacity,visibility;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: border,padding,opacity,visibility;
    -o-transition-duration: .5s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: border,padding,opacity,visibility;
    -ms-transition-duration: .5s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .thumbsClip>.last-in-row {
    border-right: 1px solid transparent
}

.advancedscroller .thumbsClip>:last-child {
    border-right: 1px solid transparent
}

.advancedscroller .arrowsCon>.arrow-left,.advancedscroller .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/arrow-left.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 5px;
    top: 45%;
    margin-top: -15px;
    cursor: pointer;
    opacity: .69;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: opacity;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: opacity;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .arrowsCon>.arrow-right {
    background-image: url(img/arrow-right.png);
    left: auto;
    right: 5px;
    top: 45%
}

.advancedscroller .arrowsCon>.arrow-left:hover,.advancedscroller .arrowsCon>.arrow-right:hover {
    opacity: 1
}

.advancedscroller .bulletsCon span.bullet {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-image: url(img/bullet.png);
    display: inline-block;
    margin-right: 3px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .bulletsCon span.bullet:hover {
    background-position: 0 100%
}

.advancedscroller .bulletsCon span.bullet.active {
    background-position: 0 100%
}

.advancedscroller .name {
    text-align: center;
    margin-top: 10px
}

.advancedscroller .price {
    text-align: center;
    margin-top: 5px;
    font-weight: 700
}

.advancedscroller .price>span {
    display: inline-block
}

.advancedscroller .addtocart-con {
    text-align: center;
    margin-top: 10px
}

.advancedscroller .addtocart-con>.button-addtocart {
    margin-top: 0
}

.advancedscroller.transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.transition-testimonials_transition_1 .testimonial-col-name {
    position: relative;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out;
    transform: translate(0,50%)
}

.advancedscroller.transition-testimonials_transition_1 .testimonial-col-quote {
    position: relative;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out;
    transform: translate(50%,0)
}

.advancedscroller.transition-testimonials_transition_1 .thumbsClip>* {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.testimonial-slide-con {
    padding: 100px 30px
}

.advancedscroller.transition-testimonials_transition_1 .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.transition-testimonials_transition_1 .thumbsClip>.currItem .testimonial-col-name,.advancedscroller.transition-testimonials_transition_1 .thumbsClip>.currItem .testimonial-col-quote {
    transform: translate(0,0)
}

.advancedscroller.transition-wipeoutandfade .thumbsClip {
    transition-property: none;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: none;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: none;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: none;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: none;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear;
    white-space: nowrap
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* {
    opacity: 0;
    visibility: hidden;
    width: 0;
    position: relative
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* .wipeout-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 0;
    left: 0
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* .wipeout-wrapper .wipeout-wrapper-inner {
    position: relative
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* .wipeout-wrapper {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* .wipeout-wrapper .wipeout-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.advancedscroller.transition-wipeoutandfade .thumbsClip>* .wipeout-wrapper .wipeout-wrapper-inner>.vplayer {
    width: 100%!important;
    height: 100%
}

.advancedscroller.transition-fade .thumbsClip>.currItem,.advancedscroller.transition-testimonials_transition_1 .thumbsClip>.currItem,.advancedscroller.transition-wipeoutandfade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.swipe-enabled {
    cursor: move;
    cursor: -moz-grab;
    cursor: grab;
    cursor: url(img/openhand.cur) 4 4,move
}

.advancedscroller.swipe-enabled.closedhand {
    cursor: url(img/closedhand.cur) 4 4,move
}

.advancedscroller.swipe-enabled.closedhand .thumbsClip {
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.center-v .thumbsCon {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%)
}

.advancedscroller.mode-onlyoneitem .thumbsCon .thumbsClip>li {
    width: 100%;
    border-right: 0
}

.advancedscroller.mode-onlyoneitem .vplayer {
    position: absolute;
    width: 100%;
    height: 100%
}

.advancedscroller.islastpage .thumbsClip>.last-in-row {
    border-right: 1px solid rgba(0,0,0,.3)
}

.advancedscroller.islastpage .thumbsClip>:last-child {
    border-right: 1px solid transparent
}

div.button-addtocart a {
    color: #fff
}

.button-addtocart {
    font-family: Helvetica,Arial,sans-serif;
    background: rgba(0,0,0,.5);
    padding: 8px 15px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0;
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 3px;
    color: #fafafa;
    border: 1px solid rgba(0,0,0,.5);
    background: #ba2b00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhMmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ba2b00 0,#ff1a00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ba2b00),color-stop(100%,#ff1a00));
    background: -webkit-linear-gradient(top,#ba2b00 0,#ff1a00 100%);
    background: -o-linear-gradient(top,#ba2b00 0,#ff1a00 100%);
    background: -ms-linear-gradient(top,#ba2b00 0,#ff1a00 100%);
    background: linear-gradient(to bottom,#ba2b00 0,#ff1a00 100%);
    font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
    font-size: 9px
}

.old-price {
    margin-right: 5px;
    color: red;
    text-decoration: line-through
}

.advancedscroller.mode-onlyoneitem .thumbsClip.center-it {
    position: absolute;
    margin-left: -50%
}

.advancedscroller.mode-onlyoneitem .thumbsClip>* {
    padding: 0
}

.advancedscroller.mode-onlyoneitem .thumbsClip li>img {
    display: block
}

.advancedscroller.mode-onlyoneitem .thumbsClip li>a>img {
    display: block
}

.advancedscroller.skin-default .thumbsClip>* {
    border-right: 1px solid rgba(0,0,0,.3)
}

.advancedscroller.skin-white {
    margin-top: 10px
}

.advancedscroller.skin-white a {
    color: inherit;
    text-decoration: none
}

.advancedscroller.skin-white a:hover {
    opacity: .7
}

.advancedscroller.skin-white .thumbsClip>* {
    padding: 10px;
    border-right: 0
}

.advancedscroller.skin-white .thumbsClip>.last-in-row {
    padding: 10px;
    border-right: 0
}

.advancedscroller.skin-white .arrowsCon>.arrow-left,.advancedscroller.skin-white .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/arrow-left-white.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: auto;
    right: 65px;
    top: -15px;
    margin-top: -15px;
    cursor: pointer;
    opacity: .69;
    z-index: 4;
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.skin-white .arrowsCon>.arrow-right {
    background-image: url(img/arrow-right-white.png);
    left: auto;
    right: 45px;
    top: -15px
}

.advancedscroller.skin-white .arrowsCon>.arrow-left:hover,.advancedscroller.skin-white .arrowsCon>.arrow-right:hover {
    opacity: 1
}

.advancedscroller.skin-black {
    margin-top: 10px
}

.advancedscroller.skin-black a {
    color: inherit;
    text-decoration: none
}

.advancedscroller.skin-black a:hover {
    opacity: .7
}

.advancedscroller.skin-black .thumbsClip>* {
    padding: 10px;
    border-right: 0
}

.advancedscroller.skin-black .thumbsClip>.first-in-row {
    padding: 10px;
    padding-left: 0;
    border-right: 0
}

.advancedscroller.skin-black .thumbsClip>.last-in-row {
    padding: 10px;
    padding-right: 0;
    border-right: 0
}

.advancedscroller.skin-black .arrowsCon>.arrow-left,.advancedscroller.skin-black .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/arrow-left-black-small.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: auto;
    right: 20px;
    top: -15px;
    margin-top: -15px;
    cursor: pointer;
    opacity: .69;
    z-index: 4;
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.skin-black .arrowsCon>.arrow-right {
    background-image: url(img/arrow-right-black-small.png);
    left: auto;
    right: 0;
    top: -15px
}

.advancedscroller.skin-black .arrowsCon>.arrow-left:hover,.advancedscroller.skin-black .arrowsCon>.arrow-right:hover {
    opacity: 1
}

.advancedscroller.skin-inset .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-inset .arrowsCon>.arrow-left,.advancedscroller.skin-inset .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/arrow-left-black.png);
    width: 40px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: 45%;
    margin-top: -20px;
    cursor: pointer;
    opacity: .69;
    z-index: 4;
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.skin-inset .arrowsCon>.arrow-right {
    background-image: url(img/arrow-right-black.png);
    left: auto;
    right: 5px;
    top: 45%
}

.advancedscroller.skin-inset .arrowsCon>.arrow-left:hover,.advancedscroller.skin-inset .arrowsCon>.arrow-right:hover {
    opacity: 1
}

.advancedscroller.skin-inset .transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.skin-inset .transition-fade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.skin-karma-inset .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-karma-inset .arrowsCon>.arrow-left,.advancedscroller.skin-karma-inset .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.2);
    background-image: none;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 4;
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.skin-karma-inset .arrowsCon>.arrow-left:before,.advancedscroller.skin-karma-inset .arrowsCon>.arrow-right:before {
    position: absolute;
    content: "\f104";
    font-family: FontAwesome,arial;
    font-size: 34px;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.advancedscroller.skin-karma-inset .arrowsCon>.arrow-right:before {
    content: "\f105"
}

.advancedscroller.skin-karma-inset .arrowsCon>.arrow-right {
    left: auto;
    right: 0;
    top: 50%
}

.advancedscroller.skin-karma-inset .arrowsCon>.arrow-left:hover,.advancedscroller.skin-karma-inset .arrowsCon>.arrow-right:hover {
    background-color: #e74c3c
}

.advancedscroller.skin-karma-inset .transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.skin-karma-inset .transition-fade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.skin-regen .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-regen .arrowsCon>.arrow-left,.advancedscroller.skin-regen .arrowsCon>.arrow-right {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/arrow-round-left.png);
    width: 50px;
    height: 50px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    opacity: .69;
    background-size: cover;
    z-index: 4;
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: linear;
    -moz-transition-property: left;
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: left;
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: left;
    -o-transition-duration: 0s;
    -o-transition-timing-function: linear;
    -ms-transition-property: left;
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: linear
}

.advancedscroller.skin-regen .arrowsCon>.arrow-right {
    background-image: url(img/arrow-round-right.png);
    left: auto;
    right: 15px;
    top: 50%
}

.advancedscroller.skin-regen .arrowsCon>.arrow-left:hover,.advancedscroller.skin-regen .arrowsCon>.arrow-right:hover {
    opacity: 1
}

.advancedscroller.skin-regen .bulletsCon {
    display: block;
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 10px
}

.advancedscroller.skin-regen .bulletsCon span.bullet {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-image: none;
    display: inline-block;
    margin-right: 8px;
    background-color: rgba(0,0,0,.4);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-regen .bulletsCon span.bullet.active {
    background-color: rgba(0,0,0,.7);
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.advancedscroller.skin-agata .arrowsCon>.arrow-left,.advancedscroller.skin-agata .arrowsCon>.arrow-right {
    position: absolute;
    left: 5px;
    top: 45%
}

.advancedscroller.skin-agata .arrowsCon>.arrow-right {
    left: auto;
    right: 5px
}

.advancedscroller.skin-agata .arrowsCon>.arrow-left,.advancedscroller.skin-agata .arrowsCon>.arrow-right,.arrow-left.skin-agata,.arrow-right.skin-agata {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: none;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #383838;
    opacity: 1;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background-color;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background-color;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background-color;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-agata .arrowsCon>.arrow-left:before,.arrow-left.skin-agata:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #e3e3e3;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -6px
}

.advancedscroller.skin-agata .arrowsCon>.arrow-right:before,.arrow-right.skin-agata:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #e3e3e3;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -6px
}

.advancedscroller.skin-agata .arrowsCon>.arrow-left:hover,.advancedscroller.skin-agata .arrowsCon>.arrow-right:hover,.arrow-left.skin-agata:hover,.arrow-right.skin-agata:hover {
    background-color: #00a99d
}

.advancedscroller.skin-agata-inset .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-agata-inset .arrowsCon>.arrow-right,.advancedscroller.skin-agata-inset>.arrowsCon>.arrow-left {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/skin-agapa-arrow-left.png);
    width: 40px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 45%;
    margin-top: -30px;
    cursor: pointer;
    background-color: rgba(33,33,33,.3);
    z-index: 4;
    border-radius: 0 5px 5px 0;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background-color;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background-color;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background-color;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-agata-inset>.arrowsCon>.arrow-right {
    background-image: url(img/skin-agapa-arrow-right.png);
    left: auto;
    right: 0;
    top: 45%;
    border-radius: 5px 0 0 5px
}

.advancedscroller.skin-agata-inset .arrowsCon>.arrow-right:hover,.advancedscroller.skin-agata-inset>.arrowsCon>.arrow-left:hover {
    background-color: rgba(33,33,33,.7)
}

.advancedscroller.skin-agata-inset .transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.skin-agata-inset .transition-fade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.skin-agata-inset .bulletsCon {
    position: absolute;
    width: 100%;
    bottom: 10px;
    margin: 0;
    text-align: center
}

.advancedscroller.skin-agata-inset .bulletsCon .bullet {
    width: 20px;
    height: 4px;
    border-radius: 3px;
    background-color: #4d4d4d;
    background-image: none
}

.advancedscroller.skin-agata-inset .bulletsCon .bullet.active {
    background-color: #00a99d
}

.advancedscroller.skin-avanti-inset .thumbsClip>*,.advancedscroller.skin-bubble-inset .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-avanti-inset .arrowsCon>.arrow-right,.advancedscroller.skin-avanti-inset>.arrowsCon>.arrow-left,.advancedscroller.skin-bubble-inset .arrowsCon>.arrow-right,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-left {
    background-image: none;
    left: 15px;
    top: 45%;
    margin-top: -15px;
    opacity: 1
}

.advancedscroller.skin-avanti-inset>.arrowsCon>.arrow-right,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-right {
    background-image: none;
    left: auto;
    right: 15px;
    top: 45%;
    margin-top: -15px;
    width: auto
}

.advancedscroller.skin-avanti-inset .arrowsCon>.arrow-right path,.advancedscroller.skin-avanti-inset>.arrowsCon>.arrow-left path,.advancedscroller.skin-bubble-inset .arrowsCon>.arrow-right path,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-left path {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-avanti-inset .arrowsCon>.arrow-right:hover path,.advancedscroller.skin-avanti-inset>.arrowsCon>.arrow-left:hover #Layer_1 path,.advancedscroller.skin-bubble-inset .arrowsCon>.arrow-right:hover path,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-left:hover #Layer_1 path {
    fill: #00a99d
}

.advancedscroller.skin-avanti-inset .transition-fade .thumbsClip>*,.advancedscroller.skin-bubble-inset .transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.skin-avanti-inset .transition-fade .thumbsClip>.currItem,.advancedscroller.skin-bubble-inset .transition-fade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.skin-avanti-inset .bulletsCon,.advancedscroller.skin-bubble-inset .bulletsCon {
    position: absolute;
    width: 100%;
    bottom: 10px;
    margin: 0;
    text-align: center
}

.advancedscroller.skin-avanti-inset .bulletsCon .bullet,.advancedscroller.skin-bubble-inset .bulletsCon .bullet {
    width: 20px;
    height: 4px;
    border-radius: 3px;
    background-color: #4d4d4d;
    background-image: none
}

.advancedscroller.skin-avanti-inset .bulletsCon .bullet.active,.advancedscroller.skin-bubble-inset .bulletsCon .bullet.active {
    background-color: #00a99d
}

.advancedscroller.skin-qcre .thumbsClip>* {
    padding: 0
}

.advancedscroller.skin-qcre .arrowsCon>.arrow-right,.advancedscroller.skin-qcre>.arrowsCon>.arrow-left {
    background-image: none;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
    background-color: rgba(0,0,0,.5);
    width: 30px;
    height: 30px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: background;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-qcre .arrowsCon>.arrow-right:before,.advancedscroller.skin-qcre>.arrowsCon>.arrow-left:before {
    content: "\f105";
    font-family: FontAwesome,sans-sarif;
    font-size: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -5px;
    line-height: 1
}

.advancedscroller.skin-qcre>.arrowsCon>.arrow-left:before {
    content: "\f104";
    margin-left: -5px
}

.advancedscroller.skin-qcre>.arrowsCon>.arrow-left {
    background-image: none;
    left: auto;
    right: 30px;
    top: auto;
    bottom: 0;
    margin-top: 0
}

.advancedscroller.skin-qcre .arrowsCon>.arrow-right:hover,.advancedscroller.skin-qcre>.arrowsCon>.arrow-left:hover {
    background-color: #e74c3c
}

.advancedscroller.skin-qcre .transition-fade .thumbsClip>* {
    opacity: 0;
    visibility: hidden
}

.advancedscroller.skin-qcre .transition-fade .thumbsClip>.currItem {
    opacity: 1;
    visibility: visible
}

.advancedscroller.skin-qcre .bulletsCon {
    position: absolute;
    width: 100%;
    bottom: 10px;
    margin: 0;
    text-align: center
}

.advancedscroller.skin-qcre .bulletsCon .bullet {
    width: 20px;
    height: 4px;
    border-radius: 3px;
    background-color: #4d4d4d;
    background-image: none
}

.advancedscroller.skin-qcre .bulletsCon .bullet.active {
    background-color: #00a99d
}

.advancedscroller.skin-bubble-inset .arrowsCon>.arrow-right,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-left {
    background-image: none;
    left: 50%;
    margin-left: -27px;
    top: auto;
    bottom: 10px;
    margin-top: -15px;
    opacity: 1;
    width: 44px;
    height: 44px
}

.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-right {
    background-image: none;
    left: 50%;
    margin-left: 27px;
    top: auto;
    bottom: 10px;
    margin-top: -15px
}

.advancedscroller.skin-bubble-inset .arrowsCon>.arrow-right:hover path,.advancedscroller.skin-bubble-inset>.arrowsCon>.arrow-left:hover #Layer_1 path {
    fill: #fff
}

.advancedscroller.skin-giza {
    margin-bottom: 10px;
    padding-bottom: 30px
}

.advancedscroller.skin-giza .arrowsCon>.arrow-right,.advancedscroller.skin-giza>.arrowsCon>.arrow-left {
    background-image: none;
    left: 50%;
    margin-left: -35px;
    top: auto;
    bottom: 0;
    margin-top: -15px;
    opacity: 1;
    width: 30px;
    height: 30px
}

.advancedscroller.skin-giza>.arrowsCon>.arrow-right {
    background-image: none;
    left: 50%;
    margin-left: 5px;
    top: auto;
    bottom: 0;
    margin-top: -15px
}

.advancedscroller.skin-giza .arrowsCon>.arrow-right circle,.advancedscroller.skin-giza>.arrowsCon>.arrow-left circle {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller.skin-giza .arrowsCon>.arrow-right:hover #Layer_2 circle,.advancedscroller.skin-giza>.arrowsCon>.arrow-left:hover #Layer_2 circle {
    fill: #555
}

.advancedscroller.skin-giza .arrowsCon>.arrow-right:hover #Layer_4 circle,.advancedscroller.skin-giza>.arrowsCon>.arrow-left:hover #Layer_4 circle {
    stroke: #555
}

.advancedscroller.skin-giza-bullets .bulletsCon {
    margin-top: 15px;
    text-align: center;
    height: auto
}

.advancedscroller.skin-giza-bullets .bulletsCon span.bullet {
    width: 12px;
    height: 12px;
    background-image: none;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #d1b97e;
    margin-right: 4px
}

.advancedscroller.skin-giza-bullets .bulletsCon>span.bullet:last-child {
    margin-right: 0
}

.advancedscroller.skin-giza-bullets .bulletsCon span.bullet.active {
    background-color: #d1b97e
}

.advancedscroller.skin-nonav .arrowsCon {
    display: none
}

.advancedscroller.skin-whitefish .arrowsCon {
    display: none
}

.advancedscroller.skin-whitefish .bulletsCon {
    position: absolute;
    width: 100%;
    bottom: 10px;
    margin: 0;
    text-align: center;
    height: auto;
    line-height: 1
}

.advancedscroller.skin-whitefish .bulletsCon span.bullet {
    width: 8px;
    height: 8px;
    background-image: none;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 4px
}

.advancedscroller.skin-whitefish .bulletsCon>span.bullet:last-child {
    margin-right: 0
}

.advancedscroller.skin-whitefish .bulletsCon span.bullet.active {
    background-color: #fff
}

.advancedscroller.skin-whitefish.is-thicker .bulletsCon {
    bottom: 28px
}

.advancedscroller.skin-whitefish.is-thicker .bulletsCon span.bullet {
    width: 10px;
    height: 10px;
    background-image: none;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 4px
}

.advancedscroller.skin-whitefish.is-thicker .bulletsCon>span.bullet:last-child {
    margin-right: 0
}

.advancedscroller.skin-whitefish.is-thicker .bulletsCon span.bullet.active {
    background-color: #fff
}

.dzsas-second-con {
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0
}

.dzsas-second-con .dzsas-second-con--clip {
    position: relative;
    transition-property: left;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: left;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: left;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: left;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: left;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.dzsas-second-con .dzsas-second-con--clip>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity,visibility;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -moz-transition-property: opacity,visibility;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: opacity,visibility;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: opacity,visibility;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: opacity,visibility;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out
}

.dzsas-second-con .dzsas-second-con--clip>.active {
    opacity: 1;
    visibility: visible
}

.advancedscroller .caption {
    position: absolute
}

.advancedscroller .caption.skin-underlay {
    bottom: -70%;
    left: 0;
    width: 100%;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 10px 10px;
    background: rgba(230,230,230,.9);
    color: #111;
    transition-property: bottom;
    transition-duration: 1.2s;
    transition-timing-function: ease-out;
    -moz-transition-property: bottom;
    -moz-transition-duration: 1.2s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 1.2s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-property: bottom;
    -o-transition-duration: 1.2s;
    -o-transition-timing-function: ease-out;
    -ms-transition-property: bottom;
    -ms-transition-duration: 1.2s;
    -ms-transition-timing-function: ease-out
}

.advancedscroller .item.currItem .caption {
    bottom: 0
}

.advancedscroller .imagediv {
    display: block;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.giza-circle {
    border-radius: 50%;
    border: 4px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 0 1px #e2e2e2;
    transition-property: background-color,color;
    transition-duration: .3s;
    transition-timing-function: ease-out-quart;
    -moz-transition-property: background-color,color;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out-quart;
    -webkit-transition-property: background-color,color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out-quart;
    -o-transition-property: background-color,color;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-out-quart;
    -ms-transition-property: background-color,color;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-out-quart
}

.social-meta-con h4 {
    color: inherit;
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

.social-meta-con .social-circle-con {
    float: right;
    margin-top: -4px
}

.social-meta-con h3 {
    font-size: 30px;
    color: inherit;
    font-weight: 300;
    margin-top: 10px
}

.nicetext {
    color: #fff;
    font-style: italic;
    font-size: 17px;
    font-family: Lato,arial,serif;
    line-height: 1.7
}

.social-circle-con {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1)
}

.social-circle-con>i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #fff
}

.circle-con {
    border: 2px solid #fff;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    position: relative
}

.circle-con img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

#parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 850px;
    overflow: hidden;
    z-index: 2;
    margin: 0
}

#parallax li {
    position: absolute;
    top: 0;
    left: 0
}

#parallax li.prl1 {
    background: url(bokeh/b1.png);
    width: 2200px;
    height: 800px
}

#parallax li.prl2 {
    background: url(bokeh/b2.png);
    width: 2050px;
    height: 600px
}

#parallax li.prl3 {
    background: url(bokeh/b3.png);
    width: 2500px;
    height: 700px
}

#parallax li.prl4 {
    background: url(bokeh/b4.png);
    width: 1900px;
    height: 700px
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

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

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

.fancybox-container~.fancybox-container {
    z-index: 99992
}

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

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

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

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s,visibility 0s linear .25s;
    box-sizing: border-box
}

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

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30,30,30,.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

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

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

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

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

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

.fancybox-slide--image {
    overflow: visible
}

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

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

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

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: 0 0;
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0,0%,100%,.4);
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {
    pointer-events: all
}

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

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: 0 0;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: 0
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-button,.fancybox-infobar__body {
    background: rgba(30,30,30,.6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0,0,0,.8)
}

.fancybox-button:after,.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]:after,.fancybox-button[disabled]:before {
    opacity: .3
}

.fancybox-button--left:after,.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close:after,.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}

.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30,30,30,.8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px
}

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

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--left:after,.fancybox-arrow--right:after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}

.fancybox-loading {
    border: 6px solid hsla(0,0%,39%,.4);
    border-top: 6px solid hsla(0,0%,100%,.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 800px) {
    .fancybox-infobar {
        left:0;
        margin-left: 0
    }

    .fancybox-button--left,.fancybox-button--right {
        display: none!important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: 0 0
}

.fancybox-button--pause:before,.fancybox-button--play:before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: 0 0
}

.fancybox-button--play:before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause:before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px
}

.fancybox-button--thumbs,.fancybox-thumbs {
    display: none
}

@media (min-width: 800px) {
    .fancybox-button--thumbs {
        display:inline-block
    }

    .fancybox-button--thumbs span {
        font-size: 23px
    }

    .fancybox-button--thumbs:before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
    }

    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }

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

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

    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }

    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: 0;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }

    li.fancybox-thumbs-loading {
        background: rgba(0,0,0,.1)
    }

    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .fancybox-thumbs>ul>li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94)
    }

    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000
}

.hamburger-inner:after,.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent
}

.hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent
}

.hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0,-20px,0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0,-20px,0) rotate(270deg)
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(80px,80px,0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(-80px,80px,0) rotate(-45deg)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(80px,-80px,0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform: translate3d(-80px,-80px,0) rotate(45deg)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0,-20px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0,-20px,0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
    opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform: rotate(-90deg);
    background-color: transparent
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform: rotate(45deg)
}

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(90deg)
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

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

@keyframes bounce {
    20%,53%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-15px,0)
    }

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

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

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1,1,1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,to {
        transform: translate3d(0,0,0)
    }

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

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

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

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

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

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

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

    to {
        transform: rotate3d(0,0,1,0deg)
    }
}

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

@keyframes tada {
    from {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

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

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

    to {
        transform: scale3d(1,1,1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: none
    }

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

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

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

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

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

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%,from,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

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

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

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

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

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

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

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

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

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

    to {
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

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

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

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

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

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

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

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

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

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

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

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

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

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

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

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

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

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

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

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

    to {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

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

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

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

    to {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

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

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

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

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

    to {
        transform: none;
        opacity: 1
    }
}

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

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

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

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

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

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

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

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

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

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

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

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

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

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

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

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

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

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

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

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

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

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

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

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

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

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

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

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

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

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

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

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

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.custombox-content,.custombox-overlay {
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%
}

.custombox-overlay {
    z-index: 9997;
    opacity: 0;
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-property: opacity
}

.custombox-content {
    z-index: 9999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.custombox-lock {
    overflow: hidden
}

.custombox-reference {
    display: none
}

.custombox-content {
    overflow-y: auto
}

.custombox-content>* {
    max-width: 100%;
    max-height: 95%
}

.custombox-fullscreen.custombox-content {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.custombox-fullscreen.custombox-content>* {
    width: 100%;
    max-height: 100%
}

.custombox-y-top {
    -ms-flex-align: baseline;
    align-items: baseline
}

.custombox-x-left {
    -ms-flex-align: start;
    align-items: flex-start
}

.custombox-y-center {
    -ms-flex-align: center;
    align-items: center
}

.custombox-y-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.custombox-x-center {
    -ms-flex-pack: center;
    justify-content: center
}

.custombox-x-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.custombox-perspective,.custombox-perspective body {
    perspective: 600px;
    height: 100%;
    overflow: hidden
}

.custombox-perspective .custombox-container {
    overflow: hidden;
    height: 100%
}

.custombox-fadein.custombox-content {
    opacity: 0
}

.custombox-fadein.custombox-content.custombox-open {
    animation-name: fadeIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-fadein.custombox-content.custombox-close {
    animation-name: fadeOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

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

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

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

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top {
    animation-name: slideOutTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom {
    animation-name: slideOutBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left {
    animation-name: slideOutLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right {
    animation-name: slideOutRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes newspaperIn {
    from {
        transform: scale(0) rotate(720deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

@keyframes newspaperOut {
    from {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    to {
        transform: scale(0) rotate(720deg);
        opacity: 0
    }
}

.custombox-newspaper.custombox-content {
    opacity: 0
}

.custombox-newspaper.custombox-content.custombox-open {
    animation-name: newspaperIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-newspaper.custombox-content.custombox-close {
    animation-name: newspaperOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes fallIn {
    from {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }

    to {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }
}

@keyframes fallOut {
    from {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }
}

.custombox-fall.custombox-content {
    opacity: 0
}

.custombox-fall.custombox-content.custombox-open {
    animation-name: fallIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-fall.custombox-content.custombox-close {
    animation-name: fallOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes sidefallIn {
    from {
        transform-style: preserve-3d;
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }

    to {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translate(0) translateZ(0) rotate(0);
        opacity: 1
    }
}

@keyframes sidefallOut {
    from {
        transition-timing-function: ease-in;
        transition-property: all;
        transform: translate(0) translateZ(0) rotate(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }
}

.custombox-sidefall.custombox-content {
    opacity: 0
}

.custombox-sidefall.custombox-content.custombox-open {
    animation-name: sidefallIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-sidefall.custombox-content.custombox-close {
    animation-name: sidefallOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes blurInTop {
    from {
        transform: translateY(-5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutTop {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-5%);
        opacity: 0
    }
}

@keyframes blurInBottom {
    from {
        transform: translateY(5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutBottom {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(5%);
        opacity: 0
    }
}

@keyframes blurInRight {
    from {
        transform: translateX(5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutRight {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateX(5%);
        opacity: 0
    }
}

@keyframes blurInLeft {
    from {
        transform: translateX(-5%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes blurOutLeft {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateX(-5%);
        opacity: 0
    }
}

@keyframes blurInContainer {
    from {
        filter: blur(0)
    }

    to {
        filter: blur(3px)
    }
}

@keyframes blurOutContainer {
    from {
        filter: blur(3px)
    }

    to {
        filter: blur(0)
    }
}

.custombox-blur.custombox-content {
    opacity: 0
}

.custombox-blur.custombox-content.custombox-open.custombox-top {
    animation-name: blurInTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-bottom {
    animation-name: blurInBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-left {
    animation-name: blurInLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-open.custombox-right {
    animation-name: blurInRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-container,.custombox-blur.custombox-content.custombox-close.custombox-bottom,.custombox-blur.custombox-content.custombox-close.custombox-left,.custombox-blur.custombox-content.custombox-close.custombox-right,.custombox-blur.custombox-content.custombox-close.custombox-top {
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-blur.custombox-content.custombox-close.custombox-top {
    animation-name: blurOutTop
}

.custombox-blur.custombox-content.custombox-close.custombox-bottom {
    animation-name: blurOutBottom
}

.custombox-blur.custombox-content.custombox-close.custombox-right {
    animation-name: blurOutRight
}

.custombox-blur.custombox-content.custombox-close.custombox-left {
    animation-name: blurOutLeft
}

.custombox-blur.custombox-container {
    animation-name: blurOutContainer
}

.custombox-blur.custombox-container.custombox-open {
    animation-name: blurInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes flipInTop {
    from {
        transform-style: preserve-3d;
        transform: rotateX(-70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutTop {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(-70deg)
    }
}

@keyframes flipInBottom {
    from {
        transform-style: preserve-3d;
        transform: rotateX(70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutBottom {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(70deg)
    }
}

@keyframes flipInRight {
    from {
        transform-style: preserve-3d;
        transform: rotateY(70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutRight {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateY(70deg)
    }
}

@keyframes flipInLeft {
    from {
        transform-style: preserve-3d;
        transform: rotateY(-70deg)
    }

    to {
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flipOutLeft {
    from {
        transform: rotateY(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateY(-70deg)
    }
}

.custombox-flip.custombox-content {
    opacity: 0
}

.custombox-flip.custombox-content.custombox-open.custombox-top {
    animation-name: flipInTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-bottom {
    animation-name: flipInBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-right {
    animation-name: flipInRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-open.custombox-left {
    animation-name: flipInLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-bottom,.custombox-flip.custombox-content.custombox-close.custombox-left,.custombox-flip.custombox-content.custombox-close.custombox-right,.custombox-flip.custombox-content.custombox-close.custombox-top {
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flip.custombox-content.custombox-close.custombox-top {
    animation-name: flipOutTop
}

.custombox-flip.custombox-content.custombox-close.custombox-bottom {
    animation-name: flipOutBottom
}

.custombox-flip.custombox-content.custombox-close.custombox-right {
    animation-name: flipOutRight
}

.custombox-flip.custombox-content.custombox-close.custombox-left {
    animation-name: flipOutLeft
}

@keyframes signIn {
    from {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        transition-property: all
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes signOut {
    from {
        transform: rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        transition-property: all
    }
}

.custombox-sign {
    perspective: 1300px
}

.custombox-sign.custombox-content {
    opacity: 0
}

.custombox-sign.custombox-content.custombox-open {
    animation-name: signIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-sign.custombox-content.custombox-close {
    animation-name: signOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes superscaledIn {
    from {
        transform: scale(2)
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes superscaledOut {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2)
    }
}

.custombox-superscaled.custombox-content {
    opacity: 0
}

.custombox-superscaled.custombox-content.custombox-open {
    animation-name: superscaledIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-superscaled.custombox-content.custombox-close {
    animation-name: superscaledOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes slitIn {
    0% {
        transform: translateZ(-3000px) rotateY(90deg)
    }

    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slitOut {
    0% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }

    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-3000px) rotateY(90deg)
    }
}

.custombox-slit.custombox-content {
    opacity: 0;
    transform-style: preserve-3d
}

.custombox-slit.custombox-content.custombox-open {
    animation-name: slitIn;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slit.custombox-content.custombox-close {
    animation-name: slitOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes rotateIn {
    from {
        transform-style: preserve-3d;
        transform: translateY(0) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition-timing-function: ease-out;
        transition-property: all
    }

    to {
        transform: translateY(0) rotateX(0);
        opacity: 1
    }
}

@keyframes rotateOut {
    from {
        transform: translateY(0) rotateX(0);
        opacity: 1
    }

    to {
        transform-style: preserve-3d;
        transform: translateY(0) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition-timing-function: ease-out;
        transition-property: all
    }
}

.custombox-rotate {
    perspective: 2300px
}

.custombox-rotate.custombox-content {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.custombox-rotate.custombox-content.custombox-open {
    animation-name: rotateIn;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-rotate.custombox-content.custombox-close {
    animation-name: rotateOut;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom,.custombox-letmein.custombox-overlay.custombox-open.custombox-left,.custombox-letmein.custombox-overlay.custombox-open.custombox-right,.custombox-letmein.custombox-overlay.custombox-open.custombox-top {
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes letmeinBottomOverlay {
    to {
        transform: rotateX(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutBottomOverlay {
    from {
        transform: rotateX(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinLeftOverlay {
    to {
        transform: rotateY(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutLeftOverlay {
    from {
        transform: rotateY(-2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinRightOverlay {
    to {
        transform: rotateY(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutRightOverlay {
    from {
        transform: rotateY(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

@keyframes letmeinTopOverlay {
    to {
        transform: rotateX(2deg);
        transform-origin: 0 50%;
        transform-style: preserve-3d
    }
}

@keyframes letmeinOutTopOverlay {
    from {
        transform: rotateX(2deg);
        transform-origin: 50% 0;
        transform-style: preserve-3d
    }

    to {
        opacity: 0
    }
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-top {
    animation-name: letmeinTopOverlay
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: letmeinBottomOverlay
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-left {
    animation-name: letmeinLeftOverlay
}

.custombox-letmein.custombox-overlay.custombox-open.custombox-right {
    animation-name: letmeinRightOverlay
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-top {
    animation-name: letmeinOutTopOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: letmeinOutBottomOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-left {
    animation-name: letmeinOutLeftOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-letmein.custombox-overlay.custombox-close.custombox-right {
    animation-name: letmeinOutRightOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes makewayInContainer {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-200px)
    }
}

@keyframes makewayOutContainer {
    0% {
        transform: translateZ(-200px)
    }

    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        opacity: 0
    }
}

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

    to {
        transform: translateY(0)
    }
}

@keyframes makewayOutTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

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

    to {
        transform: translateY(0)
    }
}

@keyframes makewayOutBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@keyframes makewayOutLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

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

    to {
        transform: translateX(0)
    }
}

@keyframes makewayOutRight {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.custombox-makeway.custombox-overlay {
    transform-style: preserve-3d;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.custombox-makeway.custombox-overlay.custombox-open {
    animation-name: makewayInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-overlay.custombox-close {
    animation-name: makewayOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-container {
    transform-style: preserve-3d;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.custombox-makeway.custombox-container.custombox-open {
    animation-name: makewayInContainer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-makeway.custombox-container.custombox-close {
    animation-name: makewayOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-close.custombox-bottom,.custombox-slip.custombox-container.custombox-close.custombox-left,.custombox-slip.custombox-container.custombox-close.custombox-right,.custombox-slip.custombox-container.custombox-close.custombox-top,.custombox-slip.custombox-container.custombox-open.custombox-bottom,.custombox-slip.custombox-container.custombox-open.custombox-left,.custombox-slip.custombox-container.custombox-open.custombox-right,.custombox-slip.custombox-container.custombox-open.custombox-top,.custombox-slip.custombox-overlay.custombox-close.custombox-bottom,.custombox-slip.custombox-overlay.custombox-close.custombox-left,.custombox-slip.custombox-overlay.custombox-close.custombox-top,.custombox-slip.custombox-overlay.custombox-open.custombox-bottom,.custombox-slip.custombox-overlay.custombox-open.custombox-left,.custombox-slip.custombox-overlay.custombox-open.custombox-right,.custombox-slip.custombox-overlay.custombox-open.custombox-top {
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes slipTopOverlay {
    50% {
        transform: rotateX(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutTopOverlay {
    50% {
        transform: rotateX(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipRightOverlay {
    50% {
        transform: rotateY(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutRightOverlay {
    50% {
        transform: rotateY(10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipBottomOverlay {
    50% {
        transform: rotateX(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutBottomOverlay {
    50% {
        transform: rotateX(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipLeftOverlay {
    50% {
        transform: rotateY(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

@keyframes slipOutLeftOverlay {
    50% {
        transform: rotateY(-10deg);
        transform-origin: 50% 100%;
        transform-style: preserve-3d
    }
}

.custombox-slip.custombox-overlay.custombox-open.custombox-top {
    animation-name: slipTopOverlay
}

.custombox-slip.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slipBottomOverlay
}

.custombox-slip.custombox-overlay.custombox-open.custombox-left {
    animation-name: slipLeftOverlay
}

.custombox-slip.custombox-overlay.custombox-open.custombox-right {
    animation-name: slipRightOverlay
}

.custombox-slip.custombox-overlay.custombox-close.custombox-top {
    animation-name: slipOutTopOverlay
}

.custombox-slip.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slipOutBottomOverlay
}

.custombox-slip.custombox-overlay.custombox-close.custombox-left {
    animation-name: slipOutLeftOverlay
}

.custombox-slip.custombox-overlay.custombox-close.custombox-right {
    animation-name: slipOutRightOverlay;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slip.custombox-container.custombox-open.custombox-top {
    animation-name: slipTopOverlay
}

.custombox-slip.custombox-container.custombox-open.custombox-bottom {
    animation-name: slipBottomOverlay
}

.custombox-slip.custombox-container.custombox-open.custombox-left {
    animation-name: slipLeftOverlay
}

.custombox-slip.custombox-container.custombox-open.custombox-right {
    animation-name: slipRightOverlay
}

.custombox-slip.custombox-container.custombox-close.custombox-top {
    animation-name: slipOutTopOverlay
}

.custombox-slip.custombox-container.custombox-close.custombox-bottom {
    animation-name: slipOutBottomOverlay
}

.custombox-slip.custombox-container.custombox-close.custombox-left {
    animation-name: slipOutLeftOverlay
}

.custombox-slip.custombox-container.custombox-close.custombox-right {
    animation-name: slipOutRightOverlay
}

@keyframes cornerInOverlay {
    from {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity,transform,visibility
    }

    to {
        transform: translateY(0);
        transition-property: opacity,transform
    }
}

@keyframes cornerOutOverlay {
    from {
        transform: translateY(0);
        transition-property: opacity,transform
    }

    to {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity,transform,visibility;
        opacity: 0
    }
}

@keyframes cornerInContent {
    from {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity,transform,visibility
    }

    to {
        transform: translateY(0);
        transition-property: opacity,transform;
        opacity: 1
    }
}

@keyframes cornerOutContent {
    from {
        transform: translateY(0);
        transition-property: opacity,transform;
        opacity: 1
    }

    to {
        transform: translateY(150px) translateX(150px);
        transition-property: opacity,transform,visibility;
        opacity: 0
    }
}

.custombox-corner.custombox-overlay.custombox-open {
    animation-name: cornerInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-overlay.custombox-close {
    animation-name: cornerOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-content.custombox-open {
    animation-name: cornerInContent;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-corner.custombox-content.custombox-close {
    animation-name: cornerOutContent;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top {
    animation-name: slideOutTop;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slideOutBottom;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left {
    animation-name: slideOutLeft;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right {
    animation-name: slideOutRight;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes scaleInOverlay {
    from {
        transform: scale(.9);
        transition: transform;
        opacity: 0
    }

    to {
        transform: scale(1);
        transition: transform
    }
}

@keyframes scaleOutOverlay {
    from {
        transform: scale(1);
        transition: transform
    }

    to {
        transform: scale(.9);
        transition: transform;
        opacity: 0
    }
}

.custombox-scale.custombox-overlay.custombox-open {
    animation-name: scaleInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-overlay.custombox-close {
    animation-name: scaleOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-content.custombox-open {
    animation-name: scaleInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-scale.custombox-content.custombox-close {
    animation-name: scaleOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes doorInOverlay {
    from {
        position: fixed;
        bottom: 0;
        left: 50%;
        right: 50%;
        width: 0
    }

    to {
        width: 100%;
        left: 0;
        right: 0;
        transition-property: width
    }
}

@keyframes doorOutOverlay {
    from {
        width: 100%;
        left: 0;
        right: 0;
        transition-property: width
    }

    to {
        position: fixed;
        bottom: 0;
        left: 50%;
        right: 50%;
        width: 0
    }
}

.custombox-door.custombox-overlay.custombox-open {
    animation-name: doorInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-overlay.custombox-close {
    animation-name: doorOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-content.custombox-open {
    animation-name: doorInOverlay;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-door.custombox-content.custombox-close {
    animation-name: doorOutOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-open.custombox-bottom,.custombox-push.custombox-overlay.custombox-open.custombox-left,.custombox-push.custombox-overlay.custombox-open.custombox-right,.custombox-push.custombox-overlay.custombox-open.custombox-top {
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

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

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutLeftOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateX(-100%)
    }
}

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

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutRightOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateX(100%)
    }
}

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

    to {
        transform: translateX(0) translateY(0)
    }
}

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

    to {
        transform: translateX(0) translateY(0)
    }
}

@keyframes pushOutBottomOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes pushOutTopOverlay {
    from {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes pushInLeftContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateX(100%)
    }
}

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

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInRightContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateX(-100%)
    }
}

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

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInTopContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateY(100%)
    }
}

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

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

@keyframes pushInBottomContainer {
    from {
        overflow-x: hidden;
        transition-property: transform
    }

    to {
        transform: translateY(-100%)
    }
}

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

    to {
        overflow-x: hidden;
        transition-property: transform
    }
}

.custombox-push.custombox-overlay {
    transition-property: transform
}

.custombox-push.custombox-overlay.custombox-open.custombox-top {
    animation-name: pushInTopOverlay
}

.custombox-push.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: pushInBottomOverlay
}

.custombox-push.custombox-overlay.custombox-open.custombox-left {
    animation-name: pushInLeftOverlay
}

.custombox-push.custombox-overlay.custombox-open.custombox-right {
    animation-name: pushInRightOverlay
}

.custombox-push.custombox-overlay.custombox-close.custombox-top {
    animation-name: pushOutTopOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: pushOutBottomOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-left {
    animation-name: pushOutLeftOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-overlay.custombox-close.custombox-right {
    animation-name: pushOutRightOverlay;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-bottom,.custombox-push.custombox-container.custombox-open.custombox-left,.custombox-push.custombox-container.custombox-open.custombox-right,.custombox-push.custombox-container.custombox-open.custombox-top {
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-open.custombox-top {
    animation-name: pushInTopContainer
}

.custombox-push.custombox-container.custombox-open.custombox-bottom {
    animation-name: pushInBottomContainer
}

.custombox-push.custombox-container.custombox-open.custombox-left {
    animation-name: pushInLeftContainer
}

.custombox-push.custombox-container.custombox-open.custombox-right {
    animation-name: pushInRightContainer
}

.custombox-push.custombox-container.custombox-close.custombox-top {
    animation-name: pushOutTopContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-bottom {
    animation-name: pushOutBottomContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-left {
    animation-name: pushOutLeftContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-push.custombox-container.custombox-close.custombox-right {
    animation-name: pushOutRightContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes contentscaleInContainer {
    from {
        transition: transform
    }

    to {
        transform: scale(.8)
    }
}

@keyframes contentscaleOutContainer {
    from {
        transform: scale(.8)
    }

    to {
        transition: transform
    }
}

.custombox-contentscale.custombox-overlay {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-top {
    animation-name: slideInTop;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom {
    animation-name: slideInBottom;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-left {
    animation-name: slideInLeft;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-open.custombox-right {
    animation-name: slideInRight;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-container.custombox-open,.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom,.custombox-contentscale.custombox-overlay.custombox-close.custombox-left,.custombox-contentscale.custombox-overlay.custombox-close.custombox-right,.custombox-contentscale.custombox-overlay.custombox-close.custombox-top {
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-top {
    animation-name: slideOutTop
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom {
    animation-name: slideOutBottom
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-left {
    animation-name: slideOutLeft
}

.custombox-contentscale.custombox-overlay.custombox-close.custombox-right {
    animation-name: slideOutRight
}

.custombox-contentscale.custombox-container.custombox-open {
    animation-name: contentscaleInContainer
}

.custombox-contentscale.custombox-container.custombox-close {
    animation-name: contentscaleOutContainer;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes swellOpen {
    0% {
        opacity: 0;
        transform: translate3d(calc(-100vw - 50%),0,0)
    }

    50% {
        opacity: 1;
        transform: translate3d(100px,0,0)
    }

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

@keyframes swellClose {
    0% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }

    50% {
        opacity: 1;
        transform: translate3d(-100px,0,0) scale3d(1.1,1.1,1)
    }

    100% {
        opacity: 0;
        transform: translate3d(calc(100vw + 50%),0,0)
    }
}

.custombox-swell.custombox-content {
    opacity: 0
}

.custombox-swell.custombox-content.custombox-open {
    animation-name: swellOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-swell.custombox-content.custombox-close {
    animation-name: swellClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes rotatedownOpen {
    0% {
        opacity: 0;
        transform: rotate3d(0,0,1,-45deg)
    }

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

@keyframes rotatedownClose {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate3d(0,0,1,45deg)
    }
}

@keyframes rotatedownElem {
    0% {
        opacity: 0;
        transform: translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)
    }

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

.custombox-rotatedown.custombox-content {
    opacity: 0;
    animation-timing-function: cubic-bezier(.7,0,.3,1);
    -ms-transform-origin: -150% 50%;
    transform-origin: -150% 50%
}

.custombox-rotatedown.custombox-content.custombox-open {
    animation-name: rotatedownOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-rotatedown.custombox-content.custombox-close {
    animation-name: rotatedownClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes flashOpen {
    0% {
        opacity: 0;
        transform: translate3d(-400px,0,0) scale3d(1.4,0,1)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0) scale3d(1,1,1)
    }
}

@keyframes flashClose {
    0%,20% {
        opacity: 1;
        transform: translate3d(0,0,0) scale3d(1,1,1)
    }

    100% {
        opacity: 0;
        transform: translate3d(-400px,0,0) scale3d(1.4,0,1)
    }
}

.custombox-flash.custombox-content {
    opacity: 0;
    animation-timing-function: cubic-bezier(.7,0,.3,1)
}

.custombox-flash.custombox-content.custombox-open {
    animation-name: flashOpen;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

.custombox-flash.custombox-content.custombox-close {
    animation-name: flashClose;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    backface-visibility: hidden
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.custombox-loader {
    display: none;
    border-style: solid;
    border-width: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation-name: spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 9998
}

.flag {
    background-image: url(../img/flagssmall.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.flag.big {
    background-image: url(../img/flagsbig.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.flag-_ASEAN {
    width: 16px;
    height: 16px;
    background-position: -5px -5px
}

.flag-_African-Union {
    width: 16px;
    height: 16px;
    background-position: -31px -5px
}

.flag-_Alderney {
    width: 16px;
    height: 16px;
    background-position: -57px -5px
}

.flag-_Arab-League,.flag-ar {
    width: 16px;
    height: 16px;
    background-position: -83px -5px
}

.flag-_Basque-Country {
    width: 16px;
    height: 16px;
    background-position: -109px -5px
}

.flag-_CARICOM {
    width: 16px;
    height: 16px;
    background-position: -135px -5px
}

.flag-_CIS {
    width: 16px;
    height: 16px;
    background-position: -161px -5px
}

.flag-_Catalonia,.flag-ct {
    width: 16px;
    height: 16px;
    background-position: -187px -5px
}

.flag-_Commonwealth {
    width: 16px;
    height: 16px;
    background-position: -213px -5px
}

.flag-_England {
    width: 16px;
    height: 16px;
    background-position: -239px -5px
}

.flag-_European-Union {
    width: 16px;
    height: 16px;
    background-position: -265px -5px
}

.flag-_FAO {
    width: 16px;
    height: 16px;
    background-position: -291px -5px
}

.flag-_Galicia {
    width: 16px;
    height: 16px;
    background-position: -317px -5px
}

.flag-_IAEA {
    width: 16px;
    height: 16px;
    background-position: -343px -5px
}

.flag-_IHO {
    width: 16px;
    height: 16px;
    background-position: -369px -5px
}

.flag-_Islamic-Conference {
    width: 16px;
    height: 16px;
    background-position: -395px -5px
}

.flag-_Kosovo {
    width: 16px;
    height: 16px;
    background-position: -5px -31px
}

.flag-_NATO {
    width: 16px;
    height: 16px;
    background-position: -31px -31px
}

.flag-_Northern-Cyprus {
    width: 16px;
    height: 16px;
    background-position: -57px -31px
}

.flag-_Northern-Ireland {
    width: 16px;
    height: 16px;
    background-position: -83px -31px
}

.flag-_OAS {
    width: 16px;
    height: 16px;
    background-position: -109px -31px
}

.flag-_OECD {
    width: 16px;
    height: 16px;
    background-position: -135px -31px
}

.flag-_OPEC {
    width: 16px;
    height: 16px;
    background-position: -161px -31px
}

.flag-_Olimpic-Movement {
    width: 16px;
    height: 16px;
    background-position: -187px -31px
}

.flag-_Quebec {
    width: 16px;
    height: 16px;
    background-position: -213px -31px
}

.flag-_Red-Cross {
    width: 16px;
    height: 16px;
    background-position: -239px -31px
}

.flag-_Scotland {
    width: 16px;
    height: 16px;
    background-position: -265px -31px
}

.flag-_Somaliland {
    width: 16px;
    height: 16px;
    background-position: -291px -31px
}

.flag-_Tristan-da-Cunha {
    width: 16px;
    height: 16px;
    background-position: -317px -31px
}

.flag-_UNESCO {
    width: 16px;
    height: 16px;
    background-position: -343px -31px
}

.flag-_UNICEF {
    width: 16px;
    height: 16px;
    background-position: -369px -31px
}

.flag-_United-Nations {
    width: 16px;
    height: 16px;
    background-position: -395px -31px
}

.flag-_WHO {
    width: 16px;
    height: 16px;
    background-position: -5px -57px
}

.flag-_WTO {
    width: 16px;
    height: 16px;
    background-position: -31px -57px
}

.flag-_Wales {
    width: 16px;
    height: 16px;
    background-position: -57px -57px
}

.flag-ad {
    width: 16px;
    height: 16px;
    background-position: -83px -57px
}

.flag-ae {
    width: 16px;
    height: 16px;
    background-position: -109px -57px
}

.flag-af {
    width: 16px;
    height: 16px;
    background-position: -135px -57px
}

.flag-ag {
    width: 16px;
    height: 16px;
    background-position: -161px -57px
}

.flag-ai {
    width: 16px;
    height: 16px;
    background-position: -187px -57px
}

.flag-al {
    width: 16px;
    height: 16px;
    background-position: -213px -57px
}

.flag-am {
    width: 16px;
    height: 16px;
    background-position: -239px -57px
}

.flag-an {
    width: 16px;
    height: 16px;
    background-position: -265px -57px
}

.flag-ao {
    width: 16px;
    height: 16px;
    background-position: -291px -57px
}

.flag-aq {
    width: 16px;
    height: 16px;
    background-position: -317px -57px
}

.flag-ag {
    width: 16px;
    height: 16px;
    background-position: -343px -57px
}

.flag-as {
    width: 16px;
    height: 16px;
    background-position: -369px -57px
}

.flag-at {
    width: 16px;
    height: 16px;
    background-position: -395px -57px
}

.flag-au {
    width: 16px;
    height: 16px;
    background-position: -5px -83px
}

.flag-aw {
    width: 16px;
    height: 16px;
    background-position: -31px -83px
}

.flag-ax {
    width: 16px;
    height: 16px;
    background-position: -57px -83px
}

.flag-az {
    width: 16px;
    height: 16px;
    background-position: -83px -83px
}

.flag-ba {
    width: 16px;
    height: 16px;
    background-position: -109px -83px
}

.flag-bb {
    width: 16px;
    height: 16px;
    background-position: -135px -83px
}

.flag-bd {
    width: 16px;
    height: 16px;
    background-position: -161px -83px
}

.flag-be {
    width: 16px;
    height: 16px;
    background-position: -187px -83px
}

.flag-bf {
    width: 16px;
    height: 16px;
    background-position: -213px -83px
}

.flag-bg {
    width: 16px;
    height: 16px;
    background-position: -239px -83px
}

.flag-bh {
    width: 16px;
    height: 16px;
    background-position: -265px -83px
}

.flag-bi {
    width: 16px;
    height: 16px;
    background-position: -291px -83px
}

.flag-bj {
    width: 16px;
    height: 16px;
    background-position: -317px -83px
}

.flag-bl {
    width: 16px;
    height: 16px;
    background-position: -343px -83px
}

.flag-bm {
    width: 16px;
    height: 16px;
    background-position: -369px -83px
}

.flag-bn {
    width: 16px;
    height: 16px;
    background-position: -395px -83px
}

.flag-bo {
    width: 16px;
    height: 16px;
    background-position: -5px -109px
}

.flag-bq {
    width: 16px;
    height: 16px;
    background-position: -31px -109px
}

.flag-br {
    width: 16px;
    height: 16px;
    background-position: -57px -109px
}

.flag-bs {
    width: 16px;
    height: 16px;
    background-position: -83px -109px
}

.flag-bt {
    width: 16px;
    height: 16px;
    background-position: -109px -109px
}

.flag-bv {
    width: 16px;
    height: 16px;
    background-position: -135px -109px
}

.flag-bw {
    width: 16px;
    height: 16px;
    background-position: -161px -109px
}

.flag-by {
    width: 16px;
    height: 16px;
    background-position: -187px -109px
}

.flag-bz {
    width: 16px;
    height: 16px;
    background-position: -213px -109px
}

.flag-ca {
    width: 16px;
    height: 16px;
    background-position: -239px -109px
}

.flag-cc {
    width: 16px;
    height: 16px;
    background-position: -265px -109px
}

.flag-cd {
    width: 16px;
    height: 16px;
    background-position: -291px -109px
}

.flag-cf {
    width: 16px;
    height: 16px;
    background-position: -317px -109px
}

.flag-cg {
    width: 16px;
    height: 16px;
    background-position: -343px -109px
}

.flag-ch {
    width: 16px;
    height: 16px;
    background-position: -369px -109px
}

.flag-ci {
    width: 16px;
    height: 16px;
    background-position: -395px -109px
}

.flag-ck {
    width: 16px;
    height: 16px;
    background-position: -5px -135px
}

.flag-cl {
    width: 16px;
    height: 16px;
    background-position: -31px -135px
}

.flag-cm {
    width: 16px;
    height: 16px;
    background-position: -57px -135px
}

.flag-cn {
    width: 16px;
    height: 16px;
    background-position: -83px -135px
}

.flag-co {
    width: 16px;
    height: 16px;
    background-position: -109px -135px
}

.flag-cr {
    width: 16px;
    height: 16px;
    background-position: -135px -135px
}

.flag-cu {
    width: 16px;
    height: 16px;
    background-position: -161px -135px
}

.flag-cv {
    width: 16px;
    height: 16px;
    background-position: -187px -135px
}

.flag-cw {
    width: 16px;
    height: 16px;
    background-position: -213px -135px
}

.flag-cx {
    width: 16px;
    height: 16px;
    background-position: -239px -135px
}

.flag-cy {
    width: 16px;
    height: 16px;
    background-position: -265px -135px
}

.flag-cz {
    width: 16px;
    height: 16px;
    background-position: -291px -135px
}

.flag-de {
    width: 16px;
    height: 16px;
    background-position: -317px -135px
}

.flag-dj {
    width: 16px;
    height: 16px;
    background-position: -343px -135px
}

.flag-dk {
    width: 16px;
    height: 16px;
    background-position: -369px -135px
}

.flag-dm {
    width: 16px;
    height: 16px;
    background-position: -395px -135px
}

.flag-do {
    width: 16px;
    height: 16px;
    background-position: -5px -161px
}

.flag-dz {
    width: 16px;
    height: 16px;
    background-position: -31px -161px
}

.flag-ec {
    width: 16px;
    height: 16px;
    background-position: -57px -161px
}

.flag-ee {
    width: 16px;
    height: 16px;
    background-position: -83px -161px
}

.flag-eg {
    width: 16px;
    height: 16px;
    background-position: -109px -161px
}

.flag-eh {
    width: 16px;
    height: 16px;
    background-position: -135px -161px
}

.flag-er {
    width: 16px;
    height: 16px;
    background-position: -161px -161px
}

.flag-es {
    width: 16px;
    height: 16px;
    background-position: -187px -161px
}

.flag-et {
    width: 16px;
    height: 16px;
    background-position: -213px -161px
}

.flag-fi {
    width: 16px;
    height: 16px;
    background-position: -239px -161px
}

.flag-fj {
    width: 16px;
    height: 16px;
    background-position: -265px -161px
}

.flag-fk {
    width: 16px;
    height: 16px;
    background-position: -291px -161px
}

.flag-fm {
    width: 16px;
    height: 16px;
    background-position: -317px -161px
}

.flag-fo {
    width: 16px;
    height: 16px;
    background-position: -343px -161px
}

.flag-fr {
    width: 16px;
    height: 16px;
    background-position: -369px -161px
}

.flag-ga {
    width: 16px;
    height: 16px;
    background-position: -395px -161px
}

.flag-en,.flag-gb {
    width: 16px;
    height: 16px;
    background-position: -5px -187px
}

.flag-gd {
    width: 16px;
    height: 16px;
    background-position: -31px -187px
}

.flag-ge {
    width: 16px;
    height: 16px;
    background-position: -57px -187px
}

.flag-gf {
    width: 16px;
    height: 16px;
    background-position: -83px -187px
}

.flag-gg {
    width: 16px;
    height: 16px;
    background-position: -109px -187px
}

.flag-gh {
    width: 16px;
    height: 16px;
    background-position: -135px -187px
}

.flag-gi {
    width: 16px;
    height: 16px;
    background-position: -161px -187px
}

.flag-gl {
    width: 16px;
    height: 16px;
    background-position: -187px -187px
}

.flag-gm {
    width: 16px;
    height: 16px;
    background-position: -213px -187px
}

.flag-gn {
    width: 16px;
    height: 16px;
    background-position: -239px -187px
}

.flag-gp {
    width: 16px;
    height: 16px;
    background-position: -265px -187px
}

.flag-gq {
    width: 16px;
    height: 16px;
    background-position: -291px -187px
}

.flag-gr {
    width: 16px;
    height: 16px;
    background-position: -317px -187px
}

.flag-gs {
    width: 16px;
    height: 16px;
    background-position: -343px -187px
}

.flag-gt {
    width: 16px;
    height: 16px;
    background-position: -369px -187px
}

.flag-gu {
    width: 16px;
    height: 16px;
    background-position: -395px -187px
}

.flag-gw {
    width: 16px;
    height: 16px;
    background-position: -5px -213px
}

.flag-gy {
    width: 16px;
    height: 16px;
    background-position: -31px -213px
}

.flag-hk {
    width: 16px;
    height: 16px;
    background-position: -57px -213px
}

.flag-hm {
    width: 16px;
    height: 16px;
    background-position: -83px -213px
}

.flag-hn {
    width: 16px;
    height: 16px;
    background-position: -109px -213px
}

.flag-hr {
    width: 16px;
    height: 16px;
    background-position: -135px -213px
}

.flag-ht {
    width: 16px;
    height: 16px;
    background-position: -161px -213px
}

.flag-hu {
    width: 16px;
    height: 16px;
    background-position: -187px -213px
}

.flag-id {
    width: 16px;
    height: 16px;
    background-position: -213px -213px
}

.flag-ie {
    width: 16px;
    height: 16px;
    background-position: -239px -213px
}

.flag-il {
    width: 16px;
    height: 16px;
    background-position: -265px -213px
}

.flag-im {
    width: 16px;
    height: 16px;
    background-position: -291px -213px
}

.flag-in {
    width: 16px;
    height: 16px;
    background-position: -317px -213px
}

.flag-io {
    width: 16px;
    height: 16px;
    background-position: -343px -213px
}

.flag-iq {
    width: 16px;
    height: 16px;
    background-position: -369px -213px
}

.flag-ir {
    width: 16px;
    height: 16px;
    background-position: -395px -213px
}

.flag-is {
    width: 16px;
    height: 16px;
    background-position: -5px -239px
}

.flag-it {
    width: 16px;
    height: 16px;
    background-position: -31px -239px
}

.flag-je {
    width: 16px;
    height: 16px;
    background-position: -57px -239px
}

.flag-jm {
    width: 16px;
    height: 16px;
    background-position: -83px -239px
}

.flag-jo {
    width: 16px;
    height: 16px;
    background-position: -109px -239px
}

.flag-jp {
    width: 16px;
    height: 16px;
    background-position: -135px -239px
}

.flag-ke {
    width: 16px;
    height: 16px;
    background-position: -161px -239px
}

.flag-kg {
    width: 16px;
    height: 16px;
    background-position: -187px -239px
}

.flag-kh {
    width: 16px;
    height: 16px;
    background-position: -213px -239px
}

.flag-ki {
    width: 16px;
    height: 16px;
    background-position: -239px -239px
}

.flag-km {
    width: 16px;
    height: 16px;
    background-position: -265px -239px
}

.flag-kn {
    width: 16px;
    height: 16px;
    background-position: -291px -239px
}

.flag-kp {
    width: 16px;
    height: 16px;
    background-position: -317px -239px
}

.flag-kr {
    width: 16px;
    height: 16px;
    background-position: -343px -239px
}

.flag-kw {
    width: 16px;
    height: 16px;
    background-position: -369px -239px
}

.flag-ky {
    width: 16px;
    height: 16px;
    background-position: -395px -239px
}

.flag-kz {
    width: 16px;
    height: 16px;
    background-position: -5px -265px
}

.flag-la {
    width: 16px;
    height: 16px;
    background-position: -31px -265px
}

.flag-lb {
    width: 16px;
    height: 16px;
    background-position: -57px -265px
}

.flag-lc {
    width: 16px;
    height: 16px;
    background-position: -83px -265px
}

.flag-li {
    width: 16px;
    height: 16px;
    background-position: -109px -265px
}

.flag-lk {
    width: 16px;
    height: 16px;
    background-position: -135px -265px
}

.flag-lr {
    width: 16px;
    height: 16px;
    background-position: -161px -265px
}

.flag-ls {
    width: 16px;
    height: 16px;
    background-position: -187px -265px
}

.flag-lt {
    width: 16px;
    height: 16px;
    background-position: -213px -265px
}

.flag-lu {
    width: 16px;
    height: 16px;
    background-position: -239px -265px
}

.flag-lv {
    width: 16px;
    height: 16px;
    background-position: -265px -265px
}

.flag-ly {
    width: 16px;
    height: 16px;
    background-position: -291px -265px
}

.flag-ma {
    width: 16px;
    height: 16px;
    background-position: -317px -265px
}

.flag-mc {
    width: 16px;
    height: 16px;
    background-position: -343px -265px
}

.flag-md {
    width: 16px;
    height: 16px;
    background-position: -369px -265px
}

.flag-me {
    width: 16px;
    height: 16px;
    background-position: -395px -265px
}

.flag-mf {
    width: 16px;
    height: 16px;
    background-position: -5px -291px
}

.flag-mg {
    width: 16px;
    height: 16px;
    background-position: -31px -291px
}

.flag-mh {
    width: 16px;
    height: 16px;
    background-position: -57px -291px
}

.flag-mk {
    width: 16px;
    height: 16px;
    background-position: -83px -291px
}

.flag-ml {
    width: 16px;
    height: 16px;
    background-position: -109px -291px
}

.flag-mm {
    width: 16px;
    height: 16px;
    background-position: -135px -291px
}

.flag-mn {
    width: 16px;
    height: 16px;
    background-position: -161px -291px
}

.flag-mo {
    width: 16px;
    height: 16px;
    background-position: -187px -291px
}

.flag-mp {
    width: 16px;
    height: 16px;
    background-position: -213px -291px
}

.flag-mq {
    width: 16px;
    height: 16px;
    background-position: -239px -291px
}

.flag-mr {
    width: 16px;
    height: 16px;
    background-position: -265px -291px
}

.flag-ms {
    width: 16px;
    height: 16px;
    background-position: -291px -291px
}

.flag-mt {
    width: 16px;
    height: 16px;
    background-position: -317px -291px
}

.flag-mu {
    width: 16px;
    height: 16px;
    background-position: -343px -291px
}

.flag-mv {
    width: 16px;
    height: 16px;
    background-position: -369px -291px
}

.flag-mw {
    width: 16px;
    height: 16px;
    background-position: -395px -291px
}

.flag-mx {
    width: 16px;
    height: 16px;
    background-position: -5px -317px
}

.flag-my {
    width: 16px;
    height: 16px;
    background-position: -31px -317px
}

.flag-mz {
    width: 16px;
    height: 16px;
    background-position: -57px -317px
}

.flag-na {
    width: 16px;
    height: 16px;
    background-position: -83px -317px
}

.flag-nc {
    width: 16px;
    height: 16px;
    background-position: -109px -317px
}

.flag-ne {
    width: 16px;
    height: 16px;
    background-position: -135px -317px
}

.flag-nf {
    width: 16px;
    height: 16px;
    background-position: -161px -317px
}

.flag-ng {
    width: 16px;
    height: 16px;
    background-position: -187px -317px
}

.flag-ni {
    width: 16px;
    height: 16px;
    background-position: -213px -317px
}

.flag-nl {
    width: 16px;
    height: 16px;
    background-position: -239px -317px
}

.flag-no {
    width: 16px;
    height: 16px;
    background-position: -265px -317px
}

.flag-np {
    width: 16px;
    height: 16px;
    background-position: -291px -317px
}

.flag-nr {
    width: 16px;
    height: 16px;
    background-position: -317px -317px
}

.flag-nu {
    width: 16px;
    height: 16px;
    background-position: -343px -317px
}

.flag-nz {
    width: 16px;
    height: 16px;
    background-position: -369px -317px
}

.flag-om {
    width: 16px;
    height: 16px;
    background-position: -395px -317px
}

.flag-pa {
    width: 16px;
    height: 16px;
    background-position: -5px -343px
}

.flag-pe {
    width: 16px;
    height: 16px;
    background-position: -31px -343px
}

.flag-pf {
    width: 16px;
    height: 16px;
    background-position: -57px -343px
}

.flag-pg {
    width: 16px;
    height: 16px;
    background-position: -83px -343px
}

.flag-ph {
    width: 16px;
    height: 16px;
    background-position: -109px -343px
}

.flag-pk {
    width: 16px;
    height: 16px;
    background-position: -135px -343px
}

.flag-pl {
    width: 16px;
    height: 16px;
    background-position: -161px -343px
}

.flag-pm {
    width: 16px;
    height: 16px;
    background-position: -187px -343px
}

.flag-pn {
    width: 16px;
    height: 16px;
    background-position: -213px -343px
}

.flag-pr {
    width: 16px;
    height: 16px;
    background-position: -239px -343px
}

.flag-ps {
    width: 16px;
    height: 16px;
    background-position: -265px -343px
}

.flag-pt {
    width: 16px;
    height: 16px;
    background-position: -291px -343px
}

.flag-pw {
    width: 16px;
    height: 16px;
    background-position: -317px -343px
}

.flag-py {
    width: 16px;
    height: 16px;
    background-position: -343px -343px
}

.flag-qa {
    width: 16px;
    height: 16px;
    background-position: -369px -343px
}

.flag-re {
    width: 16px;
    height: 16px;
    background-position: -395px -343px
}

.flag-ro {
    width: 16px;
    height: 16px;
    background-position: -5px -369px
}

.flag-rs {
    width: 16px;
    height: 16px;
    background-position: -31px -369px
}

.flag-ru {
    width: 16px;
    height: 16px;
    background-position: -57px -369px
}

.flag-rw {
    width: 16px;
    height: 16px;
    background-position: -83px -369px
}

.flag-sa {
    width: 16px;
    height: 16px;
    background-position: -109px -369px
}

.flag-sb {
    width: 16px;
    height: 16px;
    background-position: -135px -369px
}

.flag-sc {
    width: 16px;
    height: 16px;
    background-position: -161px -369px
}

.flag-sd {
    width: 16px;
    height: 16px;
    background-position: -187px -369px
}

.flag-se {
    width: 16px;
    height: 16px;
    background-position: -213px -369px
}

.flag-sg {
    width: 16px;
    height: 16px;
    background-position: -239px -369px
}

.flag-sh {
    width: 16px;
    height: 16px;
    background-position: -265px -369px
}

.flag-si {
    width: 16px;
    height: 16px;
    background-position: -291px -369px
}

.flag-sj {
    width: 16px;
    height: 16px;
    background-position: -317px -369px
}

.flag-sk {
    width: 16px;
    height: 16px;
    background-position: -343px -369px
}

.flag-sl {
    width: 16px;
    height: 16px;
    background-position: -369px -369px
}

.flag-sm {
    width: 16px;
    height: 16px;
    background-position: -395px -369px
}

.flag-sn {
    width: 16px;
    height: 16px;
    background-position: -5px -395px
}

.flag-so {
    width: 16px;
    height: 16px;
    background-position: -31px -395px
}

.flag-sr {
    width: 16px;
    height: 16px;
    background-position: -57px -395px
}

.flag-ss {
    width: 16px;
    height: 16px;
    background-position: -83px -395px
}

.flag-st {
    width: 16px;
    height: 16px;
    background-position: -109px -395px
}

.flag-sv {
    width: 16px;
    height: 16px;
    background-position: -135px -395px
}

.flag-sx {
    width: 16px;
    height: 16px;
    background-position: -161px -395px
}

.flag-sy {
    width: 16px;
    height: 16px;
    background-position: -187px -395px
}

.flag-sz {
    width: 16px;
    height: 16px;
    background-position: -213px -395px
}

.flag-tc {
    width: 16px;
    height: 16px;
    background-position: -239px -395px
}

.flag-td {
    width: 16px;
    height: 16px;
    background-position: -265px -395px
}

.flag-tf {
    width: 16px;
    height: 16px;
    background-position: -291px -395px
}

.flag-tg {
    width: 16px;
    height: 16px;
    background-position: -317px -395px
}

.flag-th {
    width: 16px;
    height: 16px;
    background-position: -343px -395px
}

.flag-tj {
    width: 16px;
    height: 16px;
    background-position: -369px -395px
}

.flag-tk {
    width: 16px;
    height: 16px;
    background-position: -395px -395px
}

.flag-tl {
    width: 16px;
    height: 16px;
    background-position: -421px -5px
}

.flag-tm {
    width: 16px;
    height: 16px;
    background-position: -421px -31px
}

.flag-tn {
    width: 16px;
    height: 16px;
    background-position: -421px -57px
}

.flag-to {
    width: 16px;
    height: 16px;
    background-position: -421px -83px
}

.flag-tr {
    width: 16px;
    height: 16px;
    background-position: -421px -109px
}

.flag-tt {
    width: 16px;
    height: 16px;
    background-position: -421px -135px
}

.flag-tv {
    width: 16px;
    height: 16px;
    background-position: -421px -161px
}

.flag-tw {
    width: 16px;
    height: 16px;
    background-position: -421px -187px
}

.flag-tz {
    width: 16px;
    height: 16px;
    background-position: -421px -213px
}

.flag-ua {
    width: 16px;
    height: 16px;
    background-position: -421px -239px
}

.flag-ug {
    width: 16px;
    height: 16px;
    background-position: -421px -265px
}

.flag-um {
    width: 16px;
    height: 16px;
    background-position: -421px -291px
}

.flag-us {
    width: 16px;
    height: 16px;
    background-position: -421px -317px
}

.flag-uy {
    width: 16px;
    height: 16px;
    background-position: -421px -343px
}

.flag-uz {
    width: 16px;
    height: 16px;
    background-position: -421px -369px
}

.flag-va {
    width: 16px;
    height: 16px;
    background-position: -421px -395px
}

.flag-vc {
    width: 16px;
    height: 16px;
    background-position: -5px -421px
}

.flag-ve {
    width: 16px;
    height: 16px;
    background-position: -31px -421px
}

.flag-vg {
    width: 16px;
    height: 16px;
    background-position: -57px -421px
}

.flag-vi {
    width: 16px;
    height: 16px;
    background-position: -83px -421px
}

.flag-vn {
    width: 16px;
    height: 16px;
    background-position: -109px -421px
}

.flag-vu {
    width: 16px;
    height: 16px;
    background-position: -135px -421px
}

.flag-wf {
    width: 16px;
    height: 16px;
    background-position: -161px -421px
}

.flag-ws {
    width: 16px;
    height: 16px;
    background-position: -187px -421px
}

.flag-ye {
    width: 16px;
    height: 16px;
    background-position: -213px -421px
}

.flag-yt {
    width: 16px;
    height: 16px;
    background-position: -239px -421px
}

.flag-za {
    width: 16px;
    height: 16px;
    background-position: -265px -421px
}

.flag-zm {
    width: 16px;
    height: 16px;
    background-position: -291px -421px
}

.flag-zw {
    width: 16px;
    height: 16px;
    background-position: -317px -421px
}

.flag-_ASEAN.big {
    width: 32px;
    height: 32px;
    background-position: -5px -5px
}

.flag-_African-Union.big {
    width: 32px;
    height: 32px;
    background-position: -47px -5px
}

.flag-_Alderney.big {
    width: 32px;
    height: 32px;
    background-position: -89px -5px
}

.flag-_Arab-League.big,.flag-ar.big {
    width: 32px;
    height: 32px;
    background-position: -131px -5px
}

.flag-_Basque-Country.big {
    width: 32px;
    height: 32px;
    background-position: -173px -5px
}

.flag-_CARICOM.big {
    width: 32px;
    height: 32px;
    background-position: -215px -5px
}

.flag-_CIS.big {
    width: 32px;
    height: 32px;
    background-position: -257px -5px
}

.flag-_Catalonia.big,.flag-ct.big {
    width: 32px;
    height: 32px;
    background-position: -299px -5px
}

.flag-_Commonwealth.big {
    width: 32px;
    height: 32px;
    background-position: -341px -5px
}

.flag-_England.big {
    width: 32px;
    height: 32px;
    background-position: -383px -5px
}

.flag-_European-Union.big {
    width: 32px;
    height: 32px;
    background-position: -425px -5px
}

.flag-_FAO.big {
    width: 32px;
    height: 32px;
    background-position: -467px -5px
}

.flag-_Galicia.big {
    width: 32px;
    height: 32px;
    background-position: -509px -5px
}

.flag-_IAEA.big {
    width: 32px;
    height: 32px;
    background-position: -551px -5px
}

.flag-_IHO.big {
    width: 32px;
    height: 32px;
    background-position: -593px -5px
}

.flag-_Islamic-Conference.big {
    width: 32px;
    height: 32px;
    background-position: -635px -5px
}

.flag-_Kosovo.big {
    width: 32px;
    height: 32px;
    background-position: -5px -47px
}

.flag-_NATO.big {
    width: 32px;
    height: 32px;
    background-position: -47px -47px
}

.flag-_Northern-Cyprus.big {
    width: 32px;
    height: 32px;
    background-position: -89px -47px
}

.flag-_Northern-Ireland.big {
    width: 32px;
    height: 32px;
    background-position: -131px -47px
}

.flag-_OAS.big {
    width: 32px;
    height: 32px;
    background-position: -173px -47px
}

.flag-_OECD.big {
    width: 32px;
    height: 32px;
    background-position: -215px -47px
}

.flag-_OPEC.big {
    width: 32px;
    height: 32px;
    background-position: -257px -47px
}

.flag-_Olimpic-Movement.big {
    width: 32px;
    height: 32px;
    background-position: -299px -47px
}

.flag-_Quebec.big {
    width: 32px;
    height: 32px;
    background-position: -341px -47px
}

.flag-_Red-Cross.big {
    width: 32px;
    height: 32px;
    background-position: -383px -47px
}

.flag-_Scotland.big {
    width: 32px;
    height: 32px;
    background-position: -425px -47px
}

.flag-_Somaliland.big {
    width: 32px;
    height: 32px;
    background-position: -467px -47px
}

.flag-_Tristan-da-Cunha.big {
    width: 32px;
    height: 32px;
    background-position: -509px -47px
}

.flag-_UNESCO.big {
    width: 32px;
    height: 32px;
    background-position: -551px -47px
}

.flag-_UNICEF.big {
    width: 32px;
    height: 32px;
    background-position: -593px -47px
}

.flag-_United-Nations.big {
    width: 32px;
    height: 32px;
    background-position: -635px -47px
}

.flag-_WHO.big {
    width: 32px;
    height: 32px;
    background-position: -5px -89px
}

.flag-_WTO.big {
    width: 32px;
    height: 32px;
    background-position: -47px -89px
}

.flag-_Wales.big {
    width: 32px;
    height: 32px;
    background-position: -89px -89px
}

.flag-ad.big {
    width: 32px;
    height: 32px;
    background-position: -131px -89px
}

.flag-ae.big {
    width: 32px;
    height: 32px;
    background-position: -173px -89px
}

.flag-af.big {
    width: 32px;
    height: 32px;
    background-position: -215px -89px
}

.flag-ag.big {
    width: 32px;
    height: 32px;
    background-position: -257px -89px
}

.flag-ai.big {
    width: 32px;
    height: 32px;
    background-position: -299px -89px
}

.flag-al.big {
    width: 32px;
    height: 32px;
    background-position: -341px -89px
}

.flag-am.big {
    width: 32px;
    height: 32px;
    background-position: -383px -89px
}

.flag-an.big {
    width: 32px;
    height: 32px;
    background-position: -425px -89px
}

.flag-ao.big {
    width: 32px;
    height: 32px;
    background-position: -467px -89px
}

.flag-aq.big {
    width: 32px;
    height: 32px;
    background-position: -509px -89px
}

.flag-ag.big {
    width: 32px;
    height: 32px;
    background-position: -551px -89px
}

.flag-as.big {
    width: 32px;
    height: 32px;
    background-position: -593px -89px
}

.flag-at.big {
    width: 32px;
    height: 32px;
    background-position: -635px -89px
}

.flag-au.big {
    width: 32px;
    height: 32px;
    background-position: -5px -131px
}

.flag-aw.big {
    width: 32px;
    height: 32px;
    background-position: -47px -131px
}

.flag-ax.big {
    width: 32px;
    height: 32px;
    background-position: -89px -131px
}

.flag-az.big {
    width: 32px;
    height: 32px;
    background-position: -131px -131px
}

.flag-ba.big {
    width: 32px;
    height: 32px;
    background-position: -173px -131px
}

.flag-bb.big {
    width: 32px;
    height: 32px;
    background-position: -215px -131px
}

.flag-bd.big {
    width: 32px;
    height: 32px;
    background-position: -257px -131px
}

.flag-be.big {
    width: 32px;
    height: 32px;
    background-position: -299px -131px
}

.flag-bf.big {
    width: 32px;
    height: 32px;
    background-position: -341px -131px
}

.flag-bg.big {
    width: 32px;
    height: 32px;
    background-position: -383px -131px
}

.flag-bh.big {
    width: 32px;
    height: 32px;
    background-position: -425px -131px
}

.flag-bi.big {
    width: 32px;
    height: 32px;
    background-position: -467px -131px
}

.flag-bj.big {
    width: 32px;
    height: 32px;
    background-position: -509px -131px
}

.flag-bl.big {
    width: 32px;
    height: 32px;
    background-position: -551px -131px
}

.flag-bm.big {
    width: 32px;
    height: 32px;
    background-position: -593px -131px
}

.flag-bn.big {
    width: 32px;
    height: 32px;
    background-position: -635px -131px
}

.flag-bo.big {
    width: 32px;
    height: 32px;
    background-position: -5px -173px
}

.flag-bq.big {
    width: 32px;
    height: 32px;
    background-position: -47px -173px
}

.flag-br.big {
    width: 32px;
    height: 32px;
    background-position: -89px -173px
}

.flag-bs.big {
    width: 32px;
    height: 32px;
    background-position: -131px -173px
}

.flag-bt.big {
    width: 32px;
    height: 32px;
    background-position: -173px -173px
}

.flag-bv.big {
    width: 32px;
    height: 32px;
    background-position: -215px -173px
}

.flag-bw.big {
    width: 32px;
    height: 32px;
    background-position: -257px -173px
}

.flag-by.big {
    width: 32px;
    height: 32px;
    background-position: -299px -173px
}

.flag-bz.big {
    width: 32px;
    height: 32px;
    background-position: -341px -173px
}

.flag-ca.big {
    width: 32px;
    height: 32px;
    background-position: -383px -173px
}

.flag-cc.big {
    width: 32px;
    height: 32px;
    background-position: -425px -173px
}

.flag-cd.big {
    width: 32px;
    height: 32px;
    background-position: -467px -173px
}

.flag-cf.big {
    width: 32px;
    height: 32px;
    background-position: -509px -173px
}

.flag-cg.big {
    width: 32px;
    height: 32px;
    background-position: -551px -173px
}

.flag-ch.big {
    width: 32px;
    height: 32px;
    background-position: -593px -173px
}

.flag-ci.big {
    width: 32px;
    height: 32px;
    background-position: -635px -173px
}

.flag-ck.big {
    width: 32px;
    height: 32px;
    background-position: -5px -215px
}

.flag-cl.big {
    width: 32px;
    height: 32px;
    background-position: -47px -215px
}

.flag-cm.big {
    width: 32px;
    height: 32px;
    background-position: -89px -215px
}

.flag-cn.big {
    width: 32px;
    height: 32px;
    background-position: -131px -215px
}

.flag-co.big {
    width: 32px;
    height: 32px;
    background-position: -173px -215px
}

.flag-cr.big {
    width: 32px;
    height: 32px;
    background-position: -215px -215px
}

.flag-cu.big {
    width: 32px;
    height: 32px;
    background-position: -257px -215px
}

.flag-cv.big {
    width: 32px;
    height: 32px;
    background-position: -299px -215px
}

.flag-cw.big {
    width: 32px;
    height: 32px;
    background-position: -341px -215px
}

.flag-cx.big {
    width: 32px;
    height: 32px;
    background-position: -383px -215px
}

.flag-cy.big {
    width: 32px;
    height: 32px;
    background-position: -425px -215px
}

.flag-cz.big {
    width: 32px;
    height: 32px;
    background-position: -467px -215px
}

.flag-de.big {
    width: 32px;
    height: 32px;
    background-position: -509px -215px
}

.flag-dj.big {
    width: 32px;
    height: 32px;
    background-position: -551px -215px
}

.flag-dk.big {
    width: 32px;
    height: 32px;
    background-position: -593px -215px
}

.flag-dm.big {
    width: 32px;
    height: 32px;
    background-position: -635px -215px
}

.flag-do.big {
    width: 32px;
    height: 32px;
    background-position: -5px -257px
}

.flag-dz.big {
    width: 32px;
    height: 32px;
    background-position: -47px -257px
}

.flag-ec.big {
    width: 32px;
    height: 32px;
    background-position: -89px -257px
}

.flag-ee.big {
    width: 32px;
    height: 32px;
    background-position: -131px -257px
}

.flag-eg.big {
    width: 32px;
    height: 32px;
    background-position: -173px -257px
}

.flag-eh.big {
    width: 32px;
    height: 32px;
    background-position: -215px -257px
}

.flag-er.big {
    width: 32px;
    height: 32px;
    background-position: -257px -257px
}

.flag-es.big {
    width: 32px;
    height: 32px;
    background-position: -299px -257px
}

.flag-et.big {
    width: 32px;
    height: 32px;
    background-position: -341px -257px
}

.flag-fi.big {
    width: 32px;
    height: 32px;
    background-position: -383px -257px
}

.flag-fj.big {
    width: 32px;
    height: 32px;
    background-position: -425px -257px
}

.flag-fk.big {
    width: 32px;
    height: 32px;
    background-position: -467px -257px
}

.flag-fm.big {
    width: 32px;
    height: 32px;
    background-position: -509px -257px
}

.flag-fo.big {
    width: 32px;
    height: 32px;
    background-position: -551px -257px
}

.flag-fr.big {
    width: 32px;
    height: 32px;
    background-position: -593px -257px
}

.flag-ga.big {
    width: 32px;
    height: 32px;
    background-position: -635px -257px
}

.flag-en.big,.flag-gb.big {
    width: 32px;
    height: 32px;
    background-position: -5px -299px
}

.flag-gd.big {
    width: 32px;
    height: 32px;
    background-position: -47px -299px
}

.flag-ge.big {
    width: 32px;
    height: 32px;
    background-position: -89px -299px
}

.flag-gf.big {
    width: 32px;
    height: 32px;
    background-position: -131px -299px
}

.flag-gg.big {
    width: 32px;
    height: 32px;
    background-position: -173px -299px
}

.flag-gh.big {
    width: 32px;
    height: 32px;
    background-position: -215px -299px
}

.flag-gi.big {
    width: 32px;
    height: 32px;
    background-position: -257px -299px
}

.flag-gl.big {
    width: 32px;
    height: 32px;
    background-position: -299px -299px
}

.flag-gm.big {
    width: 32px;
    height: 32px;
    background-position: -341px -299px
}

.flag-gn.big {
    width: 32px;
    height: 32px;
    background-position: -383px -299px
}

.flag-gp.big {
    width: 32px;
    height: 32px;
    background-position: -425px -299px
}

.flag-gq.big {
    width: 32px;
    height: 32px;
    background-position: -467px -299px
}

.flag-gr.big {
    width: 32px;
    height: 32px;
    background-position: -509px -299px
}

.flag-gs.big {
    width: 32px;
    height: 32px;
    background-position: -551px -299px
}

.flag-gt.big {
    width: 32px;
    height: 32px;
    background-position: -593px -299px
}

.flag-gu.big {
    width: 32px;
    height: 32px;
    background-position: -635px -299px
}

.flag-gw.big {
    width: 32px;
    height: 32px;
    background-position: -5px -341px
}

.flag-gy.big {
    width: 32px;
    height: 32px;
    background-position: -47px -341px
}

.flag-hk.big {
    width: 32px;
    height: 32px;
    background-position: -89px -341px
}

.flag-hm.big {
    width: 32px;
    height: 32px;
    background-position: -131px -341px
}

.flag-hn.big {
    width: 32px;
    height: 32px;
    background-position: -173px -341px
}

.flag-hr.big {
    width: 32px;
    height: 32px;
    background-position: -215px -341px
}

.flag-ht.big {
    width: 32px;
    height: 32px;
    background-position: -257px -341px
}

.flag-hu.big {
    width: 32px;
    height: 32px;
    background-position: -299px -341px
}

.flag-id.big {
    width: 32px;
    height: 32px;
    background-position: -341px -341px
}

.flag-ie.big {
    width: 32px;
    height: 32px;
    background-position: -383px -341px
}

.flag-il.big {
    width: 32px;
    height: 32px;
    background-position: -425px -341px
}

.flag-im.big {
    width: 32px;
    height: 32px;
    background-position: -467px -341px
}

.flag-in.big {
    width: 32px;
    height: 32px;
    background-position: -509px -341px
}

.flag-io.big {
    width: 32px;
    height: 32px;
    background-position: -551px -341px
}

.flag-iq.big {
    width: 32px;
    height: 32px;
    background-position: -593px -341px
}

.flag-ir.big {
    width: 32px;
    height: 32px;
    background-position: -635px -341px
}

.flag-is.big {
    width: 32px;
    height: 32px;
    background-position: -5px -383px
}

.flag-it.big {
    width: 32px;
    height: 32px;
    background-position: -47px -383px
}

.flag-je.big {
    width: 32px;
    height: 32px;
    background-position: -89px -383px
}

.flag-jm.big {
    width: 32px;
    height: 32px;
    background-position: -131px -383px
}

.flag-jo.big {
    width: 32px;
    height: 32px;
    background-position: -173px -383px
}

.flag-jp.big {
    width: 32px;
    height: 32px;
    background-position: -215px -383px
}

.flag-ke.big {
    width: 32px;
    height: 32px;
    background-position: -257px -383px
}

.flag-kg.big {
    width: 32px;
    height: 32px;
    background-position: -299px -383px
}

.flag-kh.big {
    width: 32px;
    height: 32px;
    background-position: -341px -383px
}

.flag-ki.big {
    width: 32px;
    height: 32px;
    background-position: -383px -383px
}

.flag-km.big {
    width: 32px;
    height: 32px;
    background-position: -425px -383px
}

.flag-kn.big {
    width: 32px;
    height: 32px;
    background-position: -467px -383px
}

.flag-kp.big {
    width: 32px;
    height: 32px;
    background-position: -509px -383px
}

.flag-kr.big {
    width: 32px;
    height: 32px;
    background-position: -551px -383px
}

.flag-kw.big {
    width: 32px;
    height: 32px;
    background-position: -593px -383px
}

.flag-ky.big {
    width: 32px;
    height: 32px;
    background-position: -635px -383px
}

.flag-kz.big {
    width: 32px;
    height: 32px;
    background-position: -5px -425px
}

.flag-la.big {
    width: 32px;
    height: 32px;
    background-position: -47px -425px
}

.flag-lb.big {
    width: 32px;
    height: 32px;
    background-position: -89px -425px
}

.flag-lc.big {
    width: 32px;
    height: 32px;
    background-position: -131px -425px
}

.flag-li.big {
    width: 32px;
    height: 32px;
    background-position: -173px -425px
}

.flag-lk.big {
    width: 32px;
    height: 32px;
    background-position: -215px -425px
}

.flag-lr.big {
    width: 32px;
    height: 32px;
    background-position: -257px -425px
}

.flag-ls.big {
    width: 32px;
    height: 32px;
    background-position: -299px -425px
}

.flag-lt.big {
    width: 32px;
    height: 32px;
    background-position: -341px -425px
}

.flag-lu.big {
    width: 32px;
    height: 32px;
    background-position: -383px -425px
}

.flag-lv.big {
    width: 32px;
    height: 32px;
    background-position: -425px -425px
}

.flag-ly.big {
    width: 32px;
    height: 32px;
    background-position: -467px -425px
}

.flag-ma.big {
    width: 32px;
    height: 32px;
    background-position: -509px -425px
}

.flag-mc.big {
    width: 32px;
    height: 32px;
    background-position: -551px -425px
}

.flag-md.big {
    width: 32px;
    height: 32px;
    background-position: -593px -425px
}

.flag-me.big {
    width: 32px;
    height: 32px;
    background-position: -635px -425px
}

.flag-mf.big {
    width: 32px;
    height: 32px;
    background-position: -5px -467px
}

.flag-mg.big {
    width: 32px;
    height: 32px;
    background-position: -47px -467px
}

.flag-mh.big {
    width: 32px;
    height: 32px;
    background-position: -89px -467px
}

.flag-mk.big {
    width: 32px;
    height: 32px;
    background-position: -131px -467px
}

.flag-ml.big {
    width: 32px;
    height: 32px;
    background-position: -173px -467px
}

.flag-mm.big {
    width: 32px;
    height: 32px;
    background-position: -215px -467px
}

.flag-mn.big {
    width: 32px;
    height: 32px;
    background-position: -257px -467px
}

.flag-mo.big {
    width: 32px;
    height: 32px;
    background-position: -299px -467px
}

.flag-mp.big {
    width: 32px;
    height: 32px;
    background-position: -341px -467px
}

.flag-mq.big {
    width: 32px;
    height: 32px;
    background-position: -383px -467px
}

.flag-mr.big {
    width: 32px;
    height: 32px;
    background-position: -425px -467px
}

.flag-ms.big {
    width: 32px;
    height: 32px;
    background-position: -467px -467px
}

.flag-mt.big {
    width: 32px;
    height: 32px;
    background-position: -509px -467px
}

.flag-mu.big {
    width: 32px;
    height: 32px;
    background-position: -551px -467px
}

.flag-mv.big {
    width: 32px;
    height: 32px;
    background-position: -593px -467px
}

.flag-mw.big {
    width: 32px;
    height: 32px;
    background-position: -635px -467px
}

.flag-mx.big {
    width: 32px;
    height: 32px;
    background-position: -5px -509px
}

.flag-my.big {
    width: 32px;
    height: 32px;
    background-position: -47px -509px
}

.flag-mz.big {
    width: 32px;
    height: 32px;
    background-position: -89px -509px
}

.flag-na.big {
    width: 32px;
    height: 32px;
    background-position: -131px -509px
}

.flag-nc.big {
    width: 32px;
    height: 32px;
    background-position: -173px -509px
}

.flag-ne.big {
    width: 32px;
    height: 32px;
    background-position: -215px -509px
}

.flag-nf.big {
    width: 32px;
    height: 32px;
    background-position: -257px -509px
}

.flag-ng.big {
    width: 32px;
    height: 32px;
    background-position: -299px -509px
}

.flag-ni.big {
    width: 32px;
    height: 32px;
    background-position: -341px -509px
}

.flag-nl.big {
    width: 32px;
    height: 32px;
    background-position: -383px -509px
}

.flag-no.big {
    width: 32px;
    height: 32px;
    background-position: -425px -509px
}

.flag-np.big {
    width: 32px;
    height: 32px;
    background-position: -467px -509px
}

.flag-nr.big {
    width: 32px;
    height: 32px;
    background-position: -509px -509px
}

.flag-nu.big {
    width: 32px;
    height: 32px;
    background-position: -551px -509px
}

.flag-nz.big {
    width: 32px;
    height: 32px;
    background-position: -593px -509px
}

.flag-om.big {
    width: 32px;
    height: 32px;
    background-position: -635px -509px
}

.flag-pa.big {
    width: 32px;
    height: 32px;
    background-position: -5px -551px
}

.flag-pe.big {
    width: 32px;
    height: 32px;
    background-position: -47px -551px
}

.flag-pf.big {
    width: 32px;
    height: 32px;
    background-position: -89px -551px
}

.flag-pg.big {
    width: 32px;
    height: 32px;
    background-position: -131px -551px
}

.flag-ph.big {
    width: 32px;
    height: 32px;
    background-position: -173px -551px
}

.flag-pk.big {
    width: 32px;
    height: 32px;
    background-position: -215px -551px
}

.flag-pl.big {
    width: 32px;
    height: 32px;
    background-position: -257px -551px
}

.flag-pm.big {
    width: 32px;
    height: 32px;
    background-position: -299px -551px
}

.flag-pn.big {
    width: 32px;
    height: 32px;
    background-position: -341px -551px
}

.flag-pr.big {
    width: 32px;
    height: 32px;
    background-position: -383px -551px
}

.flag-ps.big {
    width: 32px;
    height: 32px;
    background-position: -425px -551px
}

.flag-pt.big {
    width: 32px;
    height: 32px;
    background-position: -467px -551px
}

.flag-pw.big {
    width: 32px;
    height: 32px;
    background-position: -509px -551px
}

.flag-py.big {
    width: 32px;
    height: 32px;
    background-position: -551px -551px
}

.flag-qa.big {
    width: 32px;
    height: 32px;
    background-position: -593px -551px
}

.flag-re.big {
    width: 32px;
    height: 32px;
    background-position: -635px -551px
}

.flag-ro.big {
    width: 32px;
    height: 32px;
    background-position: -5px -593px
}

.flag-rs.big {
    width: 32px;
    height: 32px;
    background-position: -47px -593px
}

.flag-ru.big {
    width: 32px;
    height: 32px;
    background-position: -89px -593px
}

.flag-rw.big {
    width: 32px;
    height: 32px;
    background-position: -131px -593px
}

.flag-sa.big {
    width: 32px;
    height: 32px;
    background-position: -173px -593px
}

.flag-sb.big {
    width: 32px;
    height: 32px;
    background-position: -215px -593px
}

.flag-sc.big {
    width: 32px;
    height: 32px;
    background-position: -257px -593px
}

.flag-sd.big {
    width: 32px;
    height: 32px;
    background-position: -299px -593px
}

.flag-se.big {
    width: 32px;
    height: 32px;
    background-position: -341px -593px
}

.flag-sg.big {
    width: 32px;
    height: 32px;
    background-position: -383px -593px
}

.flag-sh.big {
    width: 32px;
    height: 32px;
    background-position: -425px -593px
}

.flag-si.big {
    width: 32px;
    height: 32px;
    background-position: -467px -593px
}

.flag-sj.big {
    width: 32px;
    height: 32px;
    background-position: -509px -593px
}

.flag-sk.big {
    width: 32px;
    height: 32px;
    background-position: -551px -593px
}

.flag-sl.big {
    width: 32px;
    height: 32px;
    background-position: -593px -593px
}

.flag-sm.big {
    width: 32px;
    height: 32px;
    background-position: -635px -593px
}

.flag-sn.big {
    width: 32px;
    height: 32px;
    background-position: -5px -635px
}

.flag-so.big {
    width: 32px;
    height: 32px;
    background-position: -47px -635px
}

.flag-sr.big {
    width: 32px;
    height: 32px;
    background-position: -89px -635px
}

.flag-ss.big {
    width: 32px;
    height: 32px;
    background-position: -131px -635px
}

.flag-st.big {
    width: 32px;
    height: 32px;
    background-position: -173px -635px
}

.flag-sv.big {
    width: 32px;
    height: 32px;
    background-position: -215px -635px
}

.flag-sx.big {
    width: 32px;
    height: 32px;
    background-position: -257px -635px
}

.flag-sy.big {
    width: 32px;
    height: 32px;
    background-position: -299px -635px
}

.flag-sz.big {
    width: 32px;
    height: 32px;
    background-position: -341px -635px
}

.flag-tc.big {
    width: 32px;
    height: 32px;
    background-position: -383px -635px
}

.flag-td.big {
    width: 32px;
    height: 32px;
    background-position: -425px -635px
}

.flag-tf.big {
    width: 32px;
    height: 32px;
    background-position: -467px -635px
}

.flag-tg.big {
    width: 32px;
    height: 32px;
    background-position: -509px -635px
}

.flag-th.big {
    width: 32px;
    height: 32px;
    background-position: -551px -635px
}

.flag-tj.big {
    width: 32px;
    height: 32px;
    background-position: -593px -635px
}

.flag-tk.big {
    width: 32px;
    height: 32px;
    background-position: -635px -635px
}

.flag-tl.big {
    width: 32px;
    height: 32px;
    background-position: -677px -5px
}

.flag-tm.big {
    width: 32px;
    height: 32px;
    background-position: -677px -47px
}

.flag-tn.big {
    width: 32px;
    height: 32px;
    background-position: -677px -89px
}

.flag-to.big {
    width: 32px;
    height: 32px;
    background-position: -677px -131px
}

.flag-tr.big {
    width: 32px;
    height: 32px;
    background-position: -677px -173px
}

.flag-tt.big {
    width: 32px;
    height: 32px;
    background-position: -677px -215px
}

.flag-tv.big {
    width: 32px;
    height: 32px;
    background-position: -677px -257px
}

.flag-tw.big {
    width: 32px;
    height: 32px;
    background-position: -677px -299px
}

.flag-tz.big {
    width: 32px;
    height: 32px;
    background-position: -677px -341px
}

.flag-ua.big {
    width: 32px;
    height: 32px;
    background-position: -677px -383px
}

.flag-ug.big {
    width: 32px;
    height: 32px;
    background-position: -677px -425px
}

.flag-um.big {
    width: 32px;
    height: 32px;
    background-position: -677px -467px
}

.flag-us.big {
    width: 32px;
    height: 32px;
    background-position: -677px -509px
}

.flag-uy.big {
    width: 32px;
    height: 32px;
    background-position: -677px -551px
}

.flag-uz.big {
    width: 32px;
    height: 32px;
    background-position: -677px -593px
}

.flag-va.big {
    width: 32px;
    height: 32px;
    background-position: -677px -635px
}

.flag-vc.big {
    width: 32px;
    height: 32px;
    background-position: -5px -677px
}

.flag-ve.big {
    width: 32px;
    height: 32px;
    background-position: -47px -677px
}

.flag-vg.big {
    width: 32px;
    height: 32px;
    background-position: -89px -677px
}

.flag-vi.big {
    width: 32px;
    height: 32px;
    background-position: -131px -677px
}

.flag-vn.big {
    width: 32px;
    height: 32px;
    background-position: -173px -677px
}

.flag-vu.big {
    width: 32px;
    height: 32px;
    background-position: -215px -677px
}

.flag-wf.big {
    width: 32px;
    height: 32px;
    background-position: -257px -677px
}

.flag-ws.big {
    width: 32px;
    height: 32px;
    background-position: -299px -677px
}

.flag-ye.big {
    width: 32px;
    height: 32px;
    background-position: -341px -677px
}

.flag-yt.big {
    width: 32px;
    height: 32px;
    background-position: -383px -677px
}

.flag-za.big {
    width: 32px;
    height: 32px;
    background-position: -425px -677px
}

.flag-zm.big {
    width: 32px;
    height: 32px;
    background-position: -467px -677px
}

.flag-zw.big {
    width: 32px;
    height: 32px;
    background-position: -509px -677px
}