img.pe-black-and-white.native {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray!important;
    -webkit-transition: -webkit-filter .3s ease-out;
    -moz-transition: -moz-filter .3s ease-out;
    -ms-transition: -ms-filter .3s ease-out;
    -o-transition: -o-filter .3s ease-out;
    transition: filter .3s ease-out;
    -webkit-transform: translateZ(0px)
}
img.pe-black-and-white.native:hover,
a:hover img.pe-black-and-white.native {
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none!important
}
img.pe-black-and-white.svg-filter {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    opacity: 1;
    /*filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iZ3JheXNjYWxlIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PC9maWx0ZXI+PC9zdmc+#grayscale)*/
}
img.pe-black-and-white.svg-filter:hover,
a:hover img.pe-black-and-white.svg-filter {
    opacity: 0!important
}
.pe-black-and-white-container svg {
    -o-transition: opacity .3s ease-out;
    -ms-transition: -ms-filter .3s ease-out;
    transition: opacity .3s ease-out;
    opacity: 1
}
.pe-black-and-white-container svg:hover,
.pe-black-and-white-container:hover svg {
    opacity: 0!important
}
.peBackground {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}
.pePatternOverlay {
    z-index: 2;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../framework/css/../img/content/pat1.png) repeat
}
.peBackground img {
    display: block;
    position: absolute;
    -webkit-transform-origin: 0 0
}
.peOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.bgColor {
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.1)
}
.peBackground img.pePrevBW {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 1
}
.peBackground img.pePrevColor {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 2
}
.peBackground img.peCurrentBW {
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    -ms-transition: opacity .8s;
    transition: opacity .8s;
    z-index: 4
}
.peBackground img.peCurrentColor {
    -webkit-transition: opacity 1.2s;
    -moz-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    -ms-transition: opacity 1.2s;
    transition: opacity 1.2s;
    z-index: 5
}
.peBackground img,
.pePatternOverlay img {
    max-width: inherit
}

.row {
    margin-left: -20px;
    *zoom: 1
}
.row:before,
.row:after {
    display: table;
    line-height: 0;
    content: ""
}
.row:after {
    clear: both
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px
}
.span12 {
    width: 940px
}
.span11 {
    width: 860px
}
.span10 {
    width: 780px
}
.span9 {
    width: 700px
}
.span8 {
    width: 620px
}
.span7 {
    width: 540px
}
.span6 {
    width: 460px
}
.span5 {
    width: 380px
}
.span4 {
    width: 300px
}
.span3 {
    width: 220px
}
.span2 {
    width: 140px
}
.span1 {
    width: 60px
}
.offset12 {
    margin-left: 980px
}
.offset11 {
    margin-left: 900px
}
.offset10 {
    margin-left: 820px
}
.offset9 {
    margin-left: 740px
}
.offset8 {
    margin-left: 660px
}
.offset7 {
    margin-left: 580px
}
.offset6 {
    margin-left: 500px
}
.offset5 {
    margin-left: 420px
}
.offset4 {
    margin-left: 340px
}
.offset3 {
    margin-left: 260px
}
.offset2 {
    margin-left: 180px
}
.offset1 {
    margin-left: 100px
}
.row-fluid {
    width: 100%;
    *zoom: 1
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: ""
}
.row-fluid:after {
    clear: both
}
.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.127659574468085%
}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%
}
.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%
}
.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%
}
.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%
}
.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%
}
.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%
}
.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%
}
.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%
}
.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%
}
.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%
}
.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%
}
.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%
}
.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%
}
.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%
}
.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%
}
.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%
}
.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%
}
.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%
}
.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%
}
.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%
}
.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%
}
.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%
}
.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%
}
.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%
}
.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%
}
.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%
}
.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%
}
.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%
}
.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%
}
.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%
}
.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%
}
.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%
}
.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%
}
.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%
}
.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%
}
.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
    display: none
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right
}
.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}
.container:before,
.container:after {
    display: table;
    line-height: 0;
    content: ""
}
.container:after {
    clear: both
}
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1
}
.container-fluid:before,
.container-fluid:after {
    display: table;
    line-height: 0;
    content: ""
}
.container-fluid:after {
    clear: both
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1
}
.thumbnails:before,
.thumbnails:after {
    display: table;
    line-height: 0;
    content: ""
}
.thumbnails:after {
    clear: both
}
.row-fluid .thumbnails {
    margin-left: 0
}
.thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px
}
.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.thumbnail:hover {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25)
}
.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}
.thumbnail .caption {
    padding: 9px;
    color: #555
}


@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@media(min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-tablet {
        display: inherit!important
    }
    .hidden-tablet {
        display: none!important
    }
}
@media(max-width:767px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-phone {
        display: inherit!important
    }
    .hidden-phone {
        display: none!important
    }
}
@media(min-width:1200px) {
    .row {
        margin-left: -30px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row:after {
        clear: both
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1170px
    }
    .span12 {
        width: 1170px
    }
    .span11 {
        width: 1070px
    }
    .span10 {
        width: 970px
    }
    .span9 {
        width: 870px
    }
    .span8 {
        width: 770px
    }
    .span7 {
        width: 670px
    }
    .span6 {
        width: 570px
    }
    .span5 {
        width: 470px
    }
    .span4 {
        width: 370px
    }
    .span3 {
        width: 270px
    }
    .span2 {
        width: 170px
    }
    .span1 {
        width: 70px
    }
    .offset12 {
        margin-left: 1230px
    }
    .offset11 {
        margin-left: 1130px
    }
    .offset10 {
        margin-left: 1030px
    }
    .offset9 {
        margin-left: 930px
    }
    .offset8 {
        margin-left: 830px
    }
    .offset7 {
        margin-left: 730px
    }
    .offset6 {
        margin-left: 630px
    }
    .offset5 {
        margin-left: 530px
    }
    .offset4 {
        margin-left: 430px
    }
    .offset3 {
        margin-left: 330px
    }
    .offset2 {
        margin-left: 230px
    }
    .offset1 {
        margin-left: 130px
    }
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.564102564102564%;
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }
    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 2.564102564102564%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.45299145299145%;
        *width: 91.39979996362975%
    }
    .row-fluid .span10 {
        width: 82.90598290598291%;
        *width: 82.8527914166212%
    }
    .row-fluid .span9 {
        width: 74.35897435897436%;
        *width: 74.30578286961266%
    }
    .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%
    }
    .row-fluid .span7 {
        width: 57.26495726495726%;
        *width: 57.21176577559556%
    }
    .row-fluid .span6 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%
    }
    .row-fluid .span5 {
        width: 40.17094017094017%;
        *width: 40.11774868157847%
    }
    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%
    }
    .row-fluid .span3 {
        width: 23.076923076923077%;
        *width: 23.023731587561375%
    }
    .row-fluid .span2 {
        width: 14.52991452991453%;
        *width: 14.476723040552828%
    }
    .row-fluid .span1 {
        width: 5.982905982905983%;
        *width: 5.929714493544281%
    }
    .row-fluid .offset12 {
        margin-left: 105.12820512820512%;
        *margin-left: 105.02182214948171%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.56410256410257%;
        *margin-left: 102.45771958537915%
    }
    .row-fluid .offset11 {
        margin-left: 96.58119658119658%;
        *margin-left: 96.47481360247316%
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.01709401709402%;
        *margin-left: 93.91071103837061%
    }
    .row-fluid .offset10 {
        margin-left: 88.03418803418803%;
        *margin-left: 87.92780505546462%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.47008547008548%;
        *margin-left: 85.36370249136206%
    }
    .row-fluid .offset9 {
        margin-left: 79.48717948717949%;
        *margin-left: 79.38079650845607%
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.92307692307693%;
        *margin-left: 76.81669394435352%
    }
    .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%
    }
    .row-fluid .offset7 {
        margin-left: 62.393162393162385%;
        *margin-left: 62.28677941443899%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.82905982905982%;
        *margin-left: 59.72267685033642%
    }
    .row-fluid .offset6 {
        margin-left: 53.84615384615384%;
        *margin-left: 53.739770867430444%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.28205128205128%;
        *margin-left: 51.175668303327875%
    }
    .row-fluid .offset5 {
        margin-left: 45.299145299145295%;
        *margin-left: 45.1927623204219%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.73504273504273%;
        *margin-left: 42.62865975631933%
    }
    .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%
    }
    .row-fluid .offset3 {
        margin-left: 28.205128205128204%;
        *margin-left: 28.0987452264048%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.641025641025642%;
        *margin-left: 25.53464266230224%
    }
    .row-fluid .offset2 {
        margin-left: 19.65811965811966%;
        *margin-left: 19.551736679396257%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.094017094017094%;
        *margin-left: 16.98763411529369%
    }
    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
        *margin-left: 11.004728132387708%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
        *margin-left: 8.440625568285142%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 30px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 1156px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 1056px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 956px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 856px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 756px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 656px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 556px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 456px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 356px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 256px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 156px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 56px
    }
    .thumbnails {
        margin-left: -30px
    }
    .thumbnails>li {
        margin-left: 30px
    }
    .row-fluid .thumbnails {
        margin-left: 0
    }
}
@media(min-width:768px) and (max-width:979px) {
    .row {
        margin-left: -20px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row:after {
        clear: both
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px
    }
    .span12 {
        width: 724px
    }
    .span11 {
        width: 662px
    }
    .span10 {
        width: 600px
    }
    .span9 {
        width: 538px
    }
    .span8 {
        width: 476px
    }
    .span7 {
        width: 414px
    }
    .span6 {
        width: 352px
    }
    .span5 {
        width: 290px
    }
    .span4 {
        width: 228px
    }
    .span3 {
        width: 166px
    }
    .span2 {
        width: 104px
    }
    .span1 {
        width: 42px
    }
    .offset12 {
        margin-left: 764px
    }
    .offset11 {
        margin-left: 702px
    }
    .offset10 {
        margin-left: 640px
    }
    .offset9 {
        margin-left: 578px
    }
    .offset8 {
        margin-left: 516px
    }
    .offset7 {
        margin-left: 454px
    }
    .offset6 {
        margin-left: 392px
    }
    .offset5 {
        margin-left: 330px
    }
    .offset4 {
        margin-left: 268px
    }
    .offset3 {
        margin-left: 206px
    }
    .offset2 {
        margin-left: 144px
    }
    .offset1 {
        margin-left: 82px
    }
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.7624309392265194%;
        *margin-left: 2.709239449864817%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }
    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 2.7624309392265194%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.43646408839778%;
        *width: 91.38327259903608%
    }
    .row-fluid .span10 {
        width: 82.87292817679558%;
        *width: 82.81973668743387%
    }
    .row-fluid .span9 {
        width: 74.30939226519337%;
        *width: 74.25620077583166%
    }
    .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%
    }
    .row-fluid .span7 {
        width: 57.18232044198895%;
        *width: 57.12912895262725%
    }
    .row-fluid .span6 {
        width: 48.61878453038674%;
        *width: 48.56559304102504%
    }
    .row-fluid .span5 {
        width: 40.05524861878453%;
        *width: 40.00205712942283%
    }
    .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%
    }
    .row-fluid .span3 {
        width: 22.92817679558011%;
        *width: 22.87498530621841%
    }
    .row-fluid .span2 {
        width: 14.3646408839779%;
        *width: 14.311449394616199%
    }
    .row-fluid .span1 {
        width: 5.801104972375691%;
        *width: 5.747913483013988%
    }
    .row-fluid .offset12 {
        margin-left: 105.52486187845304%;
        *margin-left: 105.41847889972962%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.76243093922652%;
        *margin-left: 102.6560479605031%
    }
    .row-fluid .offset11 {
        margin-left: 96.96132596685082%;
        *margin-left: 96.8549429881274%
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.1988950276243%;
        *margin-left: 94.09251204890089%
    }
    .row-fluid .offset10 {
        margin-left: 88.39779005524862%;
        *margin-left: 88.2914070765252%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.6353591160221%;
        *margin-left: 85.52897613729868%
    }
    .row-fluid .offset9 {
        margin-left: 79.8342541436464%;
        *margin-left: 79.72787116492299%
    }
    .row-fluid .offset9:first-child {
        margin-left: 77.07182320441989%;
        *margin-left: 76.96544022569647%
    }
    .row-fluid .offset8 {
        margin-left: 71.2707182320442%;
        *margin-left: 71.16433525332079%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.50828729281768%;
        *margin-left: 68.40190431409427%
    }
    .row-fluid .offset7 {
        margin-left: 62.70718232044199%;
        *margin-left: 62.600799341718584%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.94475138121547%;
        *margin-left: 59.838368402492065%
    }
    .row-fluid .offset6 {
        margin-left: 54.14364640883978%;
        *margin-left: 54.037263430116376%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.38121546961326%;
        *margin-left: 51.27483249088986%
    }
    .row-fluid .offset5 {
        margin-left: 45.58011049723757%;
        *margin-left: 45.47372751851417%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.81767955801105%;
        *margin-left: 42.71129657928765%
    }
    .row-fluid .offset4 {
        margin-left: 37.01657458563536%;
        *margin-left: 36.91019160691196%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.25414364640884%;
        *margin-left: 34.14776066768544%
    }
    .row-fluid .offset3 {
        margin-left: 28.45303867403315%;
        *margin-left: 28.346655695309746%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.69060773480663%;
        *margin-left: 25.584224756083227%
    }
    .row-fluid .offset2 {
        margin-left: 19.88950276243094%;
        *margin-left: 19.783119783707537%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.12707182320442%;
        *margin-left: 17.02068884448102%
    }
    .row-fluid .offset1 {
        margin-left: 11.32596685082873%;
        *margin-left: 11.219583872105325%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.56353591160221%;
        *margin-left: 8.457152932878806%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 20px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 710px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 648px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 586px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 524px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 462px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 400px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 338px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 276px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 214px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 152px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 90px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 28px
    }
}
@media(max-width:767px) {
    body {
        padding-right: 20px;
        padding-left: 20px
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-right: -20px;
        margin-left: -20px
    }
    .container-fluid {
        padding: 0
    }
    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left
    }
    .dl-horizontal dd {
        margin-left: 0
    }
    .container {
        width: auto
    }
    .row-fluid {
        width: 100%
    }
    .row,
    .thumbnails {
        margin-left: 0
    }
    .thumbnails>li {
        float: none;
        margin-left: 0
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*="offset"]:first-child {
        margin-left: 0
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .input-prepend input,
    .input-append input,
    .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 0
    }
    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0
    }
    .modal.fade {
        top: -100px
    }
    .modal.fade.in {
        top: 20px
    }
}
@media(max-width:480px) {
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }
    .page-header h1 small {
        display: block;
        line-height: 20px
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-list {
        padding-top: 0
    }
    .form-horizontal .form-actions {
        padding-right: 10px;
        padding-left: 10px
    }
    .media .pull-left,
    .media .pull-right {
        display: block;
        float: none;
        margin-bottom: 10px
    }
    .media-object {
        margin-right: 0;
        margin-left: 0
    }
    .modal {
        top: 10px;
        right: 10px;
        left: 10px
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px
    }
    .carousel-caption {
        position: static
    }
}
@media(max-width:979px) {
    body {
        padding-top: 0
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static
    }
    .navbar-fixed-top {
        margin-bottom: 20px
    }
    .navbar-fixed-bottom {
        margin-top: 20px
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px
    }
    .navbar .container {
        width: auto;
        padding: 0
    }
    .navbar .brand {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 0 0 -5px
    }
    .nav-collapse {
        clear: both
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px
    }
    .nav-collapse .nav>li {
        float: none
    }
    .nav-collapse .nav>li>a {
        margin-bottom: 2px
    }
    .nav-collapse .nav>.divider-vertical {
        display: none
    }
    .nav-collapse .nav .nav-header {
        color: #777;
        text-shadow: none
    }
    .nav-collapse .nav>li>a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px
    }
    .nav-collapse .nav>li>a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #f2f2f2
    }
    .navbar-inverse .nav-collapse .nav>li>a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999
    }
    .navbar-inverse .nav-collapse .nav>li>a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover {
        background-color: #111
    }
    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        display: none;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 15px;
        background-color: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .nav-collapse .open>.dropdown-menu {
        display: block
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none
    }
    .nav-collapse .dropdown-menu .divider {
        display: none
    }
    .nav-collapse .nav>li>.dropdown-menu:before,
    .nav-collapse .nav>li>.dropdown-menu:after {
        display: none
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111;
        border-bottom-color: #111
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden
    }
    .navbar .btn-navbar {
        display: block
    }
    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px
    }
}
@media(min-width:980px) {
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
}
a.peVideo video,
a.peVideo iframe {
    display: block;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}
.ppcontrols.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1
}
.videoWrapper {
    position: relative;
    height: 0;
    margin-bottom: 20px;
    overflow: hidden
}
.videoWrapper a.peVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    cursor: pointer
}
.videoWrapper a.peVideo span.largePlay {
    height: 100%;
    left: 0;
    margin: 0!important;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    opacity: .7;
    background: url("../../framework/css/video/img/vid_start.png") no-repeat center center
}
.videoWrapper a.peVideo:hover span.largePlay {
    opacity: 1
}
.videoWrapper a.peVideo>div {
    height: 100%;
    left: 0;
    margin: 0!important;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
    background-color: black
}
.videoWrapper.sixteenBYnine {
    padding-bottom: 56.25%
}
.videoWrapper.fourBYthree {
    padding-bottom: 75%
}
.videoWrapper.youtube {
    padding-top: 0
}
.videoWrapper.youtube .peVideo img {
    margin-top: -9.41%
}
.videoWrapper.youtube.customCover .peVideo img {
    margin-top: 0
}
.videoWrapper.local,
.videoWrapper.vidly,
.videoWrapper.vimeo {
    padding-top: 0
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}
.peIsotopeGrid .peIsotopeItem>div>a {
    display: block;
    margin:8px;
}
.peIsotopeGrid .peIsotopeItem>span.border {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 50
}
.mobile .peIsotopeGrid .peIsotopeItem>span.border {
    -webkit-transform: translateZ(0px)
}
.peIsotopeGrid .peIsotopeItem>span.border.left {
    border-left: 2px solid #fff;
    width: 0;
    top: 0;
    bottom: 0
}
.peIsotopeGrid .peIsotopeItem>span.border.top {
    border-top: 2px solid #fff;
    top: 0;
    left: 0;
    right: 0
}
.peIsotopeGrid .peIsotopeItem.grid-first-col span.border.left {
    display: none
}
.peIsotopeGrid .peIsotopeItem.grid-first-row span.border.top {
    display: none
}
.peIsotopeGrid .peIsotopeItem span.cell-title {
    pointer-events: false;
    position: absolute;
    z-index: 1;
    left: 8px;
    bottom: 8px;
    right: 8px;
    padding: 5px 20px;
    display: block;
    color: #ccc;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 16px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    
}
.peIsotopeGrid .peIsotopeItem span.cell-title.no-padding {
    padding: 0
}
.peIsotopeGrid .peIsotopeItem span.cell-title.no-padding a {
    padding: 5px 20px;
    display: block
}
.peIsotopeGrid .peIsotopeItem span.cell-title.no-padding a>i {
    position: absolute;
    right: 20px;
    bottom: 8px;
    font-size: 16px
}
.mobile .peIsotopeGrid .peIsotopeItem span.cell-title {
    -webkit-transform: translateZ(0px)
}
.peIsotopeGrid .peIsotopeItem span.cell-title.show-on-top {
    z-index: 10
}
.peIsotopeGrid .peIsotopeItem .scalable {
    overflow: hidden;
    z-index: 2;
    position: relative;
    border-radius:14px;
}
.peIsotopeGrid .peIsotopeItem.isotope-item .scalable img {
    max-width: 100%;
    border-radius:14px;
}
.peIsotopeGrid .peIsotopeItem {
    float: left
}
.peIsotopeGrid .peIsotopeItem.isotope-item {
    float: none
}
.row-fluid.carouselBox {
    left: 10px!important;
    margin-left: -20px!important;
    position: relative;
    width: auto!important
}
.row-fluid.carouselBox .peWrap>div>div {
    margin-left: 10px;
    margin-right: 10px
}
.peVolo .peWrap,
.peVolo .peWrap>div,
.peVolo .peWrap>div>img,
.peVolo .peWrap>div>a,
.peVolo .peWrap>div>a>img {
    padding: 0!important;
    border: 0!important;
    vertical-align: baseline;
    box-shadow: none!important;
    border-radius: 0!important;
    outline: 0!important;
    text-decoration: none!important
}
.peVolo {
    padding: 0!important;
    overflow: hidden;
    outline: 0!important;
    text-decoration: none!important;
    position: relative
}
.peVolo>div img {
    display: none
}
.peVolo>div.visible img {
    display: block
}
.peVolo>.peWrap>div img {
    display: block
}
.peVolo.peVoloMobile .peWrap>div img {
    -webkit-transform: translateZ(0px)
}
.peVolo .peWrap,
.peVolo .peWrap>div {
    -webkit-transform: translateZ(0px)
}
.peVolo .peWrap>div.scale img {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    max-width: none
}
.peVolo .peWrap {
    padding: 0!important;
    overflow: hidden
}
.peVolo .peWrap>div {
    visibility: hidden;
    overflow: hidden;
    float: left;
    background-color: rgba(255, 255, 255, 0.01)
}
.peFlareLightbox {
    z-index: 10000;
    position: fixed;
    overflow: hidden;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    opacity: 0;
    filter: Alpha(Opacity=0);
    overflow: hidden;
    left: 0;
    display: none;
    zoom: 1
}
.peFlareLightbox img {
    max-width: none!important
}
.peFlareLightbox div,
.peFlareLightbox span,
.peFlareLightbox img {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0
}
.peFlareLightbox.peFlareLightboxActive {
    opacity: 1
}
.peFlareLightbox .peFlareLightboxHidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    filter: Alpha(Opacity=0);
    z-index: 1
}
.peFlareLightbox .peFlareLightboxOverlay {
    position: absolute;
    opacity: .8;
    background-color: black;
    filter: Alpha(Opacity=100);
    width: 100%;
    height: 100%;
    z-index: 2
}
.peFlareLightbox .peFlareLightboxContent {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3
}
.peFlareLightbox .peFlareLightboxCaptions {
    -webkit-transform: translateZ(0px);
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    -ms-transition: top .5s;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4
}
.peFlareLightbox .peFlareLightboxThumbs {
    -webkit-transform: translateZ(0px);
    position: absolute;
    width: 100%;
    height: 86px;
    margin-top: -84px;
    top: 100%;
    z-index: 5;
    -webkit-transition: margin-top .5s;
    -moz-transition: margin-top .5s;
    -o-transition: margin-top .5s;
    -ms-transition: margin-top .5s
}
.peFlareLightbox .peFlareLightboxVideo {
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0;
    visibility: hidden
}
.peFlareLightbox .peFlareLightboxVideo video {
    display: block
}
.peFlareLightbox .peFlareLightboxVideo.peFlareLightboxActive {
    opacity: 1;
    visibility: visible
}
.peFlareLightbox .peFlareLightboxVideo>div,
.peFlareLightbox .peFlareLightboxVideo>iframe {
    width: 100%
}
.peFlareLightbox .peFlareLightboxThumbs.peFlareLightboxActive {

}
.peFlareLightbox .peFlareLightboxThumbs>span {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: -50px
}
.peFlareLightbox.msie .peFlareLightboxThumbs>span {
    background-color: black;
    opacity: 0;
    filter: Alpha(Opacity=0)
}
.peFlareLightbox .peFlareLightboxThumbs>div {
    overflow: hidden;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5)
}
.peFlareLightbox .peFlareLightboxThumbs>div>div {
    overflow: hidden;
    margin: auto
}
.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}
.peFlareLightbox.mobile .peFlareLightboxThumbs>div>div.touchMove {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s
}
.peFlareLightbox .peFlareLightboxThumbs>div>div>span {
    width: 90px;
    height: 60px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 10px 0 10px 10px;
    cursor: pointer
}
.peFlareLightbox .peFlareLightboxThumbs>div>span {
    width: 90px;
    height: 60px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 10px 0 10px 10px;
    cursor: pointer
}
.peFlareLightbox .peFlareLightboxThumbs>div>span.loaded {
    background-image: none
}
.peFlareLightbox .peFlareLightboxContent>div {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateZ(0px);
    position: absolute;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}
.peFlareLightbox .peFlareLightboxContent>div.touchMove {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s
}
.peFlareLightbox .peFlareLightboxControls {
    -webkit-transform: translateZ(0px);
    z-index: 1000;
    left: 0;
    width:100%;
    height:90%;
    position: absolute
}
.peFlareLightbox .peFlareLightboxControls>div {
    position: relative;
    left: 0;
    height:100%;
}
.peFlareLightbox .peFlareLightboxControls a {
    display: block;
    float: right;
    margin: 5px 5px 5px 0;
    z-index: 1000
}
.peFlareLightbox .peFlareLightboxSpinner {
    -webkit-transform: translateZ(0px);
    z-index: 1010;
    width: 100%;
    height: 100%;
    position: absolute;
    filter: Alpha(Opacity=100)
}
.peFlareLightbox .peFlareLightboxSpinner span {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    border-radius: 4px;
    filter: Alpha(Opacity=100)
}
.peFlareLightbox a.peFlareLightboxVideoIcon {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0px);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: block;
    height: 84px;
    width: 84px;
    top: 50%;
    left: 50%;
    display: block;
    visibility: hidden;
    opacity: 0
}
.peFlareLightbox a.peFlareLightboxVideoIcon.peFlareLightboxActive {
    opacity: 1;
    visibility: visible
}
.peFlareLightbox a.peFlareLightboxVideoIcon span {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    display: block;
    width: 84px;
    height: 84px;
    margin-top: -42px;
    margin-left: -42px
}
.peFlareLightbox .peFlareLightboxContent .peFlareLightboxRenderImage img {
    -webkit-transition: all 1s
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
    background-color: black;
    filter: Alpha(Opacity=100);
    opacity: 1
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img {
    display: block;
    position: absolute;
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateZ(0px)
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevBW {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    z-index: 1
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.pePrevColor {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    z-index: 2
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentBW {
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    -ms-transition: opacity .8s;
    z-index: 4
}
.peFlareLightbox .peFlareLightboxContent>div.peFlareLightboxRenderGallery img.peCurrentColor {
    -webkit-transition: opacity 1.2s;
    -moz-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    -ms-transition: opacity 1.2s;
    z-index: 5
}
.peFlareDescription {
    display: none!important
}
.peFlareLightbox .peFlareLightboxCaptions>div>div,
.peFlareLightbox .peFlareLightboxCaptions>div {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    outline: 0;
    background: transparent
}
.peFlareLightbox .peFlareLightboxCaptions>div {
    -webkit-transform: translateZ(0px);
    width: 100%;
    opacity: 0;
    filter: Alpha(Opacity=0);
    padding: 0;
    margin: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    top:0 !important;
    margin-top:-10px;
}
.peFlareLightbox .peFlareLightboxCaptions>div>div {
    padding: 25px;
    margin: auto;
    max-width: 880px;
    overflow: hidden
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>h3,
.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    margin-top: 15px
}
.peFlareLightbox .peFlareLightboxCaptions>div.peFlareLightboxActive {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    opacity: 1
}
@media(min-width:480px) and (max-width:767px) {
    .peFlareLightbox a.peFlareLightboxVideoIcon {
        height: 42px;
        width: 42px
    }
    .peFlareLightbox a.peFlareLightboxVideoIcon span {
        width: 42px;
        height: 42px;
        margin-top: -21px;
        margin-left: -21px
    }
}
.hiddenLightboxContent {
    display: none!important
}
.peFlareLightbox .peFlareLightboxControls a {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
}
.peFlareLightbox .peFlareLightboxControls a:hover {
    opacity: 1
}
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlPrev {
    background: url(/gfx/arrow_left_orange.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    left:5%;
    background-size:contain;
}
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlNext {
    background: url(/gfx/arrow_right_orange.png) no-repeat 0 0;
    position:absolute;
    top:50%;
    right:5%;
    background-size:contain;
}
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlClose {
    background: url(/gfx/sluiten.svg) no-repeat 0 0;
    position:absolute;
    top:10px;
    right:5%
}
.peFlareLightbox .peFlareLightboxControls .eigenlink{
	color: white;
	font-size:12px;
	margin-left:200px
}
.peFlareLightbox .peFlareLightboxControls #imagetitle{
	float: left;
	color: white;
	margin-left:15%;
	margin-top:-10px;
}
.peFlareLightbox .peFlareLightboxControls .eigenlink .eigenlink2{
		float: left;
		background-color: #ff9a1a;
		height: 25px;
		padding: 8px 10px 0 10px;
		margin-left: 10px;
		border-radius: 20px;
		margin-top: -8px;
		cursor: pointer;
}
.peFlareLightbox .peFlareLightboxControls a#peFlareLightboxControlThumbs {
    background: url(/images/default/img/thumbs.png) no-repeat 0 0;
    display:none !important;
}
.peFlareLightbox .peFlareLightboxSpinner span {
    background: url(/images/default/img/spinner.gif) no-repeat center center;
    background-color: black;
    background-color: rgba(0, 0, 0, .8)
}
.peFlareLightbox .peFlareLightboxThumbs>div>span {
    background: url(/images/default/img/spinner.gif) no-repeat center center;
    background-color: black;
    background-color: rgba(0, 0, 0, .8)
}
.peFlareLightbox a.peFlareLightboxVideoIcon span {
    background: url("/images/default/img/start.png") no-repeat 0 0
}
.peFlareLightbox a.peFlareLightboxVideoIcon:hover span {
    background-position: 0 -84px
}
.peFlareLightbox .peFlareLightboxThumbs>div>div>span {
    border: 2px solid white;
    box-shadow: 2px 2px 2px #000
}
.peFlareLightbox.desktop .peFlareLightboxContent .peFlareLightboxRenderImage img.fit {
    border: 4px solid white;
    box-shadow: 4px 4px 4px #000
}
.peFlareLightbox .peFlareLightboxCaptions>div {

}
.peFlareLightbox .peFlareLightboxCaptions>div>div>h3 {
    font-size: 16px !important;
    font-weight: 600;
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>h3,
.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    color: white;
    font-family: 'Open Sans', sans-serif;
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
      font-size: 14px !important;
      font-weight: 100;
      width: 85%;
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 12px;
    line-height: 18px;
    color: white
}
p.peFlareLightboxFontPreload {
    font-family: 'Open Sans', sans-serif;
    opacity: 0;
    display: inline;
    font-size: 1px;
    width: 1px;
    height: 1px;
    position: fixed
}
@media(min-width:480px) and (max-width:767px) {
    .peFlareLightbox a.peFlareLightboxVideoIcon span {
        background: url("../../framework/js/pe.flare/themes/default/img/start_mob.png") no-repeat 0 0
    }
    .peFlareLightbox a.peFlareLightboxVideoIcon:hover span {
        background-position: 0 -42px
    }
}
@charset "UTF-8";
body {
    -webkit-backface-visibility: hidden
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}
@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}
@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}
.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }
    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0)
    }
}
@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }
    10%,
    20% {
        -o-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -o-transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}
@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}
@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}
@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%)
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -moz-transform: translateX(0%)
    }
}
@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%)
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -o-transform: translateX(0%)
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes pulse {
    0% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}
.flip {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible!important;
    -o-animation-name: flip;
    backface-visibility: visible!important;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    backface-visibility: visible!important;
    animation-name: flipInX
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible!important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible!important;
    animation-name: flipOutX;
    backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipOutY;
    backface-visibility: visible!important;
    animation-name: flipOutY
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}
@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}
@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}
@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}
@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}
@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}
@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}
@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}
@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}
@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}
@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}
@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}
.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-500px)
    }
}
@-moz-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-500px)
    }
}
@-o-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-500px)
    }
}
@keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-500px)
    }
}
.fadeOutUpMed {
    -webkit-animation-name: fadeOutUpMed;
    -moz-animation-name: fadeOutUpMed;
    -o-animation-name: fadeOutUpMed;
    animation-name: fadeOutUpMed
}
@-webkit-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(500px)
    }
}
@-moz-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(500px)
    }
}
@-o-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(500px)
    }
}
@keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(500px)
    }
}
.fadeOutDownMed {
    -webkit-animation-name: fadeOutDownMed;
    -moz-animation-name: fadeOutDownMed;
    -o-animation-name: fadeOutDownMed;
    animation-name: fadeOutDownMed
}
@-webkit-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.5)
    }
}
@-moz-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0.5)
    }
}
@-o-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -o-transform: scale(1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0.5)
    }
}
@keyframes fadeOutScale {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(0.5)
    }
}
.fadeOutScale {
    -webkit-animation-name: fadeOutScale;
    -moz-animation-name: fadeOutScale;
    -o-animation-name: fadeOutScale;
    animation-name: fadeOutScale
}
@-webkit-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}
@-moz-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}
@-o-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -o-transform: scale(1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(1.5)
    }
}
@keyframes fadeOutZoom {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.5)
    }
}
.fadeOutZoom {
    -webkit-animation-name: fadeOutZoom;
    -moz-animation-name: fadeOutZoom;
    -o-animation-name: fadeOutZoom;
    animation-name: fadeOutZoom
}
.peVolo .peVoloPrev,
.peVolo .peVoloNext,
.peVolo .peVoloBullets {
    position: absolute;
    z-index: 100
}
.peVolo .peVoloPrev a,
.peVolo .peVoloNext a {
    display: block;
    width: 30px;
    height: 100%;
    background-color: #000;
    opacity: .2;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}
.peVolo .peVoloPrev a i,
.peVolo .peVoloNext a i {
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    color: #ccc;
    height: 20px;
    margin-left: -1px;
    margin-top: -8px;
    text-align: center
}
.peVolo .peVoloNext a i {
    margin-left: 1px
}
.peVolo .peVoloPrev a:hover,
.peVolo .peVoloNext a:hover {
    opacity: .4
}
.peVolo .peVoloPrev a:hover i,
.peVolo .peVoloNext a:hover i {
    color: #fff
}
.peVolo .peVoloPrev.pe-edges-buttons {
    left: 30px
}
.peVolo .peVoloNext.pe-edges-buttons {
    right: 30px
}
@media(min-width:768px) and (max-width:1024px) {
    .mobile .peVolo .peVoloPrev.pe-edges-buttons {
        left: 20px
    }
    .mobile .peVolo .peVoloNext.pe-edges-buttons {
        right: 20px
    }
}
@media(max-width:767px) {
    .peVolo .peVoloPrev.pe-edges-buttons {
        left: 10px
    }
    .peVolo .peVoloNext.pe-edges-buttons {
        right: 10px
    }
}
@media(max-width:480px) {
    .peVoloBullets {
        display: none!important
    }
}
.peSlider>div>div.peCaption,
.peSlider>div div.peCaption {
    position: absolute;
    visibility: hidden;
    -webkit-transition-duration: 0s!important;
    -webkit-transition-property: none!important;
    -moz-transition-duration: 0s!important;
    -moz-transition-property: none!important;
    -ms-transition-duration: 0s!important;
    -ms-transition-property: none!important;
    -o-transition-duration: 0s!important;
    -o-transition-property: none!important
}
.peSlider>div.peCaption {
    position: absolute;
    z-index: 95;
    opacity: 0
}
@media(max-width:480px) {
    .pe_visible_landscape, .pe_visible_tablet, .pe_visible_desktop {
        display: none!important
    }
}
@media(min-width:481px) and (max-width:767px) {
    .pe_visible_tablet, .pe_visible_desktop {
        display: none!important
    }
}
@media(min-width:768px) and (max-width:980px) {
    .pe_visible_desktop {
        display: none!important
    }
}
@media screen and (max-width: 768px) {
    .peFlareLightbox .peFlareLightboxCaptions>div>div {
        max-width: 100%;
    }
    .peFlareLightbox .gallery-btn-link {
        float: none;
        display: block;
    }
}
@media(max-width:767px) {
    .peSlider>div.peCaption.pe-has-layers {
        display: block!important
    }
}
.peSlider>div.peCaption {
    padding: 15px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    font-family: 'Open Sans';
    max-width: 350px
}
.peSlider>div.peCaption h3 {
    color: #d95137;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: normal
}
.peCaption p {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}
.peCaption .btn {
    margin-top: 10px
}
.peSlider>div.peCaption>.peCaptionLayer {
    position: absolute;
    font-size: 16px;
    padding: 10px;
    white-space: nowrap
}
.peSlider>div.peCaption>.peCaptionLayer img {
    display: block;
    max-width: none
}
@media(max-width:767px) {
    .peSlider>div.peCaption {
        display: none!important
    }
}
.isotope-item img {
    display: block;
    max-width: 100%;
    height: auto
}
.alignright {
    float: right;
    clear: right;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: 5px
}
.alignleft {
    float: left;
    clear: left;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-top: 5px
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 5px
}
.alignnone {
    margin-bottom: 10px
}
p.wp-caption-text {
    margin-top: 5px;
    margin-bottom: 0!important;
    color: #d95137;
    font-size: 11px;
    font-style: normal;
    font-weight: 700
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
.row-fluid .span5-5 {
    width: 47%!important;
    margin-left: 6%!important
}
.row-fluid .span5-5:first-child {
    margin-left: 0!important
}
.divider {
    display: block;
    height: 1px;
    background: transparent;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}
.divider.dashed {
    border-bottom-style: dashed
}
.divider.dotted {
    border-bottom-style: dotted
}

.pe-spacer {
    display: block;
    min-height: 0!important;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both
}
.pe-spacer.size70 {
    height: 70px
}
.pe-spacer.size100 {
    height: 100px
}
.pe-block {
    margin-bottom: 70px
}
.pe-block.nomargin {
    margin-bottom: 0
}
.pe-block:last-child {
    margin-bottom: 0
}
.pe-container {
    max-width: 940px;
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}
.pe-container:before,
.pe-container:after {
    display: table;
    line-height: 0;
    content: ""
}
.pe-container:after {
    clear: both
}
.peSlider>div.peCaption>.pe-caption-large {
    font-size: 35px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: normal
}
.peSlider>div.peCaption>.pe-caption-medium {
    font-size: 24px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: normal
}
.peSlider>div.peCaption>.pe-caption-small {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: normal
}
.peSlider>div.peCaption>.pe-caption-background {
    background-color: #d95137;
    padding: 5px 15px;
    color: #fff
}
.peSlider>div.peCaption>.pe-caption-color {
    color: #d95137
}
.peVolo .peVoloNext a,
.peVolo .peVoloPrev a {
    height: 40px;
    width: 40px;
    margin-top: -20px;
    top: 50%;
    background-color: #000;
    border-radius: 2px;
    -webkit-border-radius: 2px
}
.peVolo .peVoloNext a i,
.peVolo .peVoloPrev a i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-top: 0;
    top: 0;
    color: #fff
}
.peSlider>.peVoloNext,
.peSlider>.peVoloPrev {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.peSlider:hover>.peVoloNext,
.peSlider:hover>.peVoloPrev {
    opacity: 1
}
.ie8 .peSlider>.peVoloNext,
.ie8 .peSlider>.peVoloPrev {
    display: none!important
}
.ie8 .peSlider:hover>.peVoloNext,
.ie8 .peSlider:hover>.peVoloPrev {
    display: block!important
}
.ie8 .peVolo .peVoloNext a,
.ie8 .peVolo .peVoloPrev a {
    background-color: #000;
    -ms-filter: "alpha(opacity=20)";
    filter: alpha(opacity=20)
}


.desktop h3 a:hover {
    color: #d95137
}
.subtitle {
    display: block
}

p.intro {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}
p.intro.large {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #666
}
a {
    color: #d95137;
    text-decoration: none
}
.desktop a:hover,
.desktop a:visited:hover {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.inner-spacer-left {
    margin-left: 20px
}
.inner-spacer-left-lrg {
    margin-left: 50px
}
.inner-spacer-right {
    margin-right: 20px
}
.inner-spacer-right-lrg {
    margin-right: 50px
}
.header {
    border-top: 4px solid #d95137;
    padding-top: 20px
}
header {
    position: relative;
    overflow: visible
}
.head-info {
    margin-top: 15px;
    overflow: visible
}
.head-info .phone {
    float: right;
    margin-bottom: 10px
}
.head-info .sm-icon-wrap {
    float: right;
    clear: right;
    margin-right: 4px;
    position: relative
}
.sm-icon-wrap a {
    width: 24px;
    height: 30px;
    font-size: 22px;
    line-height: 24px;
    color: #ccc;
    display: block;
    float: right;
    margin-right: 4px;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}
.desktop .sm-icon-wrap a:hover {
    color: #d95137
}

.slider {
    height: 380px;
    overflow: hidden;
    position: relative
}
.caption-wrap {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}
.caption {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    margin-top: 120px
}
.tagline {
    padding-top: 42px;
    padding-bottom: 45px;
    position: relative;
    overflow: hidden;
    background: url(../../css/../img/content/tagline_bg_wide.jpg) no-repeat center center
}
.tagline .pe-container {
    z-index: 3;
    position: relative
}
.tagline h1 {
    color: #fff;
    float: left;
    margin-bottom: 0
}
.tagline h2 {
    color: #fff;
    float: left;
    margin-left: 10px;
    margin-bottom: 0
}
.tagline>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.tagline h2 a {
    color: #fff;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff
}
.desktop .tagline h2 a:hover {
    color: #fff;
    border-bottom: 2px solid #d95137
}
.tagline .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d95137;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    z-index: 2
}
.tagline-home {
    padding: 20px 0 20px;
    position: relative
}
.bg-strip {
    position: absolute;
    display: block;
    width: 100%;
    height: 120px;
    background-color: #f6f6f6;
    left: 0;
    z-index: 1
}
.tagline-home .container {
    z-index: 2;
    position: relative
}
.tagline-home h4 {
    padding: 30px 0 40px;
    margin-bottom: 40px
}
.tagline-home .question h4 {
    color: #aaa
}
.tagline-home .question,
.tagline-home .answer {
    z-index: 2;
    position: relative
}
.tagline-home .read-more {
    border-color: #e9e9e9
}
.tagline-home .answer .accent {
    padding: 3px 8px;
    border: 1px solid #e9e9e9;
    font-size: 22px;
    margin-right: 5px
}
.action {
    background-color: #f6f6f6
}
.action.disabled {
    display: none
}
.action .pe-container {
    position: relative
}
.action h5 {
    margin-bottom: 20px;
    margin-top: 42px;
    font-size: 20px;
    line-height: 26px;
    color: #666;
    font-weight: 600;
    text-transform: none
}
.action .buttons {
    margin-bottom: 30px
}
.action .buttons span {
    margin: 0 10px;
    font-weight: 400;
    font-style: italic
}
.action img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000000
}

.foot-lower {
    margin-top: 20px
}
.foot-lower .copyright {
    border-top: 1px solid #eee;
    padding-top: 15px
}
.foot-lower .social-media {
    overflow: hidden;
    padding-top: 15px;
    padding-right: 4px
}



a.over-effect {
    position: relative;
    overflow: hidden;
    display: block
}
div.overlay-image,
div.over-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    display: none
}
a.over-effect.active .overlay-image,
a.over-effect.active .over-icon {
    display: block
}
div.overlay-image {
    background-color: #d95137;
    z-index: 999;
    opacity: .85
}
div.over-icon {
    background: url("../../css/../img/skin/over_image.png") no-repeat center center;
    z-index: 1000
}
a.over-effect {
    border-bottom: 4px solid #fff
}
.desktop blockquote p a:hover {
    text-decoration: none;
    color: #2f2f2f
}
.contentBox {
    background-color: #d95137;
    color: #fcfcfc;
    padding: 20px 20px 20px 20px;
    margin-bottom: 25px
}
.row-upper {
    margin-bottom: 70px
}
.row-lower h4 {
    margin-bottom: 35px
}
.project-item a {
    display: block;
    margin-bottom: 15px
}
.project-item img {
    display: block
}
.project-item p {
    color: #999
}
.project-item h6 {
    margin-bottom: 0
}
.project-item h6 a {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    margin-bottom: 3px
}
.desktop .project-item h6 a:hover {
    color: #d95137
}
.filter {
    margin-bottom: 25px
}
.featured-project .filter {
    margin-bottom: 0
}
.project-filter {
    min-height: 0!important
}
.project-filter li:before {
    content: ""
}
.project-filter h6 {
    float: left;
    margin-right: 20px;
    color: #444;
    margin-bottom: 0;
    height: 32px;
    line-height: 32px;
    margin-top: 1px;
    padding: 0 15px
}
.filter-keywords {
    line-height: 32px;
    color: #d95137;
    border-radius: 0;
    -webkit-border-radius: 0;
    float: left;
    font-size: 11px;
    margin-top: 20px;
    padding-left: 10px;
    width:80%;
}
.filter-keywords li {
    color: #666;
    float: left;
    line-height: 0;
    margin-right: 5px;
    background: #fff;
    width:13.5%;
}
.filter-keywords li#liall {
	width:300px;
}
.filter-keywords li a {
    color: #6e6e6e;
    display: block;
    padding: 0 15px;
    line-height: 16px;
    border: 1px solid #ebebeb;
    font-size: 15px;
    border-radius: 9px;
    text-decoration: none;
    height:40px;
    text-align:center;
    background-repeat:no-repeat;
    background-size:80px;
    background-position:center 20px;
    padding-top:90px;
    color:black;
    font-size:16px;
    font-weight:600;
}
.filter-keywords li a#alle{
	background-image:url('/gfx/middel_all.png');
	background-size:200px;
}
.filter-keywords li a#alles{
	padding-top:50px;
	height:80px;
}
.filter-keywords li a#spandoek{
	background-image:url('/gfx/middel-5.png')
}
.filter-keywords li a#sticker{
	background-image:url('/gfx/middel-1.png')
}
.filter-keywords li a#plakletter{
	background-image:url('/gfx/middel-2.png')
}
.filter-keywords li a#stoeptegel{
	background-image:url('/gfx/odm14.png')
}
.filter-keywords li a#kenteken{
	background-image:url('/gfx/middel-7.png');
	padding-top:80px;
	height:50px;
}
.filter-keywords li a#freesletter{
	background-image:url('/gfx/middel-6.png')
}
a.pinterest{
	margin-top: 20px;
	display: block;
	padding-tOP: 20px;
	background-position: center 20px;	
	text-align:center;
}
a.pinterest img{
	width: 40px;
	margin: 0 auto 20px auto;	
}
.filter-keywords li a#ikea{
	background-image:url('/gfx/middel-10.png');
	background-size:70px;
	padding-top:80px;
	height:50px;
}
.filter-keywords li a.active,
.desktop .filter-keywords li a:hover {
    border-color: #ef7f1a;

}
.desktop .filter-keywords li a.active:hover {
    cursor: default
}

.widget_search {
    position: relative
}
.widget_search button[type=submit] {
    background-color: transparent;
    background-position: -44px 7px;
    border: 0 none;
    cursor: pointer;
    height: 27px;
    padding: 5px;
    padding-right: 10px;
    padding-bottom: 8px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 26px;
    opacity: .4;
    font-size: 18px
}
.desktop .widget_search button[type=submit]:hover {
    opacity: .7
}
input,
input[type=text],
textarea {
    box-shadow: none;
    font-size: 12px
}
input:focus,
input[type=text]:focus,
textarea:focus {
    box-shadow: none;
    outline: 0;
    border-color: #666
}
.widget_search input[type=text] {
    display: block;
    width: 208px;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
    height: 26px;
    padding-left: 10px;
    padding-right: 30px;
    border-color: #e9e9e9
}
.widget_search input[type=text]:focus {
    border-color: #666
}
.widget_menu li:before {
    content: "";
    margin-right: 0;
    display: inline
}
.widget_menu a {
    text-shadow: none!important;
    border: 1px solid #eee;
    text-transform: uppercase;
    margin-top: 2px
}
.desktop .widget_menu a:hover {
    background-color: #ddd;
    color: #666
}
.widget_menu li.active a {
    background-color: #d95137;
    border-color: #d95137;
    color: #fff
}
.desktop .widget_menu li.active a:hover {
    background-color: #d95137;
    color: #fff;
    cursor: default
}
.widget_tag_cloud li:before {
    content: ""
}
.widget_tag_cloud a {
    padding: 2px 8px;
    height: 26px;
    border: 1px solid #eee;
    line-height: 26px;
    text-transform: uppercase;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
    color: #999;
    font-size: 11px!important
}
.desktop .widget_tag_cloud a:hover {
    background-color: #d95137;
    border-color: #d95137;
    color: #fff
}
.widget_tag_cloud .tagcloud {
    overflow: hidden
}
.widget_calendar li:before {
    content: ""
}
.widget_calendar #wp-calendar {
    color: #999;
    text-align: center;
    width: 100%
}
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
    text-align: center
}
.widget_calendar caption {
    font-size: 11px;
    padding: 5px 0 12px;
    text-transform: uppercase;
    color: #666;
    text-align: left
}
.widget_calendar th {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 0;
    border-top: 0;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px
}
.widget_calendar tbody td a {
    background: #f6f6f6;
    padding: 2px 5px;
    width: 100%
}
.desktop .widget_calendar tfoot td a:hover {
    background: #f6f6f6
}
.widget_calendar tfoot td {
    background: transparent;
    border-bottom: 0;
    border-top: 0
}
.widget_calendar tfoot td a {
    text-transform: uppercase;
    color: #666
}
.desktop .widget_calendar tfoot td a:hover {
    background: transparent
}
.widget_calendar tfoot #prev {
    text-align: left
}
.widget_calendar tfoot #next {
    text-align: right
}
.widget_recent_comments li:before {
    content: ""
}
.widget_recent_comments li a {
    color: #999
}
.desktop .widget_recent_comments li a:hover {
    color: #d95137
}
footer .widget_links h3 {
    display: none
}
.widget_links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.widget_links li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_entries li a {
    color: #999
}
.desktop .widget_links li a:hover,
.desktop .widget_pages li a:hover,
.desktop .widget_meta li a:hover,
.desktop .widget_nav_menu li a:hover,
.desktop .widget_recent_entries li a:hover {
    color: #d95137;
    text-decoration: none
}
.widget_nav_menu li a i {
    opacity: .6
}
.desktop .widget_nav_menu li a:hover i {
    opacity: .8
}
.widget_newsletter .outro {
    font-size: 11px;
    color: #999
}
.widget_newsletter .input-append {
    width: 100%
}
.widget_newsletter input[type=text] {
    border-radius: 0!important;
    -webkit-border-radius: 0;
    padding-left: 15px;
    width: 150px
}
.widget_text {
    margin-bottom: 65px
}
.widget_featured {
    overflow: hidden
}
.widget_featured div {
    margin-bottom: 15px
}
.widget_featured .caption {
    display: block;
    padding-left: 15px;
    margin-left: 8px;
    margin-top: 10px;
    color: #999
}
.widget_categories li:before {
    content: ""
}
.widget_categories ul li {
    padding-left: 0;
    color: #ccc;
    font-size: 11px
}
.widget_categories a {
    color: #666;
    font-size: 12px;
    margin-right: 10px
}
.desktop .widget_categories a:hover {
    color: #d95137
}
.widget_archive li {
    color: #999;
    font-size: 11px
}
.widget_archive a {
    margin-right: 9px;
    font-size: 12px
}
.widget_contact {
    overflow: hidden
}
.widget_contact div {
    clear: both
}
.widget_contact div:last-child p {
    margin-bottom: 0
}
.widget_contact span {
    float: left;
    opacity: .3;
    margin-top: 3px
}
.widget_contact p {
    padding-left: 15px;
    float: left
}
.widget_contact p span {
    margin-left: -20px
}
.widget_contact [class^="icon-"],
.widget_contact [class*=" icon-"] {
    font-size: 14px
}
.post-title a {
    color: #444
}
.post-title h1 {
    margin-bottom: 0
}
.post-title {
    margin-bottom: 25px
}
.post {
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 60px
}
.post.single {
    margin-bottom: 0;
    padding-bottom: 0
}
.post ul,
.post ol {
    margin-bottom: 25px
}
.main-content .row-fluid:last-child .post {
    border-bottom: 0
}
.post .post-image {
    margin-bottom: 25px
}
.post .post-meta {
    margin-bottom: 25px;
    overflow: hidden
}
.post .comments {
    width: 60px;
    height: 30px;
    border-right: 1px solid #ccc;
    text-align: left;
    float: left;
    padding-top: 6px
}
.post .comments a {
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: 300;
    float: left
}
.post .comments img {
    float: left;
    margin-left: 5px;
    margin-top: 2px
}
.post-meta {
    float: left;
    margin-left: 20px;
    overflow: hidden
}
.post-meta .user {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 14px;
    margin-bottom: 2px
}
.post-meta .date {
    float: left;
    clear: left;
    color: #888
}
.post-meta .categories {
    float: left;
    margin-left: 5px;
    color: #888
}
.post-meta .categories a {
    color: #999
}
.desktop .post-meta .categories a:hover {
    color: #d95137
}
.post .category a {
    color: #999;
    padding-left: 5px
}
.post .category a:first-child {
    padding-left: 0
}
.desktop .post .category a:hover {
    color: #00a6d5
}
.post-intro {
    line-height: 26px;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 400;
    letter-spacing: .2px;
    margin-bottom: 25px
}
.post .tags {
    font-size: 11px;
    margin-bottom: 35px
}
.post .tags h3 {
    float: left;
    margin-right: 10px
}
.post .tags a {
    padding-left: 5px;
    color: #999;
    float: left;
    margin-top: 1px
}
.post .tags a:first-child {
    padding-left: 0
}
.desktop .post .tags a:hover {
    color: #000
}
.shareBox {
    display: block;
    height: 32px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    padding: 5px 0 5px 20px
}
.shareBox h6 {
    font-size: 12px;
    line-height: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left
}
.shareBox .shareButton {
    display: block;
    float: left;
    margin-left: 20px;
    margin-top: 5px
}
.post-pagination {
    background-color: #f6f6f6;
    margin-bottom: 60px
}
.post-pagination a {
    display: block;
    padding: 20px;
    width: 50%!important;
    border-right: 1px solid #fff;
    margin-left: 0!important;
    position: relative
}
.post-pagination .prev-post {
    padding-left: 40px
}
.post-pagination .prev-post .arrow {
    position: absolute;
    top: 40%;
    left: 8px;
    opacity: .3
}
.post-pagination .next-post {
    border: 0;
    text-align: right;
    padding-right: 40px
}
.post-pagination .next-post .arrow {
    position: absolute;
    top: 40%;
    right: 8px;
    opacity: .3
}
.post-pagination a .date {
    color: #999;
    font-weight: 400;
    font-style: italic
}
.post-pagination a h3 {
    margin-bottom: 0;
    color: #666
}
.desktop .post-pagination a:hover {
    background-color: #f0f0f0
}
.desktop .post-pagination a:hover h3 {
    color: #333
}
.post-pagination a span:first-child {
    color: #d95137;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600
}
.next-post i,
.prev-post i {
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px
}

.accordion-heading {
    background-color: #f6f6f6
}
.accordion-heading a {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px
}
.accordion-group {
    border-radius: 0
}

.new-tag {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    height: 32px;
    border: 1px solid #eee;
    padding: 0 8px;
    line-height: 32px;
    text-transform: uppercase;
    color: #d95137;
    float: left;
    margin-right: 10px;
    margin-top: 4px
}
.featured-project .description {
    border-left: 1px solid #ccc
}
.featured-project .description p {
    margin-bottom: 0
}
.fullscreen {
    background-color: #f9f9f9;
    padding-bottom: 0
}
.fullscreen .peIsotopeContainer {
    border-top: 2px solid #fff;
    background-color: #fff
}
.peIsotopeGrid .peIsotopeItem .cell-title {
    padding: 20px;
    color: #ccc;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}
.peIsotopeGrid .peIsotopeItem .cell-title a {
    color: #fff
}
.desktop .peIsotopeGrid .peIsotopeItem .cell-title a:hover {
    color: #ccc
}
.desktop .peIsotopeGrid .peIsotopeItem:hover div.scalable {
    opacity: 1
}
.desktop .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    opacity: 1
}
.mobile .peIsotopeGrid .peIsotopeItem span.cell-title {
    opacity: 1
}
.mobile .peIsotopeGrid .peIsotopeItem span.cell-title,
.desktop .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4)
}
.ie8 .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    background-color: #888;
    -ms-filter: "alpha(opacity=100)"
}
.project {
    margin-bottom: 70px
}
.project .media {
    margin-bottom: 45px
}
.project .media img {
    display: block
}
.project-title {
    margin-bottom: 40px
}
.project-title h3 {
    margin-bottom: 0
}
.line-sml {
    display: block;
    height: 1px;
    width: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}
.project-title .categories a {
    color: #999
}
.desktop .project-title .categories a:hover {
    color: #333
}
.project-intro {
    border-left: 1px solid #ccc
}
.project-intro p {
    margin-bottom: 0
}
.project-data {
    margin-bottom: 30px;
    margin-top: 10px
}
.project-data h6 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #d95137;
    font-size: 11px;
    text-transform: uppercase
}
.project-data .data1,
.project-data .data2 {
    margin-bottom: 50px;
    width: 48%;
    margin-left: 4%;
    float: left
}
.project-data .data1 {
    margin-left: 0
}
.project-data .data1 span,
.project-data .data2 span {
    display: block;
    float: left;
    clear: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px
}
.project-data .data1 span {
    text-transform: uppercase;
    color: #999
}
.project-data .data2 span {
    color: #666
}
.project-nav a {
    display: block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #f0f0f0;
    color: #d95137;
    text-transform: uppercase;
    float: left;
    padding: 0 15px
}
.project-nav a.next-btn {
    margin-left: 10px
}
.desktop .project-nav a:hover {
    background-color: #d95137;
    border-color: #d95137;
    color: #fff
}
.related-title h3 {
    margin-bottom: 50px
}
.pricing-table {
    text-align: center;
    margin-bottom: 0
}
.pricing-table li:before {
    content: '';
    width: auto
}
.pricing-table [class^="icon-"] {
    font-size: 16px
}
.five-col .col {
    width: 20%
}
.four-col .col {
    width: 25%
}
.three-col .col {
    width: 33.33333%
}
.two-col .col {
    width: 50%
}
.col {
    float: left;
    margin: 0;
    background-color: #f6f6f6;
    position: relative;
    margin-bottom: 15px
}
.col.high {
    outline: 4px solid #cc4c34;
    z-index: 10;
    top: -5px;
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.3)
}
.no-shadow .col.high {
    -webkit-box-shadow: none;
    box-shadow: none
}
.col.low {
    background-color: #f6f6f6;
    z-index: 5
}
.col .wrap-inner {
    border-left: 2px solid white
}
.pricing-table .head {
    background-color: #eee;
    padding: 10px;
    min-height: 24px
}
.pricing-table .head h3 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #333
}
.pricing-table .head span {
    color: #fff
}
.pricing-table .price {
    padding: 10px;
    background-color: #666;
    min-height: 52px
}
.pricing-table .high .price {
    background-color: #d95137
}
.pricing-table .low .price {
    background-color: #999;
    background-image: url(../../css/../img/skin/pat1.png);
    background-repeat: repeat
}
.pricing-table .price h4 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 700
}
.pricing-table .price span {
    margin-top: 5px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-size: 11px
}
.pricing-table .foot {
    padding: 10px;
    background-color: #ddd;
    overflow: hidden;
    min-height: 30px
}
.pricing-table .high .foot {
    background-color: #fefefe;
    padding-top: 15px;
    padding-bottom: 15px
}
.pricing-table .row-titles .head {
    display: none
}
.pricing-table .row-titles .price {
    background-color: #eee;
    padding-left: 20px
}
.pricing-table .row-titles {
    margin-top: 44px;
    text-align: left
}
.pricing-table .row-titles h4 {
    font-size: 22px;
    color: #333
}
.pricing-table .row-titles .price span {
    color: #d95137
}
.pricing-table .row-titles li {
    padding-left: 20px
}
.col ul {
    padding: 0
}
.col:first-child .wrap-inner,
.col.high .wrap-inner {
    border: 0
}
.pricing-table li {
    padding: 10px 10px;
    min-height: 20px
}
.pricing-table li:last-child {
    border: 0
}
.pricing-table li:nth-child(even),
.pricing-table li.even {
    background-color: #efefef
}
.pricing-table .col.low li:nth-child(even),
.pricing-table .col.low li.even {
    background-color: #efefef
}
.mobile .peSlider>.peVoloNext,
.mobile .peSlider>.peVoloPrev {
    opacity: 1
}
.mobile .peVolo .peVoloPrev a,
.mobile .peVolo .peVoloNext a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.mobile .peVolo .peVoloPrev a:hover,
.mobile .peVolo .peVoloNext a:hover {
    background-color: #000;
    opacity: .2
}
.mobile a:hover,
.mobile a:visited:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.mobile a.over-effect:hover {
    border-color: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.mobile .peSlider>.peVoloNext,
.mobile .peSlider>.peVoloPrev,
.mobile .contour-btn,
.mobile .sm-icon-wrap a,
.mobile .social-media a,
.mobile a.over-effect:hover,
.mobile .staff-social a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.iDevices body,
.iDevices p,
.iDevices div,
.iDevices h1,
.iDevices h2,
.iDevices h3,
.iDevices h4,
.iDevices h5,
.iDevices h6 {
    -webkit-text-size-adjust: none
}
@media(min-width:768px) and (max-width:979px) {
    .pe-container {
        width: 748px
    }
    aside.sidebar {
        display: block!important
    }
    .inner-spacer-left {
        margin-left: 12px
    }
    .inner-spacer-left-lrg {
        margin-left: 36px
    }
    .inner-spacer-right {
        margin-right: 12px
    }
    .inner-spacer-right-lrg {
        margin-right: 36px
    }
    .head-info .phone {
        font-size: 11px;
        margin-right: 20px;
        margin-top: 5px
    }
    .head-info {
        position: absolute;
        top: 0;
        margin-top: 0;
        right: 0;
        width: auto!important
    }
    .head-info .phone,
    .head-info .sm-icon-wrap {
        float: left
    }
    header>.row-fluid>.span12>.row-fluid>.nav-main {
        padding-top: 25px
    }
    .nav-main {
        width: 65.74585635359117%!important
    }
    .tagline-home h4,
    .row-lower h4 {
        font-size: 22px
    }
    p.intro.large {
        font-size: 14px
    }
    .action-img {
        width: 218px
    }
    .action h5 {
        font-size: 16px
    }
    .gmapWrap .gmap {
        height: 265px
    }
    .bay h3,
    .bay h6 {
        margin-left: 120px
    }
    .form-horizontal .controls {
        margin-left: 120px
    }
    .form-horizontal .control-label {
        width: 100px
    }
    .widget_newsletter input[type=text] {
        width: 92px
    }
    .widget_flickr .flickr a {
        width: 52px;
        height: 52px;
        overflow: hidden
    }
    .widget_search input[type="text"] {
        width: 152px
    }
    .widget_info .map {
        width: 120px
    }
    cite .accent {
        margin-left: 0
    }
    .shareBox .shareButton {
        margin-left: 10px
    }
}
@media(max-width:767px) {
    body {
        padding-left: 0;
        padding-right: 0
    }
    .pe-container {
        width: 96%;
        margin-left: auto;
        margin-right: auto
    }
    .filter-keywords li a {
        padding: 0 10px;
    }
    .row-fluid [class*="offset"] {
        margin-left: 0!important
    }
    .row-fluid .offset1:first-child {
        margin-left: 0
    }
    .sidebar {
        display: none!important
    }
    .inner-spacer-left,
    .inner-spacer-left-lrg,
    .inner-spacer-right,
    .inner-spacer-right-lrg {
        margin-left: 0;
        margin-right: 0
    }
    .row-fluid .span5-5 {
        width: 100%!important;
        margin-left: 0!important
    }
    .drop-nav {
        display: block!important
    }
    .drop-nav select {
        width: 100%;
        margin-bottom: 25px
    }
    .nav-main {
        display: none!important
    }
    .head-info {
        position: absolute;
        top: 0;
        right: 0
    }
    .head-info .phone {
        clear: both
    }
    .tagline-home h4 {
        margin-bottom: 0
    }
    .tagline-home .question h4 {
        margin-bottom: 30px
    }
    .tagline-home .span5-5 {
        margin-bottom: 30px
    }
    .tagline h1 {
        font-size: 26px
    }
    .tagline h2 {
        font-size: 24px;
        margin-left: 0
    }
    .row-lower .span4 {
        margin-bottom: 30px
    }
    .row-lower .intro {
        margin-bottom: 15px
    }
    .action .span8 {
        text-align: center
    }
    .action .action-img>img {
        position: relative;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .footer .widget {
        margin-bottom: 30px
    }
    .foot-lower .social-media a {
        float: left;
        margin-left: 0;
        margin-right: 8px
    }
    .widget_info .map {
        width: 200px
    }
    .footer .widget_newsletter input[type=text] {
        width: 330px
    }
    .mugshot {
        margin-bottom: 20px
    }
    .clients img {
        margin-left: auto;
        margin-right: auto
    }
    .contentBox .row-fluid div {
        margin-bottom: 20px
    }
    .contentBox .row-fluid div:last-child {
        margin-bottom: 0!important
    }
    .post-pagination a {
        width: 100%!important;
        border: 0
    }
    .post-pagination a.next-post {
        border-top: 1px solid white
    }
    .shareBox {
        height: auto
    }
    .shareBox h6 {
        float: none
    }
    .shareBox .shareButton {
        float: none;
        margin-left: 0
    }
    .project-single-col .info {
        margin-bottom: 30px
    }
    .featured-project .description {
        float: left
    }
    .featured-project .description,
    .project-intro {
        border-left: none
    }
    .project-intro {
        margin-top: 20px
    }
    .carousel-nav {
        float: left;
        margin-bottom: 20px
    }
    .gmapWrap {
        width: 100%
    }
    .gmapWrap .gmap {
        height: 215px
    }
    .form-horizontal .controls {
        margin-left: 80px
    }
    .newsletter .controls {
        margin-left: 145px
    }
    .newsletter input[type=text] {
        width: 200px
    }
    .form-horizontal .control-label {
        width: 60px
    }
    .newsletter .control-label {
        width: 120px;
        text-align: left
    }
    .newsletter form {
        margin-left: 5px;
        margin-bottom: 35px;
        margin-top: 25px
    }
    .bay h3,
    .bay h6 {
        margin-left: 80px
    }
    .post .post-image {
        overflow: hidden
    }
    .result-title p {
        margin-bottom: 10px
    }
    .result-title .more-link {
        margin-bottom: 20px;
        display: block
    }
    .five-col .col,
    .four-col .col,
    .three-col .col,
    .two-col .col {
        width: 50%
    }
}
@media (max-width: 680px) {
    .filter-keywords li a {
        font-size: 13px;
        padding: 0px 4px;
    }
}
@media(max-width:480px) {
    .pe-container {
        width: 440px;
        margin-left: auto;
        margin-right: auto
    }
    .footer .widget_newsletter input[type=text] {
        width: 350px
    }
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-label {
        width: 100%
    }
    .bay h3,
    .bay h6 {
        margin-left: 0
    }
    .project-pagination a {
        border: 0;
        font-size: 11px;
        height: auto;
        padding: 1px 3px;
        line-height: 20px
    }
    .project-pagination li.selected a,
    .project-pagination a:hover {
        background-color: transparent;
        border-bottom: 1px solid #d95137;
        color: #333
    }
    .action .buttons a {
        margin-bottom: 15px
    }
    .action .buttons a:last-child {
        margin-bottom: 0
    }
    .widget_info .map {
        width: 160px
    }
    .five-col .col,
    .four-col .col,
    .three-col .col,
    .two-col .col {
        width: 100%
    }
}
@media(max-width:479px) {
    .pe-container {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    .pe-container.filter {
        width: 100%;
    }
    .filter-keywords li a {
        font-size: 15px;
        padding: 0px 6px;
        margin-bottom: 5px;
    }
    .peFlareLightbox .gallery-btn a {
        padding: 4px 10px;
    }
    .peFlareLightbox .peFlareLightboxCaptions>div>div {
        padding: 25px 0px 25px 10px;
    }
    .footer .widget_newsletter input[type=text] {
        width: 190px
    }
    .post .post-meta {
        width: 198px
    }
    .post-meta .categories {
        margin-left: 0;
        clear: left
    }
}
@media screen and (max-width: 380px) {
    .peFlareLightbox .gallery-btn {
        display: block;
        margin-left: 0;
        padding-top: 15px;
        vertical-align: middle;
    }
    .peFlareLightbox .peFlareLightboxCaptions>div>div>h3 {
        text-align: center;
        font-size: 17px !important;
    }
    .peFlareLightbox .peFlareLightboxCaptions>div>div {
        padding: 25px 0px 40px 10px;
    }
}
@media(min-width:1200px) {
    .row {
        margin-left: -20px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row:after {
        clear: both
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 940px
    }
    .row-fluid [class*="span"] {
        float: left;
        width: 100%;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%
    }
    .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%
    }
    .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%
    }
    .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%
    }
    .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%
    }
    .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%
    }
    .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%
    }
    .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%
    }
    .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%
    }
    .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%
    }
    .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%
    }
    .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.12765957446808%;
        *margin-left: 102.02127659574467%
    }
    .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%
    }
    .row-fluid .offset11:first-child {
        margin-left: 93.61702127659574%;
        *margin-left: 93.51063829787232%
    }
    .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.1063829787234%;
        *margin-left: 84.99999999999999%
    }
    .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.59574468085106%;
        *margin-left: 76.48936170212764%
    }
    .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.08510638297872%;
        *margin-left: 67.9787234042553%
    }
    .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.574468085106375%;
        *margin-left: 59.46808510638297%
    }
    .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.063829787234035%;
        *margin-left: 50.95744680851063%
    }
    .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.5531914893617%;
        *margin-left: 42.4468085106383%
    }
    .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.04255319148936%;
        *margin-left: 33.93617021276596%
    }
    .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.53191489361702%;
        *margin-left: 25.425531914893618%
    }
    .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.02127659574468%;
        *margin-left: 16.914893617021278%
    }
    .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.51063829787234%;
        *margin-left: 8.404255319148938%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 20px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 926px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 846px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 766px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 686px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 606px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 526px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 446px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 366px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 286px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 206px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 126px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 46px
    }
}
@media(max-width:991px) {
	a.pinterest{
		clear:both;
	}
	.filter-keywords{
		width:100%;
	}
	.filter-keywords li{
		width:100%;
		height:35px;
		margin-bottom:5px;
	}
	.filter-keywords li a{
		height:25px;
		padding-top:10px;
	}
	.filter-keywords li a#alles{
		height:25px;
		padding-top:10px;
	}
	.filter-keywords li a#spandoek{
		background-image:none;
	}
	.filter-keywords li a#sticker{
		background-image:none;
	}
	.filter-keywords li a#plakletter{
		background-image:none;
	}
	.filter-keywords li a#stoeptegel{
		background-image:none;
	}
	.filter-keywords li a#kenteken{
		background-image:none;
		height:25px;
		padding-top:10px;
	}
	.filter-keywords li a#freesletter{
		background-image:none;
	}
	.filter-keywords li a#alle{
		background-image:none;
	}
	.filter-keywords li a#ikea{
		background-image:none;
		height:25px;
		padding-top:10px;
	}
}