body{
    font-family: 'Roboto Condensed', sans-serif;

}

#autocomplete{
    border:1px solid;
    overflow:hidden;
    position:absolute;
    z-index:100
}
#autocomplete ul{
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0
}
#autocomplete li{
    background:#fff;
    color:#000;
    cursor:default;
    white-space:pre;
    zoom:1
}
html.js input.form-autocomplete{
    background-image:url(/misc/throbber-inactive.png);
    background-position:100% center;
    background-repeat:no-repeat
}
html.js input.throbbing{
    background-image:url(/misc/throbber-active.gif);
    background-position:100% center
}
html.js fieldset.collapsed{
    border-bottom-width:0;
    border-left-width:0;
    border-right-width:0;
    height:1em
}
html.js fieldset.collapsed .fieldset-wrapper{
    display:none
}
fieldset.collapsible{
    position:relative
}
fieldset.collapsible .fieldset-legend{
    display:block
}
.form-textarea-wrapper textarea{
    display:block;
    margin:0;
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.resizable-textarea .grippie{
    background:#eee url(/misc/grippie.png) no-repeat center 2px;
    border:1px solid #ddd;
    border-top-width:0;
    cursor:s-resize;
    height:9px;
    overflow:hidden
}
body.drag{
    cursor:move
}
.draggable a.tabledrag-handle{
    cursor:move;
    float:left;
    height:1.7em;
    margin-left:-1em;
    overflow:hidden;
    text-decoration:none
}
a.tabledrag-handle:hover{
    text-decoration:none
}
a.tabledrag-handle .handle{
    background:url(/misc/draggable.png) no-repeat 6px 9px;
    height:13px;
    margin:-.4em .5em;
    padding:.42em .5em;
    width:13px
}
a.tabledrag-handle-hover .handle{
    background-position:6px -11px
}
div.indentation{
    float:left;
    height:1.7em;
    margin:-.4em .2em -.4em -.4em;
    padding:.42em 0 .42em .6em;
    width:20px
}
div.tree-child{
    background:url(/misc/tree.png) no-repeat 11px center
}
div.tree-child-last{
    background:url(/misc/tree-bottom.png) no-repeat 11px center
}
div.tree-child-horizontal{
    background:url(/misc/tree.png) no-repeat -11px center
}
.tabledrag-toggle-weight-wrapper{
    text-align:right
}
table.sticky-header{
    background-color:#fff;
    margin-top:0
}
.progress .bar{
    background-color:#fff;
    border:1px solid
}
.progress .filled{
    background-color:#000;
    height:1.5em;
    width:5px
}
.progress .percentage{
    float:right
}
.ajax-progress{
    display:inline-block
}
.ajax-progress .throbber{
    background:transparent url(/misc/throbber-active.gif) no-repeat 0px center;
    float:left;
    height:15px;
    margin:2px;
    width:15px
}
.ajax-progress .message{
    padding-left:20px
}
tr .ajax-progress .throbber{
    margin:0 2px
}
.ajax-progress-bar{
    width:16em
}
.container-inline div,.container-inline label{
    display:inline
}
.container-inline .fieldset-wrapper{
    display:block
}
.nowrap{
    white-space:nowrap
}
html.js .js-hide{
    display:none
}
.element-hidden{
    display:none
}
.element-invisible{
    position:absolute !important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
    overflow:hidden;
    height:1px
}
.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{
    position:static !important;
    clip:auto;
    overflow:visible;
    height:auto
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
* html .clearfix{
    height:1%
}
*:first-child+html .clearfix{
    min-height:1%
}
.field .field-label{
    font-weight:700
}
.field-label-inline .field-label,.field-label-inline .field-items{
    float:left
}
form .field-multiple-table{
    margin:0
}
form .field-multiple-table th.field-label{
    padding-left:0
}
form .field-multiple-table td.field-multiple-drag{
    width:30px;
    padding-right:0
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{
    padding-right:.5em
}
form .field-add-more-submit{
    margin:.5em 0 0
}
.node-unpublished{
    background-color:#fff4f4
}
.preview .node{
    background-color:#ffffea
}
td.revision-current{
    background:#ffc
}
.views-exposed-form .views-exposed-widget{
    float:left;
    padding:.5em 1em 0 0
}
.views-exposed-form .views-exposed-widget .form-submit{
    margin-top:1.6em
}
.views-exposed-form .form-item,.views-exposed-form .form-submit{
    margin-top:0;
    margin-bottom:0
}
.views-exposed-form label{
    font-weight:700
}
.views-exposed-widgets{
    margin-bottom:.5em
}
.views-align-left{
    text-align:left
}
.views-align-right{
    text-align:right
}
.views-align-center{
    text-align:center
}
.views-view-grid tbody{
    border-top:none
}
.view .progress-disabled{
    float:none
}
.ctools-locked{
    color:red;
    border:1px solid red;
    padding:1em
}
.ctools-owns-lock{
    background:#ffd none repeat scroll 0 0;
    border:1px solid #f0c020;
    padding:1em
}
 a.ctools-ajaxing,input.ctools-ajaxing,button.ctools-ajaxing,select.ctools-ajaxing{
    padding-right:18px !important;
    background:url(/sites/all/modules/ctools/images/status-active.gif) right center no-repeat
}
div.ctools-ajaxing{
    float:left;
    width:18px;
    background:url(/sites/all/modules/ctools/images/status-active.gif) center center no-repeat
}
.animated{
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s
}
.animated.hinge{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
@-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 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
}
@-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
}
@-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 puffOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(2,2);
        -webkit-filter:blur(2px)
    }
}
@-moz-keyframes puffOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(2,2);
        filter:blur(2px)
    }
}
@-o-keyframes puffOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(2,2)
    }
}
@keyframes puffOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1)
    }
    100%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(2,2);
        filter:blur(2px)
    }
}
.puffOut{
    -webkit-animation-name:puffOut;
    -moz-animation-name:puffOut;
    -o-animation-name:puffOut;
    animation-name:puffOut
}
@-webkit-keyframes rotateDown{
    0%{
        -webkit-transform-origin:0 0;
        -webkit-transform:perspective(800px) rotateX(0deg) translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 100%;
        -webkit-transform:perspective(800px) rotateX(-180deg) translate3d(0,0,300px)
    }
}
@-moz-keyframes rotateDown{
    0%{
        -moz-transform-origin:0 0;
        -moz-transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 100%;
        -moz-transform:perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@-o-keyframes rotateDown{
    0%{
        -o-transform-origin:0 0;
        -o-transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 100%;
        -o-transform:perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
@keyframes rotateDown{
    0%{
        transform-origin:0 0;
        transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        transform-origin:50% 100%;
        transform:perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}
.rotateDown{
    -webkit-backface-visibility:visible !important;
    -moz-backface-visibility:visible !important;
    -o-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:rotateDown;
    -moz-animation-name:rotateDown;
    -o-animation-name:rotateDown;
    animation-name:rotateDown
}
@-webkit-keyframes rotateLeft{
    0%{
        -webkit-transform-origin:0 0;
        -webkit-transform:perspective(800px) rotateY(0deg) translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 0;
        -webkit-transform:perspective(800px) rotateY(180deg) translate3d(0,0,300px)
    }
}
@-moz-keyframes rotateLeft{
    0%{
        -moz-transform-origin:0 0;
        -moz-transform:perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 0;
        -moz-transform:perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@-o-keyframes rotateLeft{
    0%{
        -o-transform-origin:0 0;
        -o-transform:perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 0;
        -o-transform:perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
@keyframes rotateLeft{
    0%{
        transform-origin:0 0;
        transform:perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        transform-origin:50% 0;
        transform:perspective(800px) rotateY(180deg) translateZ(300px)
    }
}
.rotateLeft{
    -webkit-backface-visibility:visible !important;
    -moz-backface-visibility:visible !important;
    -o-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:rotateLeft;
    -moz-animation-name:rotateLeft;
    -o-animation-name:rotateLeft;
    animation-name:rotateLeft
}
@-webkit-keyframes rotateRight{
    0%{
        -webkit-transform-origin:0 0;
        -webkit-transform:perspective(800px) rotateY(0deg) translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 0;
        -webkit-transform:perspective(800px) rotateY(-180deg) translate3d(0,0,150px)
    }
}
@-moz-keyframes rotateRight{
    0%{
        -moz-transform-origin:0 0;
        -moz-transform:perspective(800px) rotateY(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 0;
        -moz-transform:perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@-o-keyframes rotateRight{
    0%{
        -o-transform-origin:0 0;
        -o-transform:perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 0;
        -o-transform:perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
@keyframes rotateRight{
    0%{
        transform-origin:0 0;
        transform:perspective(800px) rotateY(0deg) translate3d(0px)
    }
    100%{
        opacity:0;
        transform-origin:50% 0;
        transform:perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}
.rotateRight{
    -webkit-backface-visibility:visible !important;
    -moz-backface-visibility:visible !important;
    -o-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:rotateRight;
    -moz-animation-name:rotateRight;
    -o-animation-name:rotateRight;
    animation-name:rotateRight
}
@-webkit-keyframes rotateUp{
    0%{
        -webkit-transform-origin:0 0;
        -webkit-transform:perspective(800px) rotateX(0deg) translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 0;
        -webkit-transform:perspective(800px) rotateX(180deg) translate3d(0,0,100px)
    }
}
@-moz-keyframes rotateUp{
    0%{
        -moz-transform-origin:0 0;
        -moz-transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 0;
        -moz-transform:perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@-o-keyframes rotateUp{
    0%{
        -o-transform-origin:0 0;
        -o-transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 0;
        -o-transform:perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
@keyframes rotateUp{
    0%{
        transform-origin:0 0;
        transform:perspective(800px) rotateX(0deg) translateZ(0px)
    }
    100%{
        opacity:0;
        transform-origin:50% 0;
        transform:perspective(800px) rotateX(180deg) translateZ(100px)
    }
}
.rotateUp{
    -webkit-backface-visibility:visible !important;
    -moz-backface-visibility:visible !important;
    -o-backface-visibility:visible !important;
    backface-visibility:visible !important;
    -webkit-animation-name:rotateUp;
    -moz-animation-name:rotateUp;
    -o-animation-name:rotateUp;
    animation-name:rotateUp
}
@-webkit-keyframes swap{
    0%{
        opacity:0;
        -webkit-transform-origin:0 100%;
        -webkit-transform:scale(0,0) translate(-700px,0)
    }
    100%{
        opacity:1;
        -webkit-transform-origin:100% 100%;
        -webkit-transform:scale(1,1) translate(0px,0)
    }
}
@-moz-keyframes swap{
    0%{
        opacity:0;
        -moz-transform-origin:0 100%;
        -moz-transform:scale(0,0) translate(-700px,0)
    }
    100%{
        opacity:1;
        -moz-transform-origin:100% 100%;
        -moz-transform:scale(1,1) translate(0px,0)
    }
}
@-o-keyframes swap{
    0%{
        opacity:0;
        -o-transform-origin:0 100%;
        -o-transform:scale(0,0) translate(-700px,0)
    }
    100%{
        opacity:1;
        -o-transform-origin:100% 100%;
        -o-transform:scale(1,1) translate(0px,0)
    }
}
@keyframes swap{
    0%{
        opacity:0;
        transform-origin:0 100%;
        transform:scale(0,0) translate(-700px,0)
    }
    100%{
        opacity:1;
        transform-origin:100% 100%;
        transform:scale(1,1) translate(0px,0)
    }
}
.swap{
    -webkit-animation-name:swap;
    -moz-animation-name:swap;
    -o-animation-name:swap;
    animation-name:swap
}
@-webkit-keyframes twisterInDown{
    0%{
        opacity:0;
        -webkit-transform-origin:0 100%;
        -webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    30%{
        -webkit-transform-origin:0 100%;
        -webkit-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform-origin:100% 100%;
        -webkit-transform:scale(1,1) rotate(0deg) translateY(0%)
    }
}
@-moz-keyframes twisterInDown{
    0%{
        opacity:0;
        -moz-transform-origin:0 100%;
        -moz-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    30%{
        -moz-transform-origin:0 100%;
        -moz-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    100%{
        opacity:1;
        -moz-transform-origin:100% 100%;
        -moz-transform:scale(1,1) rotate(0deg) translateY(0%)
    }
}
@-o-keyframes twisterInDown{
    0%{
        opacity:0;
        -o-transform-origin:0 100%;
        -o-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    30%{
        -o-transform-origin:0 100%;
        -o-transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    100%{
        opacity:1;
        -o-transform-origin:100% 100%;
        -o-transform:scale(1,1) rotate(0deg) translateY(0%)
    }
}
@keyframes twisterInDown{
    0%{
        opacity:0;
        transform-origin:0 100%;
        transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    30%{
        transform-origin:0 100%;
        transform:scale(0,0) rotate(360deg) translateY(-100%)
    }
    100%{
        opacity:1;
        transform-origin:100% 100%;
        transform:scale(1,1) rotate(0deg) translateY(0%)
    }
}
.twisterInDown{
    -webkit-animation-name:twisterInDown;
    -moz-animation-name:twisterInDown;
    -o-animation-name:twisterInDown;
    animation-name:twisterInDown
}
@-webkit-keyframes twisterInUp{
    0%{
        opacity:0;
        -webkit-transform-origin:100% 0;
        -webkit-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    30%{
        -webkit-transform-origin:100% 0;
        -webkit-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    100%{
        opacity:1;
        -webkit-transform-origin:0 0;
        -webkit-transform:scale(1,1) rotate(0deg) translateY(0%)
    }
}
@-moz-keyframes twisterInUp{
    0%{
        opacity:0;
        -moz-transform-origin:100% 0;
        -moz-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    30%{
        -moz-transform-origin:100% 0;
        -moz-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    100%{
        opacity:1;
        -moz-transform-origin:0 0;
        -moz-transform:scale(1,1) rotate(0deg) translateY(0)
    }
}
@-o-keyframes twisterInUp{
    0%{
        opacity:0;
        -o-transform-origin:100% 0;
        -o-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    30%{
        -o-transform-origin:100% 0;
        -o-transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    100%{
        opacity:1;
        -o-transform-origin:0 0;
        -o-transform:scale(1,1) rotate(0deg) translateY(0)
    }
}
@keyframes twisterInUp{
    0%{
        opacity:0;
        transform-origin:100% 0;
        transform:scale(0,0) rotate(360deg) translateY(100%)
    }
    30%{
        transform-origin:100% 0;
        transform:scale(0,0) rotate(360deg) translateY(100%)
    }
     100%{
        opacity:1;
        transform-origin:0 0;
        transform:scale(1,1) rotate(0deg) translateY(0)
    }
}
.twisterInUp{
    -webkit-animation-name:twisterInUp;
    -moz-animation-name:twisterInUp;
    -o-animation-name:twisterInUp;
    animation-name:twisterInUp
}
@-webkit-keyframes vanishOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(2,2);
        -webkit-filter:blur(20px)
    }
}
@-moz-keyframes vanishOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(2,2);
        filter:blur(20px)
    }
}
@-o-keyframes vanishOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(2,2);
        -o-filter:blur(20px)
    }
}
@keyframes vanishOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1)
    }
    100%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(2,2);
        filter:blur(20px)
    }
}
.vanishOut{
    -webkit-animation-name:vanishOut;
    -moz-animation-name:vanishOut;
    -o-animation-name:vanishOut;
    animation-name:vanishOut
}
@-webkit-keyframes swashOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1)
    }
    80%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0.9,.9)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0,0)
    }
}
@-moz-keyframes swashOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1)
    }
    80%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0.9,.9)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0,0)
    }
}
@-o-keyframes swashOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1)
    }
    80%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0.9,.9)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0,0)
    }
}
@keyframes swashOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1)
    }
    80%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(0.9,.9)
    }
    100%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(0,0)
    }
}
.swashOut{
    -webkit-animation-name:swashOut;
    -moz-animation-name:swashOut;
    -o-animation-name:swashOut;
    animation-name:swashOut
}
@-webkit-keyframes swashIn{
    0%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0,0)
    }
    90%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0.9,.9)
    }
    100%{
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1)
    }
}
@-moz-keyframes swashIn{
    0%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0,0)
    }
    90%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0.9,.9)
    }
    100%{
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1)
    }
}
@-o-keyframes swashIn{
    0%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0,0)
    }
    90%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0.9,.9)
    }
    100%{
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1)
    }
}
@keyframes swashIn{
    0%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(0,0)
    }
    90%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(0.9,.9)
    }
    100%{
        transform-origin:50% 50%;
        transform:scale(1,1)
    }
}
.swashIn{
    -webkit-animation-name:swashIn;
    -moz-animation-name:swashIn;
    -o-animation-name:swashIn;
    animation-name:swashIn
}
@-webkit-keyframes foolishOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1) rotate(360deg)
    }
    20%{
        opacity:1;
        -webkit-transform-origin:0 0;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -webkit-transform-origin:100% 0;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -webkit-transform-origin:100% 100%;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -webkit-transform-origin:0 100%;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0,0) rotate(0deg)
    }
}
@-moz-keyframes foolishOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1) rotate(360deg)
    }
    20%{
        opacity:1;
        -moz-transform-origin:0 0;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -moz-transform-origin:100% 0;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -moz-transform-origin:100% 100%;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -moz-transform-origin:0 100%;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
     100%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0,0) rotate(0deg)
    }
}
@-o-keyframes foolishOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1) rotate(360deg)
    }
    20%{
        opacity:1;
        -o-transform-origin:0 0;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -o-transform-origin:100% 0;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -o-transform-origin:100% 100%;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -o-transform-origin:0 100%;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0,0) rotate(0deg)
    }
}
@keyframes foolishOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1) rotate(360deg)
    }
    20%{
        opacity:1;
        transform-origin:0 0;
        transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        transform-origin:100% 0;
        transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        transform-origin:100% 100%;
        transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        transform-origin:0 100%;
        transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(0,0) rotate(0deg)
    }
}
.foolishOut{
    -webkit-animation-name:foolishOut;
    -moz-animation-name:foolishOut;
    -o-animation-name:foolishOut;
    animation-name:foolishOut
}
@-webkit-keyframes foolishIn{
    0%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0,0) rotate(360deg)
    }
    20%{
        opacity:1;
        -webkit-transform-origin:0 100%;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -webkit-transform-origin:100% 100%;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -webkit-transform-origin:100% 0;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -webkit-transform-origin:0 0;
        -webkit-transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1) rotate(0deg)
    }
}
@-moz-keyframes foolishIn{
    0%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0,0) rotate(360deg)
    }
    20%{
        opacity:1;
        -moz-transform-origin:0 100%;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -moz-transform-origin:100% 100%;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -moz-transform-origin:100% 0;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -moz-transform-origin:0 0;
        -moz-transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1) rotate(0deg)
    }
}
@-o-keyframes foolishIn{
    0%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0,0) rotate(360deg)
    }
    20%{
        opacity:1;
        -o-transform-origin:0 100%;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        -o-transform-origin:100% 100%;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        -o-transform-origin:100% 0;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        -o-transform-origin:0 0;
        -o-transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1) rotate(0deg)
    }
}
@keyframes foolishIn{
    0%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(0,0) rotate(360deg)
    }
    20%{
        opacity:1;
        transform-origin:0 100%;
        transform:scale(0.5,.5) rotate(0deg)
    }
    40%{
        opacity:1;
        transform-origin:100% 100%;
        transform:scale(0.5,.5) rotate(0deg)
    }
    60%{
        opacity:1;
        transform-origin:100% 0;
        transform: scale(0.5,.5) rotate(0deg)
    }
    80%{
        opacity:1;
        transform-origin:0 0;
        transform:scale(0.5,.5) rotate(0deg)
    }
    100%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1) rotate(0deg)
    }
}
.foolishIn{
    -webkit-animation-name:foolishIn;
    -moz-animation-name:foolishIn;
    -o-animation-name:foolishIn;
    animation-name:foolishIn
}
@-webkit-keyframes holeOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1) rotateY(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(0,0) rotateY(180deg)
    }
}
@-moz-keyframes holeOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1) rotateY(0deg)
    }
    100%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(0,0) rotateY(180deg)
    }
}
@-o-keyframes holeOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1) rotateY(0deg)
    }
    100%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(0,0) rotateY(180deg)
    }
}
@keyframes holeOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1) rotateY(0deg)
    }
     100%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(0,0) rotateY(180deg)
    }
}
.holeOut{
    -webkit-animation-name:holeOut;
    -moz-animation-name:holeOut;
    -o-animation-name:holeOut;
    animation-name:holeOut
}
@-webkit-keyframes tinRightOut{
    0%,20%,40%,50%{
        opacity:1;
        -webkit-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1,1) translateX(900%)
    }
}
@-moz-keyframes tinRightOut{
    0%,20%,40%,50%{
        opacity:1;
        -moz-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(1,1) translateX(900%)
    }
}
@-o-keyframes tinRightOut{
    0%,20%,40%,50%{
        opacity:1;
        -o-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(1,1) translateX(900%)
    }
}
@keyframes tinRightOut{
    0%,20%,40%,50%{
        opacity:1;
        transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        transform:scale(1,1) translateX(900%)
    }
}
.tinRightOut{
    -webkit-animation-name:tinRightOut;
    -moz-animation-name:tinRightOut;
    -o-animation-name:tinRightOut;
    animation-name:tinRightOut
}
@-webkit-keyframes tinLeftOut{
    0%,20%,40%,50%{
        opacity:1;
        -webkit-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1,1) translateX(-900%)
    }
}
@-moz-keyframes tinLeftOut{
    0%,20%,40%,50%{
        opacity:1;
        -moz-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(1,1) translateX(-900%)
    }
}
@-o-keyframes tinLeftOut{
    0%,20%,40%,50%{
        opacity:1;
        -o-transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(1,1) translateX(-900%)
    }
}
@keyframes tinLeftOut{
    0%,20%,40%,50%{
        opacity:1;
        transform:scale(1,1) translateX(0)
    }
    10%,30%{
        opacity:1;
        transform:scale(1.1,1.1) translateX(0)
    }
    100%{
        opacity:0;
        transform:scale(1,1) translateX(-900%)
    }
}
.tinLeftOut{
    -webkit-animation-name:tinLeftOut;
    -moz-animation-name:tinLeftOut;
    -o-animation-name:tinLeftOut;
    animation-name:tinLeftOut
}
@-webkit-keyframes tinUpOut{
    0%,20%,40%,50%{
        opacity:1;
        -webkit-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1,1) translateY(-900%)
    }
}
@-moz-keyframes tinUpOut{
    0%,20%,40%,50%{
        opacity:1;
        -moz-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(1,1) translateY(-900%)
    }
}
@-o-keyframes tinUpOut{
    0%,20%,40%,50%{
        opacity:1;
        -o-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(1,1) translateY(-900%)
    }
}
@keyframes tinUpOut{
    0%,20%,40%,50%{
        opacity:1;
        transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(1,1) translateY(-900%)
    }
}
.tinUpOut{
    -webkit-animation-name:tinUpOut;
    -moz-animation-name:tinUpOut;
    -o-animation-name:tinUpOut;
    animation-name:tinUpOut
}
@-webkit-keyframes tinDownOut{
    0%,20%,40%,50%{
        opacity:1;
        -webkit-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1,1) translateY(900%)
    }
}
@-moz-keyframes tinDownOut{
    0%,20%,40%,50%{
        opacity:1;
        -moz-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:scale(1,1) translateY(900%)
    }
}
@-o-keyframes tinDownOut{
    0%,20%,40%,50%{
        opacity:1;
        -o-transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:scale(1,1) translateY(900%)
    }
}
@keyframes tinDownOut{
    0%,20%,40%,50%{
        opacity:1;
        transform:scale(1,1) translateY(0)
    }
    10%,30%{
        opacity:1;
        transform:scale(1.1,1.1) translateY(0)
    }
    100%{
        opacity:0;
        transform:scale(1,1) translateY(900%)
    }
}
.tinDownOut{
    -webkit-animation-name:tinDownOut;
    -moz-animation-name:tinDownOut;
    -o-animation-name:tinDownOut;
    animation-name:tinDownOut
}
@-webkit-keyframes tinRightIn{
    0%{
        opacity:0;
        -webkit-transform:scale(1,1) translateX(900%)
    }
    50%,70%,90%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -webkit-transform:scale(1,1) translateX(0)
    }
}
@-moz-keyframes tinRightIn{
    0%{
        opacity:0;
        -moz-transform:scale(1,1) translateX(900%)
    }
    50%,70%,90%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -moz-transform:scale(1,1) translateX(0)
    }
}
@-o-keyframes tinRightIn{
    0%{
        opacity:0;
        -o-transform:scale(1,1) translateX(900%)
    }
    50%,70%,90%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -o-transform:scale(1,1) translateX(0)
    }
}
@keyframes tinRightIn{
    0%{
        opacity:0;
        transform:scale(1,1) translateX(900%)
    }
    50%,70%,90%{
        opacity:1;
        transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        transform:scale(1,1) translateX(0)
    }
}
.tinRightIn{
    -webkit-animation-name:tinRightIn;
    -moz-animation-name:tinRightIn;
    -o-animation-name:tinRightIn;
    animation-name:tinRightIn
}
@-webkit-keyframes tinLeftIn{
    0%{
        opacity:0;
        -webkit-transform:scale(1,1) translateX(-900%)
    }
    50%,70%,90%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -webkit-transform:scale(1,1) translateX(0)
    }
}
@-moz-keyframes tinLeftIn{
    0%{
        opacity:0;
        -moz-transform:scale(1,1) translateX(-900%)
    }
    50%,70%,90%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -moz-transform:scale(1,1) translateX(0)
    }
}
@-o-keyframes tinLeftIn{
    0%{
        opacity:0;
        -o-transform:scale(1,1) translateX(-900%)
    }
    50%,70%,90%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        -o-transform:scale(1,1) translateX(0)
    }
}
@keyframes tinLeftIn{
    0%{
        opacity:0;
        transform:scale(1,1) translateX(-900%)
    }
    50%,70%,90%{
        opacity:1;
        transform:scale(1.1,1.1) translateX(0)
    }
    100%,60%,80%{
        opacity:1;
        transform:scale(1,1) translateX(0)
    }
}
.tinLeftIn{
    -webkit-animation-name:tinLeftIn;
    -moz-animation-name:tinLeftIn;
    -o-animation-name:tinLeftIn;
    animation-name:tinLeftIn
}
@-webkit-keyframes tinUpIn{
    0%{
        opacity:0;
        -webkit-transform:scale(1,1) translateY(-900%)
    }
    50%,70%,90%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -webkit-transform:scale(1,1) translateY(0)
    }
}
@-moz-keyframes tinUpIn{
    0%{
        opacity:0;
        -moz-transform:scale(1,1) translateY(-900%)
    }
     50%,70%,90%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -moz-transform:scale(1,1) translateY(0)
    }
}
@-o-keyframes tinUpIn{
    0%{
        opacity:0;
        -o-transform:scale(1,1) translateY(-900%)
    }
    50%,70%,90%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -o-transform:scale(1,1) translateY(0)
    }
}
@keyframes tinUpIn{
    0%{
        opacity:0;
        transform:scale(1,1) translateY(-900%)
    }
    50%,70%,90%{
        opacity:1;
        transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        transform:scale(1,1) translateY(0)
    }
}
.tinUpIn{
    -webkit-animation-name:tinUpIn;
    -moz-animation-name:tinUpIn;
    -o-animation-name:tinUpIn;
    animation-name:tinUpIn
}
@-webkit-keyframes tinDownIn{
    0%{
        opacity:0;
        -webkit-transform:scale(1,1) translateY(900%)
    }
    50%,70%,90%{
        opacity:1;
        -webkit-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -webkit-transform:scale(1,1) translateY(0)
    }
}
@-moz-keyframes tinDownIn{
    0%{
        opacity:0;
        -moz-transform:scale(1,1) translateY(900%)
    }
    50%,70%,90%{
        opacity:1;
        -moz-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -moz-transform:scale(1,1) translateY(0)
    }
}
@-o-keyframes tinDownIn{
    0%{
        opacity:0;
        -o-transform:scale(1,1) translateY(900%)
    }
    50%,70%,90%{
        opacity:1;
        -o-transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        -o-transform:scale(1,1) translateY(0)
    }
}
@keyframes tinDownIn{
    0%{
        opacity:0;
        transform:scale(1,1) translateY(900%)
    }
    50%,70%,90%{
        opacity:1;
        transform:scale(1.1,1.1) translateY(0)
    }
    100%,60%,80%{
        opacity:1;
        transform:scale(1,1) translateY(0)
    }
}
.tinDownIn{
    -webkit-animation-name:tinDownIn;
    -moz-animation-name:tinDownIn;
    -o-animation-name:tinDownIn;
    animation-name:tinDownIn
}
@-webkit-keyframes bombRightOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:rotate(0deg);
        -webkit-filter:blur(0px)
    }
    50%{
        opacity:1;
        -webkit-transform-origin:200% 50%;
        -webkit-transform:rotate(160deg);
        -webkit-filter:blur(0px)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:200% 50%;
        -webkit-transform:rotate(160deg);
        -webkit-filter:blur(20px)
    }
}
@-moz-keyframes bombRightOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:rotate(0deg);
        filter:blur(0px)
    }
    50%{
        opacity:1;
        -moz-transform-origin:200% 50%;
        -moz-transform:rotate(160deg);
        filter:blur(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:200% 50%;
        -moz-transform:rotate(160deg);
        filter:blur(20px)
    }
}
@-o-keyframes bombRightOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:rotate(0deg);
        -o-filter:blur(0px)
    }
    50%{
        opacity:1;
        -o-transform-origin:200% 50%;
        -o-transform:rotate(160deg);
        -o-filter:blur(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:200% 50%;
        -o-transform:rotate(160deg);
        -o-filter:blur(20px)
    }
}
@keyframes bombRightOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:rotate(0deg);
        filter:blur(0px)
    }
    50%{
        opacity:1;
        transform-origin:200% 50%;
        transform:rotate(160deg);
        filter:blur(0px)
    }
    100%{
        opacity:0;
        transform-origin:200% 50%;
        transform:rotate(160deg);
        filter:blur(20px)
    }
}
.bombRightOut{
    -webkit-animation-name:bombRightOut;
    -moz-animation-name:bombRightOut;
    -o-animation-name:bombRightOut;
    animation-name:bombRightOut
}
@-webkit-keyframes bombLeftOut{
    0%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:rotate(0deg);
        -webkit-filter:blur(0px)
    }
    50%{
        opacity:1;
        -webkit-transform-origin:-100% 50%;
        -webkit-transform:rotate(-160deg);
        -webkit-filter:blur(0px)
    }
    100%{
        opacity:0;
        -webkit-transform-origin:-100% 50%;
        -webkit-transform:rotate(-160deg);
        -webkit-filter:blur(20px)
    }
}
@-moz-keyframes bombLeftOut{
    0%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:rotate(0deg);
        filter:blur(0px)
    }
    50%{
        opacity:1;
        -moz-transform-origin:-100% 50%;
        -moz-transform:rotate(-160deg);
        filter:blur(0px)
    }
    100%{
        opacity:0;
        -moz-transform-origin:-100% 50%;
        -moz-transform:rotate(-160deg);
        filter:blur(20px)
    }
}
@-o-keyframes bombLeftOut{
    0%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:rotate(0deg);
        -o-filter:blur(0px)
    }
    50%{
        opacity:1;
        -o-transform-origin:-100% 50%;
        -o-transform:rotate(-160deg);
        -o-filter:blur(0px)
    }
    100%{
        opacity:0;
        -o-transform-origin:-100% 50%;
        -o-transform:rotate(-160deg);
        -o-filter:blur(20px)
    }
}
@keyframes bombLeftOut{
    0%{
        opacity:1;
        transform-origin:50% 50%;
        transform:rotate(0deg);
        filter:blur(0px)
    }
    50%{
        opacity:1;
        transform-origin:-100% 50%;
        transform:rotate(-160deg);
        filter:blur(0px)
    }
     100%{
        opacity:0;
        transform-origin:-100% 50%;
        transform:rotate(-160deg);
        filter:blur(20px)
    }
}
.bombLeftOut{
    -webkit-animation-name:bombLeftOut;
    -moz-animation-name:bombLeftOut;
    -o-animation-name:bombLeftOut;
    animation-name:bombLeftOut
}
.vanishIn{
    -webkit-animation-name:vanishIn;
    -moz-animation-name:vanishIn;
    -ms-animation-name:vanishIn;
    -o-animation-name:vanishIn;
    animation-name:vanishIn
}
@-moz-keyframes vanishIn{
    0%{
        opacity:0;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(2,2);
        -webkit-filter:blur(90px)
    }
    100%{
        opacity:1;
        -moz-transform-origin:50% 50%;
        -moz-transform:scale(1,1);
        -webkit-filter:blur(0px)
    }
}
@-webkit-keyframes vanishIn{
    0%{
        opacity:0;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(2,2);
        -webkit-filter:blur(90px)
    }
    100%{
        opacity:1;
        -webkit-transform-origin:50% 50%;
        -webkit-transform:scale(1,1);
        -webkit-filter:blur(0px)
    }
}
@-o-keyframes vanishIn{
    0%{
        opacity:0;
        -o-transform-origin:50% 50%;
        -o-transform:scale(2,2);
        -webkit-filter:blur(90px)
    }
    100%{
        opacity:1;
        -o-transform-origin:50% 50%;
        -o-transform:scale(1,1);
        -webkit-filter:blur(0px)
    }
}
@-ms-keyframes vanishIn{
    0%{
        opacity:0;
        filter:alpha(opacity=0);
        -ms-transform-origin:50% 50%;
        -ms-transform:scale(2,2);
        -webkit-filter:blur(90px)
    }
    100%{
        opacity:1;
        filter:alpha(opacity=100);
        -ms-transform-origin:50% 50%;
        -ms-transform:scale(1,1);
        -webkit-filter:blur(0px)
    }
}
@keyframes vanishIn{
    0%{
        opacity:0;
        transform-origin:50% 50%;
        transform:scale(2,2);
        -webkit-filter:blur(90px)
    }
    100%{
        opacity:1;
        transform-origin:50% 50%;
        transform:scale(1,1);
        -webkit-filter:blur(0px)
    }
}
.md-overlay{
    position:fixed;
    z-index:98;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:#000;
    opacity:.8
}
.md-videocontainer{
    position:fixed;
    width:640px;
    height:400px;
    background:#fff;
    z-index:99;
    left:30%;
    top:30%;
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    box-shadow:0px 0px 4px rgba(0,0,0,0.52);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true)
}
.md-description{
    padding:10px 15px
}
.md-caption{
    float:left
}
.md-closebtn{
    display:block;
    float:right;
    width:66px;
    height:22px;
    background:transparent url(/sites/all/modules/md_slider/images/closelabel.gif) no-repeat 0 0
}
.md-slide-wrap{
    position:relative;
    height:400px
}
.md-slide-wrap img{
    max-width:inherit !important;
    min-width:inherit !important;
    max-height:inherit !important;
    min-height:inherit !important;
    width:auto
}
.md-item-wrap{
    position:relative;
    height:100%;
    z-index:2
}
.md-item-wrap{
    overflow:hidden;
    width:100%
}
.md-slide-items{
    position:relative;
    z-index:1;
    height:100%;
    width:100%;
    overflow:hidden
}
.md-slide-item{
    height:420px;
    position:absolute;
    width:100%
}
.md-mainimg{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
    overflow:hidden
}
.md-mainimg img{
    position:absolute
}
.md-objects{
    position:relative;
    top:0;
    z-index:2;
    width:100%;
    margin:0 auto;
    height:100%
}
.md-object{
    position:absolute;
    z-index:3
}
.md-ieopacity{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.md-object img{
    width:100%;
    height:100%
}
.md-object a{
    display:block;
    width:100%;
    height:100%
}
.loading-bar-hoz{
    position:absolute;
    left:0;
    right:0;
    height:2px;
    z-index:3;
    overflow:hidden
}
.loading-bar-bottom{
    bottom:0
}
.loading-bar-top{
    top:0
}
.md-loading-bg{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0
}
.loading-bar-hoz .md-loading-state{
    position:absolute;
    left:0;
    height:1px;
    width:0
}
.loading-bar-hoz .br-timer-glow{
    background:url(/sites/all/modules/md_slider/images/light-timer-glow.png) repeat scroll 0 0 transparent;
    height:7px;
    width:104px;
    position:absolute;
    top:-4px;
    z-index:2
}
.loading-bar-hoz .br-timer-bar{
    background-color:#fff;
    height:2px;
    position:absolute;
    z-index:1
}
.md-arrow{
    opacity:0
}
.md-arrow-left,.md-arrow-right{
    background:url(/sites/all/modules/md_slider/images/md-arrow.png) no-repeat 0 0;
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    margin-top:-20px;
    cursor:pointer;
    z-index:3
}
.md-arrow-left{
    left:10px
}
.md-arrow-right{
    right:10px;
    background-position:-40px 0
}
.md-touchdevice .md-arrow{
    opacity:1
}
.md-bullets{
    position:absolute;
    text-align:center;
    z-index:4;
    right:20px;
    left:20px
}
.md-slide-bullet-1 .md-bullets{
    bottom:10px;
    text-align:left
}
.md-slide-bullet-2 .md-bullets{
    bottom:10px;
    text-align:center
}
.md-slide-bullet-3 .md-bullets{
    bottom:10px;
    text-align:right
}
.md-slide-bullet-4 .md-bullets{
    top:10px;
    text-align:left
}
.md-slide-bullet-5 .md-bullets{
    top:10px;
    text-align:center
}
.md-slide-bullet-6 .md-bullets{
    top:10px;
    text-align:right
}
.md-bullet{
    cursor:pointer;
    display:inline-block;
    height:11px;
    margin:0 4px;
    position:relative;
    width:11px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    zoom:1;
    *display:inline;
}
.md-bullet a{
    display:none;
    height:11px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:11px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.md-bullet.md-current a{
    display:block
}
.md-bullet img{
    position:absolute;
    display:none;
    width:auto !important;
    height:auto !important
}
.md-bullet span{
    position:absolute;
    display:none
}
.md-bullet .md-thumb-arrow{
    display:none;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid;
    top:-5px;
    left:50%;
    margin-left:-4px;
    position:absolute
}
.md-thumb{
    position:absolute;
    left:0;
    right:0;
    height:55px;
    padding:10px 30px;
    overflow:hidden;
    z-index:10
}
.md-thumb-container{
    position:absolute;
    top:0;
    left:30px;
    right:30px;
    bottom:0;
    overflow:hidden;
    padding:10px 0
}
.md-thumb-items{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.md-slide-thumb-3 .md-thumb-items{
    text-align:left
}
.md-slide-thumb-4 .md-thumb-items{
    text-align:right
}
.md-thumb-items a{
    cursor:pointer
}
.md-thumb img,.md-thumb span{
    margin:0 10px 0 0
}
.md-thumb .md-thumb-prev,.md-thumb .md-thumb-next{
    position:absolute;
    top:50%;
    width:11px;
    height:21px;
    margin-top:-10px;
    background:url(/sites/all/modules/md_slider/images/thumb-arrow.png) no-repeat 0 0;
    cursor:pointer;
    z-index:3
}
.md-thumb .md-thumb-prev{
    left:10px
}
.md-thumb .md-thumb-next{
    right:10px;
    background-position:-13px 0
}
.md-object{
    -webkit-animation-duration:.6s;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode:both;
    -moz-animation-duration:.6s;
    -moz-animation-timing-function:ease;
    -moz-animation-fill-mode:both;
    -ms-animation-duration:.6s;
    -ms-animation-timing-function:ease;
    -ms-animation-fill-mode:both;
    animation-duration:.6s;
    animation-timing-function:ease;
    animation-fill-mode:both
}
.md-video-control{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:50
}
.md-close-video{
    position:absolute;
    top:0;
    right:0;
    z-index:51;
    width:30px;
    height:30px;
    background:url(/sites/all/modules/md_slider/images/md-close-video.png) #000 no-repeat center center
}
.md-video{
    display:block;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.md-video .md-playbtn{
    position:absolute;
    background:url(/sites/all/modules/md_slider/images/play.png) no-repeat 0 0;
    left:50%;
    margin-left:-30px;
    top:50%;
    margin-top:-20px;
    width:60px;
    height:40px
}
.border-top,.border-bottom,.border-right,.border-left{
    position:absolute;
    z-index:5
}
.border-top{
    left:0;
    top:0;
    right:0
}
.border-bottom{
    left:0;
    bottom:0;
    right:0
}
.border-right{
    top:0;
    bottom:0;
    right:0
}
.border-left{
    top:0;
    bottom:0;
    left:0
}
.md-slide-fullwidth .border-top,.md-slide-fullwidth .border-bottom{
    left:0 !important;
    right:0 !important
}
.border-top.border-style-1{
    background:#fff;
    border:1px solid #ddd;
    top:-9px;
    bottom:-9px;
    left:-9px;
    right:-9px;
    z-index:1
}
.md-slide-fullwidth .border-top.border-style-1{
    border-right:none;
    border-left:none;
    left:0;
    right:0
}
.border-top.border-style-2{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-top-2.png) repeat-x 0 0;
    top:-12px;
    left:-11px;
    right:-4px
}
.border-bottom.border-style-2{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-bottom-2.png) repeat-x left bottom;
    bottom:-12px;
    left:-12px;
    right:-12px
}
.border-right.border-style-2{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-right-2.png) repeat-y right top;
    right:-12px;
    top:-12px;
    bottom:-12px
}
.border-left.border-style-2{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-left-2.png) repeat-y 0 0;
    left:-12px;
    top:-12px;
    bottom:-10px
}
 .border-top.border-style-3{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-top-3.png) repeat-x 0 0;
    top:-12px;
    left:-9px;
    right:-2px
}
.border-bottom.border-style-3{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-bottom-3.png) repeat-x left bottom;
    bottom:-12px;
    left:-12px;
    right:-10px
}
.border-right.border-style-3{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-right-3.png) repeat-y right top;
    right:-12px;
    top:-12px;
    bottom:-8px
}
.border-left.border-style-3{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-left-3.png) repeat-y 0 0;
    left:-12px;
    top:-12px;
    bottom:-8px
}
.border-top.border-style-4{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-top-4.png) repeat-x 0 0;
    top:-12px;
    left:-7px;
    right:-8px
}
.border-bottom.border-style-4{
    height:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-bottom-4.png) repeat-x left bottom;
    bottom:-12px;
    left:-8px;
    right:-8px
}
.border-right.border-style-4{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-right-4.png) repeat-y right top;
    right:-12px;
    top:-6px;
    bottom:-8px
}
.border-left.border-style-4{
    width:12px;
    background:url(/sites/all/modules/md_slider/images/border/border-left-4.png) repeat-y 0 0;
    left:-12px;
    top:-8px;
    bottom:-8px
}
.border-top.border-style-8{
    background:url(/sites/all/modules/md_slider/images/border/border-8.png) repeat 0 0;
    top:-10px;
    bottom:-10px;
    left:-10px;
    right:-10px;
    z-index:1
}
.md-slide-fullwidth .border-top.border-style-8{
    left:0;
    right:0
}
.border-top.border-style-9{
    height:9px;
    background:url(/sites/all/modules/md_slider/images/border/border-top-9.png) repeat-x 0 0;
    top:0;
    left:0;
    right:0
}
.border-bottom.border-style-9{
    height:9px;
    background:url(/sites/all/modules/md_slider/images/border/border-bottom-9.png) repeat-x 0 0;
    bottom:-9px;
    left:0;
    right:0
}
.border-right.border-style-9{
    width:9px;
    background:url(/sites/all/modules/md_slider/images/border/border-right-9.png) repeat-y 0 0;
    right:-10px;
    top:5px;
    bottom:4px
}
.border-left.border-style-9{
    width:9px;
    background:url(/sites/all/modules/md_slider/images/border/border-left-9.png) repeat-y 0 0;
    left:-7px;
    top:3px;
    bottom:3px
}
.border-left.border-style-9 div.edge-top{
    width:20px;
    height:20px;
    background:url(/sites/all/modules/md_slider/images/border/border-9.png) no-repeat -30px -29px;
    position:absolute;
    top:-3px;
    left:0
}
.border-left.border-style-9 div.edge-bottom{
    width:20px;
    height:20px;
    background:url(/sites/all/modules/md_slider/images/border/border-9.png) no-repeat -33px -5px;
    position:absolute;
    bottom:-10px;
    left:0;
    z-index:10
}
.border-right.border-style-9 div.edge-top{
    width:20px;
    height:20px;
    background:url(/sites/all/modules/md_slider/images/border/border-9.png) no-repeat -2px -29px;
    position:absolute;
    top:-5px;
    right:2px
}
.border-right.border-style-9 div.edge-bottom{
    width:20px;
    height:20px;
    background:url(/sites/all/modules/md_slider/images/border/border-9.png) no-repeat 2px -5px;
    position:absolute;
    bottom:-11px;
    right:2px
}
@media screen and (max-width:760px){
    .md-video .md-playbtn{
        width:15%;
        height:18%;
        margin:-7.5%;
        margin-top:-5%;
        max-width:50px;
        max-height:33px;
        background-size:100% 100%
    }
}
.mdslider-strip,.mdslider-block{
    position:absolute;
    overflow:hidden
}
.mdslider-strip img,.mdslider-block img,.mdslider-tile img{
    position:relative;
    margin:0;
    padding:0;
    max-width:inherit;
    min-width:inherit
}
.md-strips-container,.md-blocks-container{
    overflow:visible;
    position:absolute;
    top:0;
    z-index:100;
    height:100%;
    width:100%
}
.md-slide-wrap *{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.mdslider-tile{
    bottom:0;
    left:0;
    opacity:1;
    right:0;
    top:0;
    z-index:0;
    overflow:hidden;
    float:left;
    position:absolute
}
.mdslider-tile.tiles-left-anim{
    width:0 !important
}
.mdslider-tile.tiles-up-anim{
    height:1px !important
}
.md-slide-wrap .tiles-switchlr-anim,.md-slide-wrap .tiles-switchud-anim,.md-slide-wrap .tiles-fliplr-anim,.md-slide-wrap .tiles-up-anim,.md-slide-wrap .tiles-left-anim,.md-slide-wrap .tiles-updown-anim,.md-slide-wrap .tiles-leftright-anim,.md-slide-wrap .tiles-flipud-anim,.md-slide-wrap .tiles-reduce-anim{
    opacity:0;
    visibility:hidden
}
.tiles-leftright-anim.tiles-even{
    left:50% !important
}
.tiles-leftright-anim.tiles-odd{
    left:-50% !important
}
.slit-horizontal-left-top .mdslider-slit,.slit-horizontal-top-right .mdslider-slit,.slit-horizontal-bottom-up .mdslider-slit{
    -moz-transform:translateY(0%) scale(1);
    -webkit-transform:translateY(0%) scale(1);
    -ms-transform:translateY(0%) scale(1);
    transform:translateY(0%) scale(1);
    height:50%;
    width:100%;
    position:absolute;
    overflow:hidden
}
.slit-horizontal-left-top img,.slit-horizontal-top-right img,.slit-horizontal-bottom-up img,.slit-vertical-down img,.slit-vertical-up img{
    position:absolute;
    max-width:inherit;
    min-width:inherit
}
.slit-horizontal-left-top .mdslider-slit:first-child,.slit-horizontal-top-right .mdslider-slit:first-child,.slit-horizontal-bottom-up .mdslider-slit:first-child{
    top:0
}
.slit-horizontal-left-top .mdslider-slit:last-child,.slit-horizontal-top-right .mdslider-slit:last-child,.slit-horizontal-bottom-up .mdslider-slit:last-child{
    top:50%
}
 .slit-horizontal-left-top .md-trans-elems-1{
    -webkit-transform:translateY(-270%) rotate(-25deg) scale(2);
    -moz-transform:translateY(-270%) rotate(-25deg) scale(2);
    -ms-transform:translateY(-270%) rotate(-25deg) scale(2);
    transform:translateY(-270%) rotate(-25deg) scale(2)
}
.slit-horizontal-left-top .md-trans-elems-2{
    -webkit-transform:translateY(270%) rotate(-25deg) scale(2);
    -moz-transform:translateY(270%) rotate(-25deg) scale(2);
    -ms-transform:translateY(270%) rotate(-25deg) scale(2);
    transform:translateY(270%) rotate(-25deg) scale(2)
}
.slit-horizontal-top-right .md-trans-elems-1{
    -webkit-transform:translateY(-270%) rotate(25deg) scale(2);
    -moz-transform:translateY(-270%) rotate(25deg) scale(2);
    -ms-transform:translateY(-270%) rotate(25deg) scale(2);
    transform:translateY(-270%) rotate(25deg) scale(2)
}
.slit-horizontal-top-right .md-trans-elems-2{
    -webkit-transform:translateY(270%) rotate(25deg) scale(2);
    -moz-transform:translateY(270%) rotate(25deg) scale(2);
    -ms-transform:translateY(270%) rotate(25deg) scale(2);
    transform:translateY(270%) rotate(25deg) scale(2)
}
.slit-horizontal-bottom-up .md-trans-elems-1{
    -webkit-transform:translateY(-270%) rotate(-25deg) scale(2);
    -moz-transform:translateY(-270%) rotate(-25deg) scale(2);
    -ms-transform:translateY(-270%) rotate(-25deg) scale(2);
    transform:translateY(-270%) rotate(-25deg) scale(2)
}
.slit-horizontal-bottom-up .md-trans-elems-2{
    -webkit-transform:translateY(270%) rotate(25deg) scale(2);
    -moz-transform:translateY(270%) rotate(25deg) scale(2);
    -ms-transform:translateY(270%) rotate(25deg) scale(2);
    transform:translateY(270%) rotate(25deg) scale(2)
}
.slit-vertical-down .mdslider-slit,.slit-vertical-up .mdslider-slit{
    -moz-transform:translateY(0%) scale(1);
    -webkit-transform:translateY(0%) scale(1);
    -ms-transform:translateY(0%) scale(1);
    transform:translateY(0%) scale(1);
    height:100%;
    width:50%;
    position:absolute;
    overflow:hidden
}
.slit-vertical-down .mdslider-slit:first-child,.slit-vertical-up .mdslider-slit:first-child{
    left:0
}
.slit-vertical-down .mdslider-slit:last-child,.slit-vertical-up .mdslider-slit:last-child{
    left:50%
}
.slit-vertical-down .md-trans-elems-1{
    -webkit-transform:translateX(-200%) rotate(25deg) scale(2);
    -moz-transform:translateX(-200%) rotate(25deg) scale(2);
    -ms-transform:translateX(-200%) rotate(25deg) scale(2);
    transform:translateX(-200%) rotate(25deg) scale(2)
}
.slit-vertical-down .md-trans-elems-2{
    -webkit-transform:translateX(200%) rotate(-25deg) scale(2);
    -moz-transform:translateX(200%) rotate(-25deg) scale(2);
    -ms-transform:translateX(200%) rotate(-25deg) scale(2);
    transform:translateX(200%) rotate(-25deg) scale(2)
}
.slit-vertical-up .md-trans-elems-1{
    -webkit-transform:translateX(-200%) rotate(-25deg) scale(2);
    -moz-transform:translateX(-200%) rotate(-25deg) scale(2);
    -ms-transform:translateX(-200%) rotate(-25deg) scale(2);
    transform:translateX(-200%) rotate(-25deg) scale(2)
}
.slit-vertical-up .md-trans-elems-2{
    -webkit-transform:translateX(200%) rotate(25deg) scale(2);
    -moz-transform:translateX(200%) rotate(25deg) scale(2);
    -ms-transform:translateX(200%) rotate(25deg) scale(2);
    transform:translateX(200%) rotate(25deg) scale(2)
}
.md-arrow{
    opacity:0;
    visibility:hidden
}
.md-arrow.active{
    opacity:1;
    visibility:visible
}
.md-video-control:hover .md-arrow{
    opacity:1;
    visibility:visible
}
.md-navigation-links .md-bullet a{
    display:inline-block;
    background:#ccc
}
.md-navigation-links .md-bullet.md-current a{
    background:#fff
}
.md-navigation-links .md-bullet,.md-navigation-links .md-bullet a{
    width:auto;
    height:auto;
    border-radius:0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px
}
.md-navigation-links .md-bullet a{
    overflow:visible;
    position:static;
    padding-left:3px;
    padding-right:3px
}
.wrap-loader-slider{
    width:100%;
    height:100%;
    z-index:9999999;
    position:absolute;
    top:0;
    left:0;
    background:#fff
}
.wrap-loader-slider.fadeOut{
    z-index:-1
}
.wrap-cube{
    position:relative;
    width:100%;
    height:100%
}
.sk-cube-grid{
    width:40px;
    height:40px;
    margin:40px auto;
    position:absolute;
    top:35%;
    right:50%
}
.sk-cube-grid .sk-cube{
    width:33.33%;
    height:33.33%;
    background-color:#37abf2;
    float:left;
    -webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}
.sk-cube-grid .sk-cube1{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.sk-cube-grid .sk-cube2{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.sk-cube-grid .sk-cube3{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.sk-cube-grid .sk-cube4{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.sk-cube-grid .sk-cube5{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.sk-cube-grid .sk-cube6{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.sk-cube-grid .sk-cube7{
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.sk-cube-grid .sk-cube8{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.sk-cube-grid .sk-cube9{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
@-webkit-keyframes sk-cubeGridScaleDelay{
    0%,70%,100%{
        -webkit-transform:scale3D(1,1,1);
        transform:scale3D(1,1,1)
    }
    35%{
        -webkit-transform:scale3D(0,0,1);
        transform:scale3D(0,0,1)
    }
}
@keyframes sk-cubeGridScaleDelay{
    0%,70%,100%{
        -webkit-transform:scale3D(1,1,1);
        transform:scale3D(1,1,1)
    }
    35%{
        -webkit-transform:scale3D(0,0,1);
        transform:scale3D(0,0,1)
    }
}
.md-slide-wrap{
    margin:0;
    font-size:12px;
    line-height:1.5em;
    word-wrap:normal
}
 .md-slidewrap{
    font-size:12px;
    line-height:1.5em;
    word-wrap:normal;
    
}
.md-objects .md-object,.md-objects .md-object a,.slider-item>div{
    margin:0;
    padding:0;
    line-height:1em;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}
.md-loading-bg{
    background:#fff;
    opacity:.6
}
.md-loading-state{
    background:#fff
}
.md-bullet{
    background:#ccc
}
.md-bullet a{
    background:#fff
}
.md-bullet span,.md-bullet img{
    border:3px solid #fff;
    top:0;
    left:0;
    -moz-box-shadow:0px 3px 6px rgba(0,0,0,.5);
    -webkit-box-shadow:0px 3px 6px rgba(0,0,0,.5);
    box-shadow:0px 3px 6px rgba(0,0,0,.5)
}
.md-bullet .md-thumb-arrow{
    border-top-color:#fff
}
.white-shadow{
    -moz-box-shadow:4px 4px 4px rgba(255,255,255,0.25);
    -webkit-box-shadow:4px 4px 4px rgba(255,255,255,0.25);
    box-shadow:4px 4px 4px rgba(255,255,255,0.25);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40ffffff,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40ffffff,Positive=true)
}
.black-shadow{
    -moz-box-shadow:4px 4px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.25);
    box-shadow:4px 4px 4px rgba(0,0,0,0.25);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4,OffY=4,Color=#40000000,Positive=true)
}
.white-shadow2{
    -moz-box-shadow:0px 0px 4px rgba(255,255,255,0.35);
    -webkit-box-shadow:0px 0px 4px rgba(255,255,255,0.35);
    box-shadow:0px 0px 4px rgba(255,255,255,0.35);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59ffffff,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59ffffff,Positive=true)
}
.black-shadow2{
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.35);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.35);
    box-shadow:0px 0px 4px rgba(0,0,0,0.35);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#59000000,Positive=true)
}
.text-white-shadow a,.text-white-shadow div,.md-object.text-white-shadow{
    text-shadow:0px 1px 0px rgba(255,255,255,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80ffffff,Positive=true)";
    zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80ffffff,Positive=true)
}
.text-black-shadow a,.text-black-shadow div,.md-object.text-black-shadow{
    text-shadow:0px 1px 0px rgba(0,0,0,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80000000,Positive=true)";
    zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#80000000,Positive=true)
}
.text-white-shadow2 a .text-white-shadow2 div,.md-object.text-white-shadow2{
    text-shadow:0px -1px 0px rgba(255,255,255,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80ffffff,Positive=true)";
    zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80ffffff,Positive=true)
}
.text-black-shadow2 a,.text-black-shadow2 div,.md-object.text-black-shadow2{
    text-shadow:0px -1px 0px rgba(0,0,0,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80000000,Positive=true)";
    zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#80000000,Positive=true)
}
.md-touchdevice .md-arrow-left,.md-touchdevice .md-arrow-right,.md-touchdevice .md-play,.md-touchdevice .md-pause{
    top:auto;
    left:auto;
    margin-top:0;
    bottom:10px;
    right:10px;
    display:none
}
.md-touchdevice .md-arrow-left{
    right:80px
}
.md-touchdevice .md-play,.md-touchdevice .md-pause{
    right:45px
}
.md-thumb img .md-thumb span{
    padding:4px;
    background:#fff;
    border:1px solid #e1e1e1
}
.md-thumb a:hover img,.md-thumb a:hover span{
    border-color:#ccc
}
.md-thumb a.md-current span,.md-thumb a.md-current img{
    border-color:#bbb
}
.md-slider-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2
}
@media screen and (max-width:760px){
    .md-bullet,.md-bullet a{
        height:9px;
        width:9px
    }
}
@media screen and (max-width:600px){
    .md-bullet,.md-bullet a{
        height:7px;
        width:7px
    }
}
#sliding-popup{
    margin:0;
    padding:0;
    width:100%;
    z-index:99999;
    left:0;
    text-align:center
}
.sliding-popup-bottom,.sliding-popup-top{
    background:url(/sites/all/modules/eu_cookie_compliance/images/gradient.png) center center scroll repeat-y transparent
}
.sliding-popup-bottom{
    position:fixed
}
.sliding-popup-top{
    position:relative
}
#sliding-popup .popup-content{
    margin:0 auto;
    max-width:80%;
    display:inline-block;
    text-align:left;
    width:100%
}
#sliding-popup .popup-content #popup-buttons{
    float:right;
    margin:0 0 1em;
    max-width:40%
}
.eu-cookie-compliance-categories-buttons{
    margin:0 0 1em;
    max-width:60%;
    float:left
}
#sliding-popup .eu-cookie-compliance-more-button{
    cursor:pointer;
    display:inline;
    height:auto;
    margin:0;
    padding:0;
    border:none;
    text-decoration:underline;
    background:none
}
#sliding-popup .eu-cookie-compliance-secondary-button{
    cursor:pointer;
    border:none;
    background:none;
    margin-top:1em;
    padding:0 8px;
    vertical-align:middle
}
#sliding-popup .eu-cookie-compliance-default-button,#sliding-popup .eu-cookie-compliance-hide-button,#sliding-popup .eu-cookie-compliance-more-button-thank-you,#sliding-popup .eu-cookie-withdraw-button,.eu-cookie-withdraw-button,.eu-cookie-compliance-save-preferences-button{
    cursor:pointer;
    margin-right:5px;
    margin-top:1em;
    vertical-align:middle;
    overflow:visible;
    width:auto;
    -moz-box-shadow:inset 0 1px 0 0 #fff;
    -webkit-box-shadow:inset 0 1px 0 0 #fff;
    box-shadow:inset 0 1px 0 0 #fff;
    background-color:#ededed;
    background-image:-moz-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ededed),color-stop(100%,#dfdfdf));
    background-image:-webkit-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image:-o-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image:-ms-linear-gradient(top,#ededed 5%,#dfdfdf 100%);
    background-image:linear-gradient(to bottom,#ededed 5%,#dfdfdf 100%);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    color:#000;
    font-family:Arial,sans-serif;
    font-weight:700;
    padding:4px 8px;
    text-decoration:none;
    text-shadow:1px 1px 0 #fff
}
 #sliding-popup .eu-cookie-compliance-default-button:hover,#sliding-popup .eu-cookie-compliance-hide-button:hover,#sliding-popup .eu-cookie-compliance-more-button-thank-you:hover,#sliding-popup .eu-cookie-withdraw-button:hover{
    background-color:#dfdfdf;
    background-image:-moz-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#dfdfdf),color-stop(100%,#ededed));
    background-image:-webkit-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
    background-image:-o-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
    background-image:-ms-linear-gradient(top,#dfdfdf 5%,#ededed 100%);
    background-image:linear-gradient(to bottom,#dfdfdf 5%,#ededed 100%)
}
#sliding-popup .eu-cookie-compliance-default-button:active,#sliding-popup .eu-cookie-compliance-hide-button:active,#sliding-popup .eu-cookie-compliance-more-button-thank-you:active,#sliding-popup .eu-cookie-withdraw-button:active{
    position:relative;
    top:1px
}
#sliding-popup .popup-content #popup-text{
    color:#fff;
    float:left;
    font-weight:700;
    margin:5px 0 0;
    max-width:60%
}
.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message{
    max-width:100%
}
.eu-cookie-compliance-categories{
    clear:both;
    padding-top:1em
}
.eu-cookie-compliance-categories label{
    display:inline
}
#sliding-popup .popup-content #popup-text h1,#sliding-popup .popup-content #popup-text h2,#sliding-popup .popup-content #popup-text h3,#sliding-popup .popup-content #popup-text p{
    color:#fff;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    margin:0 0 5px
}
#sliding-popup .popup-content #popup-text h1{
    font-size:24px
}
#sliding-popup .popup-content #popup-text h3{
    font-size:12px
}
#sliding-popup .popup-content #popup-text p{
    font-size:12px;
    display:inline
}
.eu-cookie-withdraw-tab{
    padding:4px 7px;
    cursor:pointer
}
.sliding-popup-bottom .eu-cookie-withdraw-tab{
    border-width:2px 2px 0;
    border-radius:5px 5px 0 0
}
.sliding-popup-top .eu-cookie-withdraw-tab{
    border-width:0 2px 2px;
    border-radius:0 0 5px 5px
}
.eu-cookie-withdraw-wrapper.sliding-popup-top,.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner{
    transform:scaleY(-1)
}
.eu-cookie-withdraw-tab{
    position:absolute;
    top:0;
    transform:translate(-50%,-100%);
    left:50%
}
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab{
    transform:translate(-50%,-100%) scaleY(-1)
}
.eu-cookie-compliance-hidden{
    display:none
}
@media screen and (max-width:600px){
    #sliding-popup .popup-content{
        max-width:95%
    }
    .eu-cookie-compliance-categories,#sliding-popup .popup-content #popup-text{
        max-width:100%
    }
    #sliding-popup .popup-content #popup-buttons{
        clear:both;
        float:none;
        margin:5px 0 1em;
        max-width:100%
    }
    .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories{
        float:right;
        margin-top:-56px
    }
    .eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons{
        position:initial;
        bottom:unset;
        right:unset
    }
}
.addtoany{
    display:inline
}
.addtoany_list{
    display:inline;
    line-height:16px
}
.addtoany_list>a,.addtoany_list a img,.addtoany_list a>span{
    vertical-align:middle
}
.addtoany_list>a{
    display:inline-block;
    font-size:16px;
    padding:0 4px
}
.addtoany_list.a2a_kit_size_32>a{
    font-size:32px
}
.addtoany_list .a2a_counter img{
    float:left
}
.addtoany_list a span.a2a_img{
    display:inline-block;
    height:16px;
    opacity:1;
    overflow:hidden;
    width:16px
}
.addtoany_list a span{
    display:inline-block;
    float:none
}
.addtoany_list.a2a_kit_size_32 a>span{
    border-radius:4px;
    height:32px;
    line-height:32px;
    opacity:1;
    width:32px
}
.addtoany_list a:hover:hover img,.addtoany_list a:hover span{
    opacity:.7
}
.addtoany_list a.addtoany_share_save img{
    border:0;
    width:auto;
    height:auto
}
.addtoany_list.a2a_kit_size_32 a .a2a_count{
    position:relative
}
#sliding-popup.sliding-popup-bottom,#sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner,.eu-cookie-withdraw-tab{
    background:#0779bf
}
#sliding-popup.sliding-popup-bottom.eu-cookie-withdraw-wrapper{
    background:transparent
}
#sliding-popup .popup-content #popup-text h1,#sliding-popup .popup-content #popup-text h2,#sliding-popup .popup-content #popup-text h3,#sliding-popup .popup-content #popup-text p,#sliding-popup label,#sliding-popup div,.eu-cookie-compliance-secondary-button,.eu-cookie-withdraw-tab{
    color:#fff !important
}
.eu-cookie-withdraw-tab{
    border-color:#fff
}
.eu-cookie-compliance-more-button{
    color:#fff !important
}
body{
    background:#fff none repeat scroll 0 0;
    color:#000;
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    padding-top:0
}
.top-ad-banner{
    margin:9px 0
}
#block-block-4{
    margin:0 auto;
    max-width:767px
}
#navbarResponsive{
    padding-left:0;
    padding-right:10px
}
.field-name-body h1,.field-name-body h2.h1{
    color:#336;
    font-size:47px;
    text-align:center
}
iframe{
    border-width:0
}
nav.navbar{
    border-radius:0;
    border:none;
    box-shadow:0 0 5px #d5d5d5;
    margin:25px 0 0 0;
    padding-top:22px
}
.navbar-nav>li>a{
    color:#000;
    font-family:"Roboto Condensed",sans-serif;
    font-size:16px;
    font-weight:400;
    padding:10px .7rem
}
 .navbar-nav>li>a:hover,.navbar-nav>li>a:focus{
    background-color:transparent;
    text-decoration:none
}
.navbar-nav .caret{
    display:none
}
.navbar-nav>li.first>a{
    background:rgba(0,0,0,0) url(/sites/all/themes/britainvisitors/cdn.britainvisitors/images/home-icon.png) no-repeat scroll center center;
    font-size:0;
    padding:2px 15px 15px
}
.navbar-header .navbar-left{
    margin:0 auto;
    max-width:200px;
    padding:10px
}
.navbar-brand{
    display:block;
    font-size:1.25rem;
    height:auto;
    line-height:inherit;
    margin-right:1rem;
    padding-bottom:12px;
    padding-left:16px;
    padding-top:5px;
    white-space:nowrap
}
.navbar-right{
    float:right
}
.navbar-header-main-menu{
    align-items:center;
    flex-basis:100%;
    float:right
}
.searchbox{
    margin-right:15px;
    max-width:200px
}
.searchbox .form-group{
    margin-bottom:0
}
.slider.clearfix{
    clear:both;
    overflow:hidden;
    position:relative
}
.mt-4{
    margin-top:1.5rem !important
}
.mb-4{
    margin-bottom:1.5rem !important
}
hgroup,.hgroup{
    text-align:center;
    padding-bottom:20px
}
.navbar #cse-search-box{
    background:#e5e5e5 none repeat scroll 0 0;
    border-radius:25px;
    margin:0;
    position:relative
}
.navbar #cse-search-box #cse-search-button{
    background:#e5e5e5 none repeat scroll 0 0;
    border:medium none;
    box-shadow:none;
    font-size:0;
    height:28px;
    margin:0;
    padding:5px;
    position:absolute;
    right:0;
    width:28px
}
.navbar #cse-search-box input{
    background:#e5e5e5 none repeat scroll 0 0;
    border:medium none;
    box-shadow:none;
    border-radius:25px;
    color:#777;
    font-size:13px;
    height:30px;
    margin:0;
    padding:0 10px
}
.adsbygoogle{
    margin:10px auto;
    max-width:767px;
    width:100%
}
.adsbygoogle img{
    max-width:100%;
    height:auto
}
.h2,h2{
    font-family:"Roboto Condensed",sans-serif;
    font-size:38px;
    font-weight:400;
    text-transform:uppercase
}
.h1,h1{
    font-family:"Roboto Condensed",sans-serif;
    font-size:50px;
    font-weight:700;
    text-transform:uppercase
}
.visitorsinfo h1{
    font-size:47px
}
.main-container{
    padding-top:40px
}
article.node-page>h2{
    font-size:39px
}
article.node-page h2,.bgcont h2{
    color:#336;
    font-size:29px;
    font-weight:700;
    text-transform:none;
    clear:both
}
article.node-page figcaption{
    caption-side:bottom;
    font-weight:700;
    font-size:87.5%;
    margin-top:.25em;
    line-height:1.25em;
    padding:.25em 1em
}
div.callout.center{
    display:flex;
    justify-content:space-around
}
figure.callout.left{
    float:left;
    margin-bottom:20px;
    margin-right:30px
}
figure.callout.right{
    float:right;
    margin-bottom:20px;
    margin-left:30px;
    clear:both
}
figure{
    clear:both;
    margin:20px 0;
    text-align:center
}
figure img{
    margin:4px auto;
    float:none
}
.callout-center-single img{
    margin:4px auto;
    clear:both;
    float:none
}
figure{
    text-align:center
}
div.flex figure{
    display:flex;
    justify-content:space-around;
    flex-flow:row wrap
}
div.flex figcaption{
    width:100%
}
article.node-page h3,.bgcont h3{
    color:#333;
    font-size:21px;
    font-weight:700;
    margin-top:25px;
    text-transform:none
}
article ul{
    padding:0;
    margin:0
}
article ul li{
    background:rgba(0,0,0,0) url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/small-right-arrow.png) no-repeat scroll left 9px;
    line-height:28px;
    list-style:outside none none;
    overflow:hidden;
    padding-left:20px;
    text-align:left
}
.callout.center figure{
    display:inline-block;
    margin:10px;
    text-align:center
}
.all-center.alphabetafilter{
    display:block;
    text-align:center
}
.all-center.alphabetafilter>a{
    background:#336 none repeat scroll 0 0;
    color:#fff;
    display:inline-block;
    padding:5px 7px;
    text-decoration:none
}
.all-center.alphabetafilter>a:hover{
    background:#f33 none repeat scroll 0 0
}
ul.menu.intrapage,#block-menu-menu-china-city-guide ul.menu{
    display:block;
    margin:0;
    overflow:hidden;
    padding:0;
    text-align:left
}
ul.menu.intrapage li,#block-menu-menu-china-city-guide ul.menu li{
    clear:none;
    display:inline-block;
    list-style:outside none none;
    margin:0;
    padding:0;
    text-align:center
}
ul.menu.intrapage li a,#block-menu-menu-china-city-guide ul.menu li a{
    background:#ccc none repeat scroll 0 0;
    border-radius:2px;
    color:#000;
    display:block;
    margin-bottom:4px;
    margin-right:4px;
    padding:5px 15px;
    text-decoration:none
}
b a,strong a,a b{
    color:#337ab7;
    font-weight:700
}
.google-inline{
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    margin:20px 0;
    padding:20px 0;
    text-align:center;
    clear:both
}
.amazon{
    text-align:center
}
.articles .inner-content{
    background:#ccc none repeat scroll 0 0;
    padding:20px
}
.our-partner .inner-content{
    background:#ccc none repeat scroll 0 0;
    padding:20px
}
.our-partner h2{
    color:#333;
    font-size:19px;
    margin-bottom:12px;
    text-transform:none;
    text-align:center
}
.our-partner ul{
    margin:0;
    padding:0;
    text-align:center
}
.our-partner ul li{
    display:inline-block;
    list-style:outside none none;
    margin:0;
    text-align:center;
    width:49%
}
.our-partner ul li a{
    background:#336;
    color:#fff;
    display:block;
    margin:2%;
    padding:3px;
    text-decoration:none
}
.our-partner ul li a:hover{
    background:#f33
}
.slider{
    overflow:hidden;
    position:relative;
    width:100%
}
.overlay h2{
    color:#fff
}
.md-mainimg img{
    height:auto;
    position:absolute;
    width:100% !important
}
.overlayouter .h2,.overlayouter .h1{
    line-height:40px
}
.green{
    color:#f90;
    text-transform:none
}
.sidebar{
    background:#ccc none repeat scroll 0 0;
    height:100%;
    padding:8px;
    text-align:center
}
.side_ad{
    background:#fff none repeat scroll 0 0
}
.ad-block-inner{
    background:#fff none repeat scroll 0 0;
    border:1px solid #b8b8b8;
    padding:18px
}
img{
    height:auto;
    max-width:100%
}
footer.bg-white{
    background:rgba(0,0,0,0) url(../images/footer.jpg) no-repeat scroll center center / cover;
    margin-top:30px;
    overflow:hidden;
    padding:50px 20px
}
 footer h2{
    font-family:"Roboto Condensed",sans-serif;
    font-size:20px;
    font-weight:700;
    margin-bottom:.5rem;
    margin-top:0;
    text-transform:uppercase
}
footer ul{
    margin:0;
    padding:0
}
footer ul.navleft,footer ul.navright{
    display:block;
    float:left;
    vertical-align:top;
    width:168px
}
footer ul li{
    line-height:28px;
    list-style:outside none none
}
footer ul.nav li a{
    color:#000;
    font-family:"Roboto Condensed",sans-serif;
    font-size:15px;
    padding:5px 0;
    text-transform:uppercase;
    text-decoration:none
}
footer .menu-block-1 ul li{
    float:left;
    width:50%
}
footer ul li a:hover{
    color:#f33;
    text-decoration:none;
    background:transparent !important
}
.copyright{
    padding:13px 0
}
.titlebar{
    background:rgba(0,0,0,0) url(../images/titlebg.jpg) no-repeat scroll center center / cover;
    padding:7%
}
.titlebar h1{
    color:#fff;
    font-size:50px;
    font-weight:700;
    margin:0;
    padding:0;
    text-transform:uppercase;
    border:none
}
.titlebar span.bread{
    display:block;
    font-size:13px;
    font-weight:400
}
.breadcrumb{
    background-color:transparent;
    border-radius:4px;
    color:#fff;
    list-style:outside none none;
    margin:0;
    padding:0
}
.breadcrumb>.active,.breadcrumb a{
    color:#fff
}
.view-row{
    background:rgba(0,0,0,0) url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/star.png) no-repeat scroll left 21px;
    padding-left:30px
}
p.star{
    border-bottom:2px dotted #888;
    padding:15px 0
}
.staying h1.normal{
    font-size:29px;
    font-weight:300
}
.greybox{
    background:#ccc none repeat scroll 0 0;
    margin-bottom:25px;
    padding:20px;
    text-align:center
}
.greybox h1{
    color:#000;
    font-size:33px;
    font-weight:300
}
.greybox hr{
    border-color:#000;
    color:#000;
    margin-bottom:0;
    margin-top:0;
    max-width:220px
}
.greybox>ul{
    margin:15px auto 0;
    max-width:180px;
    padding:0
}
.greybox>ul li{
    list-style:outside none none;
    text-align:left
}
.greybox>ul li a{
    background:#f90 url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/down-arrow.png) no-repeat scroll 96% center / 20px auto;
    border-radius:4px;
    color:#fff
}
.greybox>ul li .dropdown-menu a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#333
}
.greybg{
    background:#ccc none repeat scroll 0 0;
    display:block;
    max-width:504px;
    overflow:hidden;
    padding:0 20px 20px
}
.ad-banner-border{
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    clear:both;
    margin:50px 0 0;
    overflow:hidden
}
.contact-form .form-item{
    margin:0 0 20px
}
.contact-form .form-item label{
    display:block;
    font-size:14px;
    font-weight:900;
    margin-bottom:7px;
    opacity:.7
}
.contact-form .form-item input{
    border:1px solid #ddd;
    border-radius:4px;
    box-shadow:unset;
    height:auto;
    padding:8px;
    width:100%
}
.contact-form .form-item input.form-checkbox{
    width:auto
}
.contact-form .form-item select{
    background:rgba(0,0,0,0) url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/small-down-arrow.png) no-repeat scroll 98% center;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:13px;
    padding:10px;
    width:100%;
    appearance:none;
    height:auto
}
.contact-form .form-item textarea{
    border:1px solid #ddd;
    border-radius:4px;
    font-size:13px;
    padding:10px;
    width:100%
}
.contact-form .form-action input{
    background:rgba(0,0,0,0) url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/sendnow.png) no-repeat scroll 10px 0;
    border:medium none;
    color:#fff;
    font-weight:700;
    height:44px;
    margin-left:-10px;
    overflow:hidden;
    padding-bottom:0;
    padding-right:0;
    padding-top:0;
    text-transform:uppercase;
    width:154px
}
.ad-banner-bottom{
    margin-top:3rem
}
.ad-banner-bottom>h1{
    font-size:33px;
    font-weight:300;
    text-align:center;
    text-transform:none
}
.ad-banner-bottom hr{
    border-color:#000;
    margin-top:.5rem;
    max-width:255px
}
.city-guides-page .view-row h2{
    margin:0
}
.group-data{
    background:#ddd none repeat scroll 0 0;
    padding:20px
}
.col-lg-12.photolinks{
    margin-top:60px
}
.moreinfobtn a{
    background:#f90 none repeat scroll 0 0;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    padding:10px;
    text-decoration:none;
    width:auto
}
.col-lg-12.view-all a{
    background:#f90 url(/sites/all/themes/britainvisitors/cdn.britainvisitors/icons/down-arrow.png) no-repeat scroll 85% center / 16px auto;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    padding:7px 40px;
    text-decoration:none;
    width:auto
}
.grey.btn{
    background:#ddd none repeat scroll 0 0
}
.greenbg.btn{
    background:#f90 none repeat scroll 0 0;
    color:#fff
}
.scrollToTop{
    background:rgba(51,51,102,0.8) url(../images/up-arrow.png) no-repeat scroll center center / 32px auto;
    bottom:47px;
    color:#444;
    display:none;
    font-size:0;
    font-weight:700;
    height:50px;
    padding:10px;
    position:fixed;
    right:38px;
    text-align:center;
    text-decoration:none;
    width:50px;
    z-index:99
}
.scrollToTop:hover{
    text-decoration:none
}
.gmap iframe{
    border:medium none
}
.distance .greenbg{
    background:#f90 none repeat scroll 0 0;
    color:#fff;
    text-align:center
}
.distance .hdgrey{
    background:#666 none repeat scroll 0 0;
    color:#fff;
    text-align:center
}
 .distance .greenbg>td{
    width:100%
}
.distance .greenbg h2{
    margin:0;
    padding:10px
}
table{
    margin:0 auto;
    width:80%;
    border:0
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right{
    background:#f90 none repeat scroll 0 0;
    border-color:#ff9a01;
    border-style:none solid;
    border-top-left-radius:0;
    border-width:0 2px;
    left:auto;
    right:0;
    text-align:left;
    transform:translate3d(5px,37px,0px) !important
}
.navbar-brand.footer-logo{
    display:block;
    padding-left:0;
    text-align:left;
    width:100%
}
.all-center.audio-player{
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    max-width:300px
}
#block-addtoany-addtoany-button{
    clear:both;
    margin-top:15px
}
#block-block-12 h2{
    color:#333;
    font-size:39px;
    margin-bottom:12px;
    margin-top:30px;
    text-transform:none
}
#block-block-12 iframe{
    border:1px solid #ccc;
    height:315px;
    max-width:560px;
    padding:5px;
    width:100%
}
.inner-column.right{
    clear:both;
    overflow:hidden
}
.inner-column.right figure{
    background:#a5a5a5 none repeat scroll 0 0;
    float:left;
    margin:1%;
    min-height:150px;
    padding:10px 5px;
    text-align:center;
    vertical-align:top;
    width:23%;
    position:relative
}
.inner-column.right figure img{
    max-height:105px
}
.inner-column.right figure figcaption{
    background:#333 none repeat scroll 0 0;
    bottom:0;
    left:0;
    padding:12px;
    position:absolute;
    width:100%
}
.inner-column.right figure figcaption a{
    color:#fff
}
.view-visitor-slideshow-view .views-slideshow-controls-bottom.clearfix{
    max-width:500px
}
.view-visitor-slideshow-view .views-slideshow-pager-fields div{
    display:block;
    float:left;
    padding:2px
}
.view-visitor-slideshow-view .views-slideshow-pager-fields img{
    border:1px solid #336;
    max-height:88px;
    max-width:88px;
    padding:3px;
    width:100%
}
.view-visitor-slideshow-view .views-slideshow-pager-fields .active img{
    border:1px solid #f33
}
.navbar-header .navbar-toggle{
    background-color:transparent;
    background-image:none;
    border:1px solid transparent;
    border-radius:0;
    float:right;
    margin-bottom:4px;
    margin-right:15px;
    margin-top:5px;
    padding:8px 10px;
    position:relative
}
.hamburger{
    background-color:transparent;
    border:0 none;
    color:inherit;
    cursor:pointer;
    display:block;
    float:right;
    font:inherit;
    margin:0;
    overflow:visible;
    text-align:right;
    text-transform:none;
    transition-duration:.15s;
    transition-property:opacity,filter,-webkit-filter;
    transition-timing-function:linear
}
.hamburger:hover{
    opacity:.7
}
.hamburger-box{
    display:inline-block;
    height:18px;
    position:relative;
    width:25px
}
.hamburger-inner{
    display:block;
    margin-top:-2px;
    top:50%
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
    background-color:#000;
    border-radius:4px;
    height:4px;
    position:absolute;
    transition-duration:.15s;
    transition-property:transform,-webkit-transform;
    transition-timing-function:ease;
    width:25px
}
.hamburger-inner::after,.hamburger-inner::before{
    content:"";
    display:block
}
.hamburger-inner::before{
    top:-10px
}
.hamburger-inner::after{
    bottom:-10px
}
.hamburger--3dx .hamburger-box{
    perspective:80px
}
.hamburger--3dx .hamburger-inner{
    transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s,background-color 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s
}
.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{
    transition:transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s
}
.hamburger--3dx.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotateY(180deg)
}
.hamburger--3dx.is-active .hamburger-inner::before{
    transform:translate3d(0px,10px,0px) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner::after{
    transform:translate3d(0px,-10px,0px) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box{
    perspective:80px
}
.hamburger--3dx-r .hamburger-inner{
    transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s,background-color 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s
}
.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{
    transition:transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s
}
.hamburger--3dx-r.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotateY(-180deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::before{
    transform:translate3d(0px,10px,0px) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner::after{
    transform:translate3d(0px,-10px,0px) rotate(-45deg)
}
.hamburger--3dy .hamburger-box{
    perspective:80px
}
.hamburger--3dy .hamburger-inner{
    transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s,background-color 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s
}
.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{
    transition:transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s
}
.hamburger--3dy.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotateX(-180deg)
}
 .hamburger--3dy.is-active .hamburger-inner::before{
    transform:translate3d(0px,10px,0px) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner::after{
    transform:translate3d(0px,-10px,0px) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box{
    perspective:80px
}
.hamburger--3dy-r .hamburger-inner{
    transition:transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s,background-color 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform .2s cubic-bezier(0.645,0.045,0.355,1) 0s
}
.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{
    transition:transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s,-webkit-transform 0s cubic-bezier(0.645,0.045,0.355,1) .1s
}
.hamburger--3dy-r.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotateX(180deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::before{
    transform:translate3d(0px,10px,0px) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner::after{
    transform:translate3d(0px,-10px,0px) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner::before{
    transform:translate3d(-8px,0px,0px) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrow.is-active .hamburger-inner::after{
    transform:translate3d(-8px,0px,0px) rotate(45deg) scaleX(0.7)
}
.hamburger--arrow-r.is-active .hamburger-inner::before{
    transform:translate3d(8px,0px,0px) rotate(45deg) scaleX(0.7)
}
.hamburger--arrow-r.is-active .hamburger-inner::after{
    transform:translate3d(8px,0px,0px) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowalt .hamburger-inner::before{
    transition:top .1s ease .15s,transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s,-webkit-transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s
}
.hamburger--arrowalt .hamburger-inner::after{
    transition:bottom .1s ease .15s,transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s,-webkit-transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s
}
.hamburger--arrowalt.is-active .hamburger-inner::before{
    top:0;
    transform:translate3d(-8px,-10px,0px) rotate(-45deg) scaleX(0.7);
    transition:top .1s ease 0s,transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s,-webkit-transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s
}
.hamburger--arrowalt.is-active .hamburger-inner::after{
    bottom:0;
    transform:translate3d(-8px,10px,0px) rotate(45deg) scaleX(0.7);
    transition:bottom .1s ease 0s,transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s,-webkit-transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s
}
.hamburger--arrowalt-r .hamburger-inner::before{
    transition:top .1s ease .15s,transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s,-webkit-transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s
}
.hamburger--arrowalt-r .hamburger-inner::after{
    transition:bottom .1s ease .15s,transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s,-webkit-transform .15s cubic-bezier(0.165,0.84,0.44,1) 0s
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before{
    top:0;
    transform:translate3d(8px,-10px,0px) rotate(45deg) scaleX(0.7);
    transition:top .1s ease 0s,transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s,-webkit-transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after{
    bottom:0;
    transform:translate3d(8px,10px,0px) rotate(-45deg) scaleX(0.7);
    transition:bottom .1s ease 0s,transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s,-webkit-transform .15s cubic-bezier(0.895,0.03,0.685,0.22) .1s
}
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{
    transition-property:none
}
.hamburger--boring.is-active .hamburger-inner{
    transform:rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner::before{
    opacity:0;
    top:0
}
.hamburger--boring.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg)
}
.hamburger--collapse .hamburger-inner{
    bottom:0;
    top:auto;
    transition-delay:.15s;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--collapse .hamburger-inner::after{
    top:-20px;
    transition:top .3s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,opacity .1s linear 0s
}
.hamburger--collapse .hamburger-inner::before{
    transition:top .12s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--collapse.is-active .hamburger-inner{
    transform:translate3d(0px,-10px,0px) rotate(-45deg);
    transition-delay:.32s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--collapse.is-active .hamburger-inner::after{
    opacity:0;
    top:0;
    transition:top .3s cubic-bezier(0.33333,0,0.66667,0.33333) 0s,opacity .1s linear .27s
}
.hamburger--collapse.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(-90deg);
    transition:top .12s cubic-bezier(0.33333,0,0.66667,0.33333) .18s,transform .15s cubic-bezier(0.215,0.61,0.355,1) .42s,-webkit-transform .15s cubic-bezier(0.215,0.61,0.355,1) .42s
}
.hamburger--collapse-r .hamburger-inner{
    bottom:0;
    top:auto;
    transition-delay:.15s;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--collapse-r .hamburger-inner::after{
    top:-20px;
    transition:top .3s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,opacity .1s linear 0s
}
 .hamburger--collapse-r .hamburger-inner::before{
    transition:top .12s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--collapse-r.is-active .hamburger-inner{
    transform:translate3d(0px,-10px,0px) rotate(45deg);
    transition-delay:.32s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--collapse-r.is-active .hamburger-inner::after{
    opacity:0;
    top:0;
    transition:top .3s cubic-bezier(0.33333,0,0.66667,0.33333) 0s,opacity .1s linear .27s
}
.hamburger--collapse-r.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(90deg);
    transition:top .12s cubic-bezier(0.33333,0,0.66667,0.33333) .18s,transform .15s cubic-bezier(0.215,0.61,0.355,1) .42s,-webkit-transform .15s cubic-bezier(0.215,0.61,0.355,1) .42s
}
.hamburger--elastic .hamburger-inner{
    top:2px;
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)
}
.hamburger--elastic .hamburger-inner::before{
    top:10px;
    transition:opacity .15s ease .4s
}
.hamburger--elastic .hamburger-inner::after{
    top:20px;
    transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55) 0s,-webkit-transform .4s cubic-bezier(0.68,-0.55,0.265,1.55) 0s
}
.hamburger--elastic.is-active .hamburger-inner{
    transform:translate3d(0px,10px,0px) rotate(135deg);
    transition-delay:.1s
}
.hamburger--elastic.is-active .hamburger-inner::before{
    opacity:0;
    transition-delay:0s
}
.hamburger--elastic.is-active .hamburger-inner::after{
    transform:translate3d(0px,-20px,0px) rotate(-270deg);
    transition-delay:.1s
}
.hamburger--elastic-r .hamburger-inner{
    top:2px;
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55)
}
.hamburger--elastic-r .hamburger-inner::before{
    top:10px;
    transition:opacity .15s ease .4s
}
.hamburger--elastic-r .hamburger-inner::after{
    top:20px;
    transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55) 0s,-webkit-transform .4s cubic-bezier(0.68,-0.55,0.265,1.55) 0s
}
.hamburger--elastic-r.is-active .hamburger-inner{
    transform:translate3d(0px,10px,0px) rotate(-135deg);
    transition-delay:.1s
}
.hamburger--elastic-r.is-active .hamburger-inner::before{
    opacity:0;
    transition-delay:0s
}
.hamburger--elastic-r.is-active .hamburger-inner::after{
    transform:translate3d(0px,-20px,0px) rotate(270deg);
    transition-delay:.1s
}
.hamburger--emphatic{
    overflow:hidden
}
.hamburger--emphatic .hamburger-inner{
    transition:background-color .2s ease-in .25s
}
.hamburger--emphatic .hamburger-inner::before{
    left:0;
    transition:transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s,top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s
}
.hamburger--emphatic .hamburger-inner::after{
    right:0;
    top:10px;
    transition:transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s,top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s
}
.hamburger--emphatic.is-active .hamburger-inner{
    background-color:transparent;
    transition-delay:0s;
    transition-timing-function:ease-out
}
.hamburger--emphatic.is-active .hamburger-inner::before{
    left:-80px;
    top:-80px;
    transform:translate3d(80px,80px,0px) rotate(45deg);
    transition:left .2s ease-out 0s,top .05s linear .2s,transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s,-webkit-transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s
}
.hamburger--emphatic.is-active .hamburger-inner::after{
    right:-80px;
    top:-80px;
    transform:translate3d(-80px,80px,0px) rotate(-45deg);
    transition:right .2s ease-out 0s,top .05s linear .2s,transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s,-webkit-transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s
}
.hamburger--emphatic-r{
    overflow:hidden
}
.hamburger--emphatic-r .hamburger-inner{
    transition:background-color .2s ease-in .25s
}
.hamburger--emphatic-r .hamburger-inner::before{
    left:0;
    transition:transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s,top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s
}
.hamburger--emphatic-r .hamburger-inner::after{
    right:0;
    top:10px;
    transition:transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s,top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(0.6,0.04,0.98,0.335) 0s
}
.hamburger--emphatic-r.is-active .hamburger-inner{
    background-color:transparent;
    transition-delay:0s;
    transition-timing-function:ease-out
}
.hamburger--emphatic-r.is-active .hamburger-inner::before{
    left:-80px;
    top:80px;
    transform:translate3d(80px,-80px,0px) rotate(-45deg);
    transition:left .2s ease-out 0s,top .05s linear .2s,transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s,-webkit-transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s
}
.hamburger--emphatic-r.is-active .hamburger-inner::after{
    right:-80px;
    top:80px;
    transform:translate3d(-80px,-80px,0px) rotate(45deg);
    transition:right .2s ease-out 0s,top .05s linear .2s,transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s,-webkit-transform .2s cubic-bezier(0.075,0.82,0.165,1) .25s
}
.hamburger--slider .hamburger-inner{
    top:2px
}
.hamburger--slider .hamburger-inner::before{
    top:10px;
    transition-duration:.2s;
    transition-property:transform,opacity,-webkit-transform;
    transition-timing-function:ease
}
 .hamburger--slider .hamburger-inner::after{
    top:20px
}
.hamburger--slider.is-active .hamburger-inner{
    transform:translate3d(0px,10px,0px) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner::before{
    opacity:0;
    transform:rotate(-45deg) translate3d(-5.71429px,-6px,0px)
}
.hamburger--slider.is-active .hamburger-inner::after{
    transform:translate3d(0px,-20px,0px) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner{
    top:2px
}
.hamburger--slider-r .hamburger-inner::before{
    top:10px;
    transition-duration:.2s;
    transition-property:transform,opacity,-webkit-transform;
    transition-timing-function:ease
}
.hamburger--slider-r .hamburger-inner::after{
    top:20px
}
.hamburger--slider-r.is-active .hamburger-inner{
    transform:translate3d(0px,10px,0px) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner::before{
    opacity:0;
    transform:rotate(45deg) translate3d(5.71429px,-6px,0px)
}
.hamburger--slider-r.is-active .hamburger-inner::after{
    transform:translate3d(0px,-20px,0px) rotate(90deg)
}
.hamburger--spring .hamburger-inner{
    top:2px;
    transition:background-color 0s linear .15s
}
.hamburger--spring .hamburger-inner::before{
    top:10px;
    transition:top .12s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--spring .hamburger-inner::after{
    top:20px;
    transition:top .3s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--spring.is-active .hamburger-inner{
    background-color:transparent;
    transition-delay:.32s
}
.hamburger--spring.is-active .hamburger-inner::before{
    top:0;
    transform:translate3d(0px,10px,0px) rotate(45deg);
    transition:top .12s cubic-bezier(0.33333,0,0.66667,0.33333) .18s,transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s,-webkit-transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s
}
.hamburger--spring.is-active .hamburger-inner::after{
    top:0;
    transform:translate3d(0px,10px,0px) rotate(-45deg);
    transition:top .3s cubic-bezier(0.33333,0,0.66667,0.33333) 0s,transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s,-webkit-transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s
}
.hamburger--spring-r .hamburger-inner{
    bottom:0;
    top:auto;
    transition-delay:0s;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spring-r .hamburger-inner::after{
    top:-20px;
    transition:top .3s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,opacity 0s linear 0s
}
.hamburger--spring-r .hamburger-inner::before{
    transition:top .12s cubic-bezier(0.33333,0.66667,0.66667,1) .3s,transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .15s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--spring-r.is-active .hamburger-inner{
    transform:translate3d(0px,-10px,0px) rotate(-45deg);
    transition-delay:.32s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spring-r.is-active .hamburger-inner::after{
    opacity:0;
    top:0;
    transition:top .3s cubic-bezier(0.33333,0,0.66667,0.33333) 0s,opacity 0s linear .32s
}
.hamburger--spring-r.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(90deg);
    transition:top .12s cubic-bezier(0.33333,0,0.66667,0.33333) .18s,transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s,-webkit-transform .15s cubic-bezier(0.215,0.61,0.355,1) .32s
}
.hamburger--stand .hamburger-inner{
    transition:transform .1s cubic-bezier(0.55,0.055,0.675,0.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) .22s
}
.hamburger--stand .hamburger-inner::before{
    transition:top .1s ease-in .1s,transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--stand .hamburger-inner::after{
    transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--stand.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotate(90deg);
    transition:transform .1s cubic-bezier(0.215,0.61,0.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) 0s
}
.hamburger--stand.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(-45deg);
    transition:top .1s ease-out .12s,transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s
}
.hamburger--stand.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(45deg);
    transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s
}
.hamburger--stand-r .hamburger-inner{
    transition:transform .1s cubic-bezier(0.55,0.055,0.675,0.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) .22s
}
 .hamburger--stand-r .hamburger-inner::before{
    transition:top .1s ease-in .1s,transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--stand-r .hamburger-inner::after{
    transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner{
    background-color:transparent;
    transform:rotate(-90deg);
    transition:transform .1s cubic-bezier(0.215,0.61,0.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) 0s
}
.hamburger--stand-r.is-active .hamburger-inner::before{
    top:0;
    transform:rotate(-45deg);
    transition:top .1s ease-out .12s,transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s
}
.hamburger--stand-r.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(45deg);
    transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) .22s
}
.hamburger--spin .hamburger-inner{
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin .hamburger-inner::before{
    transition:top .1s ease-in .34s,opacity .1s ease-in 0s
}
.hamburger--spin .hamburger-inner::after{
    transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .3s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--spin.is-active .hamburger-inner{
    transform:rotate(225deg);
    transition-delay:.14s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin.is-active .hamburger-inner::before{
    opacity:0;
    top:0;
    transition:top .1s ease-out 0s,opacity .1s ease-out .14s
}
.hamburger--spin.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg);
    transition:bottom .1s ease-out 0s,transform .3s cubic-bezier(0.215,0.61,0.355,1) .14s,-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1) .14s
}
.hamburger--spin-r .hamburger-inner{
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--spin-r .hamburger-inner::before{
    transition:top .1s ease-in .34s,opacity .1s ease-in 0s
}
.hamburger--spin-r .hamburger-inner::after{
    transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .3s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--spin-r.is-active .hamburger-inner{
    transform:rotate(-225deg);
    transition-delay:.14s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--spin-r.is-active .hamburger-inner::before{
    opacity:0;
    top:0;
    transition:top .1s ease-out 0s,opacity .1s ease-out .14s
}
.hamburger--spin-r.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg);
    transition:bottom .1s ease-out 0s,transform .3s cubic-bezier(0.215,0.61,0.355,1) .14s,-webkit-transform .3s cubic-bezier(0.215,0.61,0.355,1) .14s
}
.hamburger--squeeze .hamburger-inner{
    transition-duration:.1s;
    transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)
}
.hamburger--squeeze .hamburger-inner::before{
    transition:top .1s ease .14s,opacity .1s ease 0s
}
.hamburger--squeeze .hamburger-inner::after{
    transition:bottom .1s ease .14s,transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19) 0s
}
.hamburger--squeeze.is-active .hamburger-inner{
    transform:rotate(45deg);
    transition-delay:.14s;
    transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
.hamburger--squeeze.is-active .hamburger-inner::before{
    opacity:0;
    top:0;
    transition:top .1s ease 0s,opacity .1s ease .14s
}
.hamburger--squeeze.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg);
    transition:bottom .1s ease 0s,transform .1s cubic-bezier(0.215,0.61,0.355,1) .14s,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1) .14s
}
.hamburger--vortex .hamburger-inner{
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(0.19,1,0.22,1)
}
.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{
    transition-delay:.1s;
    transition-duration:0s;
    transition-timing-function:linear
}
.hamburger--vortex .hamburger-inner::before{
    transition-property:top,opacity
}
.hamburger--vortex .hamburger-inner::after{
    transition-property:bottom,transform,-webkit-transform
}
.hamburger--vortex.is-active .hamburger-inner{
    transform:rotate(765deg);
    transition-timing-function:cubic-bezier(0.19,1,0.22,1)
}
.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{
    transition-delay:0s
}
.hamburger--vortex.is-active .hamburger-inner::before{
    opacity:0;
    top:0
}
.hamburger--vortex.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner{
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(0.19,1,0.22,1)
}
.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{
    transition-delay:.1s;
    transition-duration:0s;
    transition-timing-function:linear
}
 .hamburger--vortex-r .hamburger-inner::before{
    transition-property:top,opacity
}
.hamburger--vortex-r .hamburger-inner::after{
    transition-property:bottom,transform,-webkit-transform
}
.hamburger--vortex-r.is-active .hamburger-inner{
    transform:rotate(-765deg);
    transition-timing-function:cubic-bezier(0.19,1,0.22,1)
}
.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{
    transition-delay:0s
}
.hamburger--vortex-r.is-active .hamburger-inner::before{
    opacity:0;
    top:0
}
.hamburger--vortex-r.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg)
}
.hamburger .hamburger-inner,.hamburger .hamburger-inner::after,.hamburger .hamburger-inner::before{
    background-color:#fff
}
.hamburger--header{
    cursor:default;
    margin-right:-5px;
    padding-left:5px;
    padding-right:0;
    vertical-align:middle
}
.hamburger--header .hamburger-inner,.hamburger--header .hamburger-inner::after,.hamburger--header .hamburger-inner::before{
    background-color:#222
}
.hamburger--header.hamburger--elastic .hamburger-inner,.hamburger--header.hamburger--slider .hamburger-inner{
    top:2px
}
.hamburger--header:hover{
    opacity:1
}
.hamburger-wrap{
    text-align:center
}
.hamburger--accessible{
    display:inline-block
}
.hamburger--accessible .hamburger-box{
    display:inline-block;
    vertical-align:middle
}
.hamburger--accessible .hamburger-inner,.hamburger--accessible .hamburger-inner::after,.hamburger--accessible .hamburger-inner::before{
    background-color:#222
}
.hamburger-label{
    display:inline-block;
    font-weight:600;
    margin-left:5px;
    text-transform:uppercase;
    vertical-align:middle
}
.hamburger-label-hidden{
    display:none
}
.hamburger--example{
    outline:1px dashed cyan
}
.hamburger--example .hamburger-box{
    outline:1px dashed green
}
.hamburger--example .hamburger-inner,.hamburger--example .hamburger-inner::after,.hamburger--example .hamburger-inner::before{
    background-color:#222
}
@media all and (max-width:1200px) and (min-width:992px){
    .navbar-nav>li>a{
        padding-left:.5rem;
        padding-right:.5rem
    }
}
@media(min-width:992px){
    #block-block-7{
        display:none;
        text-align:center
    }
    #block-block-11{
        display:none;
        text-align:center
    }
    .container{
        max-width:1200px;
        width:100%
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left:.4rem;
        padding-right:.4rem
    }
    .navbar-expand-lg .navbar-collapse.main-menu-bar{
        display:block !important
    }
    .btn-navbar.navbar-toggle{
        display:none
    }
    .our-partner ul li{
        width:24%
    }
}
@media(max-width:991px){
    .adsbygoogle,.adsbygoogle *{
        display:block !important;
        margin:0 auto !important;
        text-align:center;
        width:100% !important
    }
    #block-block-7{
        display:block
    }
    #block-block-11{
        display:block
    }
    .top-ad-banner{
        display:none
    }
    .ad-banner{
        display:none
    }
    .navbar-right{
        float:none !important
    }
    .footer .region{
        margin-bottom:15px
    }
    .navbar-collapse{
        align-items:center;
        border:medium none;
        flex-basis:100%;
        left:0;
        margin-top:160px !important;
        padding:0;
        position:absolute;
        top:0;
        width:100%;
        z-index:100
    }
    #navbarResponsive{
        padding-right:0
    }
    .navbar-collapse{
        display:none
    }
    .navbar-header{
        text-align:center;
        width:100%
    }
    .navbar-header-main-menu{
        width:100%
    }
    .navbar-left{
        float:none !important
    }
    ul.navbar-nav{
        background:rgba(51,51,102,0.9) none repeat scroll 0 0;
        float:right;
        margin:0;
        padding-bottom:15px;
        padding-top:15px;
        width:100%
    }
    ul.navbar-nav>li{
        float:none
    }
    .btn-navbar.navbar-toggle{
        background:#336 none repeat scroll 0 0;
        border:medium none;
        border-radius:0;
        clear:both;
        color:#fff !important;
        display:block;
        font-size:16px;
        font-weight:600;
        margin:0;
        padding:8px 20px;
        width:100%
    }
    .navbar-nav>li>.dropdown-menu{
        background:#fff none repeat scroll 0 0 !important
    }
    .navbar-nav>li.open a{
        color:rgba(0,0,0,0.5)
    }
    ul.navbar-nav>li.open{
        border:1px solid rgba(51,51,102,0.9)
    }
    .searchbox{
        float:none;
        margin:0 auto 12px
    }
    .searchbox .form-inline input{
        border-bottom-left-radius:5px !important;
        border-top-left-radius:5px !important
    }
    .searchbox .form-inline .btn-primary{
        border-bottom-right-radius:5px !important;
        border-top-right-radius:5px !important
    }
    .navbar-nav>li>a{
        color:#fff;
        padding-left:20px
    }
    .navbar-nav>li.first>a{
        display:none
    }
    nav.navbar{
        padding:0
    }
    .overlay h2{
        font-size:26px;
        line-height:26px
    }
    .side_ad iframe{
        border-width:0;
        width:100% !important
    }
    figure.callout.right,figure.callout.left{
        display:block;
        float:none;
        margin:0 auto;
        text-align:center;
        width:100%
    }
}
@media(max-width:767px){
    .titlebar h1{
        font-size:32px
    }
    .sidebar{
        display:none
    }
    .our-partner ul li a span{
        display:none
    }
    .visitorsinfo h1{
        font-size:36px
    }
    h2{
        font-size:30px;
        font-weight:600;
        text-transform:none
    }
    .overlay h2{
        line-height:18px;
        font-size:18px
    }
    .field-name-body h1{
        font-size:26px
    }
    .scrollToTop{
        right:15px
    }
}
@media(max-width:480px){
    .overlay h2{
        line-height:14px;
        font-size:14px
    }
}
@media(max-width:380px){
    .overlay h2{
        font-size:12px;
        line-height:10px
    }
}