.container
{
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}
.row, .research-blocks, footer .footer-rows, footer .footer-rows .right-column
{
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
.X1, .S1, .M1, .L1, .XL1, .X2, .S2, .M2, .L2, .XL2, .X3, .S3, .M3, footer .footer-rows .right-column>div, .L3, .XL3, .X4, .S4, .M4, footer .footer-rows .left-column, .L4, .XL4, .X5, .S5, .M5, .research-blocks .reasarch-right-block, .L5, .XL5, .X6, .S6, .M6, .how-can-we-help-section .left, .how-can-we-help-section .right, .explore-one-400 .left, .explore-one-400 .right, .L6, .XL6, .X7, .S7, .M7, .research-blocks .reasarch-left-block, .L7, .XL7, .X8, .S8, .M8, footer .footer-rows .right-column, .L8, .XL8, .X9, .S9, .M9, .L9, .XL9, .X10, .S10, .M10, .L10, .XL10, .X11, .S11, .M11, .L11, .XL11, .X12, .S12, .M12, .L12, .XL12
{
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}
.X1
{
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}
.X2
{
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}
.X3
{
    flex-basis: 25%;
    max-width: 25%;
}
.X4
{
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}
.X5
{
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.X6
{
    flex-basis: 50%;
    max-width: 50%;
}
.X7
{
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}
.X8
{
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}
.X9
{
    flex-basis: 75%;
    max-width: 75%;
}
.X10
{
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}
.X11
{
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}
.X12
{
    flex-basis: 100%;
    max-width: 100%;
}
.X--offset0
{
    margin-left: 0%;
}
.X--offset1
{
    margin-left: 8.33333%;
}
.X--offset2
{
    margin-left: 16.66667%;
}
.X--offset3
{
    margin-left: 25%;
}
.X--offset4
{
    margin-left: 33.33333%;
}
.X--offset5
{
    margin-left: 41.66667%;
}
.X--offset6
{
    margin-left: 50%;
}
.X--offset7
{
    margin-left: 58.33333%;
}
.X--offset8
{
    margin-left: 66.66667%;
}
.X--offset9
{
    margin-left: 75%;
}
.X--offset10
{
    margin-left: 83.33333%;
}
.X--offset11
{
    margin-left: 91.66667%;
}
.X--offset12
{
    margin-left: 100%;
}
.X--order0
{
    order: 0;
}
.X--order1
{
    order: 1;
}
.X--order2
{
    order: 2;
}
.X--order3
{
    order: 3;
}
.X--order4
{
    order: 4;
}
.X--order5
{
    order: 5;
}
.X--order6
{
    order: 6;
}
.X--order7
{
    order: 7;
}
.X--order8
{
    order: 8;
}
.X--order9
{
    order: 9;
}
.X--order10
{
    order: 10;
}
.X--order11
{
    order: 11;
}
.X--order12
{
    order: 12;
}
.X--start
{
    justify-content: flex-start;
}
.X--center
{
    justify-content: center;
}
.X--end
{
    justify-content: flex-end;
}
.X--top
{
    align-items: flex-start;
}
.X--middle
{
    align-items: center;
}
.X--bottom
{
    align-items: flex-end;
}
.X--stretch
{
    align-items: stretch;
}
.X--reverse
{
    flex-direction: row-reverse;
}
.X--around
{
    justify-content: space-around;
}
.X--between
{
    justify-content: space-between;
}
@media(min-width: 481px)
{
    .S1
    {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .S2
    {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .S3
    {
        flex-basis: 25%;
        max-width: 25%;
    }
    .S4
    {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .S5
    {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .S6
    {
        flex-basis: 50%;
        max-width: 50%;
    }
    .S7
    {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .S8
    {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .S9
    {
        flex-basis: 75%;
        max-width: 75%;
    }
    .S10
    {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .S11
    {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .S12
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .S--offset0
    {
        margin-left: 0%;
    }
    .S--offset1
    {
        margin-left: 8.33333%;
    }
    .S--offset2
    {
        margin-left: 16.66667%;
    }
    .S--offset3
    {
        margin-left: 25%;
    }
    .S--offset4
    {
        margin-left: 33.33333%;
    }
    .S--offset5
    {
        margin-left: 41.66667%;
    }
    .S--offset6
    {
        margin-left: 50%;
    }
    .S--offset7
    {
        margin-left: 58.33333%;
    }
    .S--offset8
    {
        margin-left: 66.66667%;
    }
    .S--offset9
    {
        margin-left: 75%;
    }
    .S--offset10
    {
        margin-left: 83.33333%;
    }
    .S--offset11
    {
        margin-left: 91.66667%;
    }
    .S--offset12
    {
        margin-left: 100%;
    }
    .S--order0
    {
        order: 0;
    }
    .S--order1
    {
        order: 1;
    }
    .S--order2
    {
        order: 2;
    }
    .S--order3
    {
        order: 3;
    }
    .S--order4
    {
        order: 4;
    }
    .S--order5
    {
        order: 5;
    }
    .S--order6
    {
        order: 6;
    }
    .S--order7
    {
        order: 7;
    }
    .S--order8
    {
        order: 8;
    }
    .S--order9
    {
        order: 9;
    }
    .S--order10
    {
        order: 10;
    }
    .S--order11
    {
        order: 11;
    }
    .S--order12
    {
        order: 12;
    }
    .S--start
    {
        justify-content: flex-start;
    }
    .S--center
    {
        justify-content: center;
    }
    .S--end
    {
        justify-content: flex-end;
    }
    .S--top
    {
        align-items: flex-start;
    }
    .S--middle
    {
        align-items: center;
    }
    .S--bottom
    {
        align-items: flex-end;
    }
    .S--stretch
    {
        align-items: stretch;
    }
    .S--reverse
    {
        flex-direction: row-reverse;
    }
    .S--around
    {
        justify-content: space-around;
    }
    .S--between
    {
        justify-content: space-between;
    }
}
@media(min-width: 980px)
{
    .M1
    {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .M2
    {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .M3, footer .footer-rows .right-column>div
    {
        flex-basis: 25%;
        max-width: 25%;
    }
    .M4, footer .footer-rows .left-column
    {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .M5, .research-blocks .reasarch-right-block
    {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .M6, .how-can-we-help-section .left, .how-can-we-help-section .right, .explore-one-400 .left, .explore-one-400 .right
    {
        flex-basis: 50%;
        max-width: 50%;
    }
    .M7, .research-blocks .reasarch-left-block
    {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .M8, footer .footer-rows .right-column
    {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .M9
    {
        flex-basis: 75%;
        max-width: 75%;
    }
    .M10
    {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .M11
    {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .M12
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .M--offset0
    {
        margin-left: 0%;
    }
    .M--offset1
    {
        margin-left: 8.33333%;
    }
    .M--offset2
    {
        margin-left: 16.66667%;
    }
    .M--offset3
    {
        margin-left: 25%;
    }
    .M--offset4
    {
        margin-left: 33.33333%;
    }
    .M--offset5
    {
        margin-left: 41.66667%;
    }
    .M--offset6
    {
        margin-left: 50%;
    }
    .M--offset7
    {
        margin-left: 58.33333%;
    }
    .M--offset8
    {
        margin-left: 66.66667%;
    }
    .M--offset9
    {
        margin-left: 75%;
    }
    .M--offset10
    {
        margin-left: 83.33333%;
    }
    .M--offset11
    {
        margin-left: 91.66667%;
    }
    .M--offset12
    {
        margin-left: 100%;
    }
    .M--order0
    {
        order: 0;
    }
    .M--order1
    {
        order: 1;
    }
    .M--order2
    {
        order: 2;
    }
    .M--order3
    {
        order: 3;
    }
    .M--order4
    {
        order: 4;
    }
    .M--order5
    {
        order: 5;
    }
    .M--order6
    {
        order: 6;
    }
    .M--order7
    {
        order: 7;
    }
    .M--order8
    {
        order: 8;
    }
    .M--order9
    {
        order: 9;
    }
    .M--order10
    {
        order: 10;
    }
    .M--order11
    {
        order: 11;
    }
    .M--order12
    {
        order: 12;
    }
    .M--start
    {
        justify-content: flex-start;
    }
    .M--center
    {
        justify-content: center;
    }
    .M--end
    {
        justify-content: flex-end;
    }
    .M--top
    {
        align-items: flex-start;
    }
    .M--middle
    {
        align-items: center;
    }
    .M--bottom
    {
        align-items: flex-end;
    }
    .M--stretch
    {
        align-items: stretch;
    }
    .M--reverse
    {
        flex-direction: row-reverse;
    }
    .M--around
    {
        justify-content: space-around;
    }
    .M--between
    {
        justify-content: space-between;
    }
}
@media(min-width: 1025px)
{
    .L1
    {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .L2
    {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .L3
    {
        flex-basis: 25%;
        max-width: 25%;
    }
    .L4
    {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .L5
    {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .L6
    {
        flex-basis: 50%;
        max-width: 50%;
    }
    .L7
    {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .L8
    {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .L9
    {
        flex-basis: 75%;
        max-width: 75%;
    }
    .L10
    {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .L11
    {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .L12
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .L--offset0
    {
        margin-left: 0%;
    }
    .L--offset1
    {
        margin-left: 8.33333%;
    }
    .L--offset2
    {
        margin-left: 16.66667%;
    }
    .L--offset3
    {
        margin-left: 25%;
    }
    .L--offset4
    {
        margin-left: 33.33333%;
    }
    .L--offset5
    {
        margin-left: 41.66667%;
    }
    .L--offset6
    {
        margin-left: 50%;
    }
    .L--offset7
    {
        margin-left: 58.33333%;
    }
    .L--offset8
    {
        margin-left: 66.66667%;
    }
    .L--offset9
    {
        margin-left: 75%;
    }
    .L--offset10
    {
        margin-left: 83.33333%;
    }
    .L--offset11
    {
        margin-left: 91.66667%;
    }
    .L--offset12
    {
        margin-left: 100%;
    }
    .L--order0
    {
        order: 0;
    }
    .L--order1
    {
        order: 1;
    }
    .L--order2
    {
        order: 2;
    }
    .L--order3
    {
        order: 3;
    }
    .L--order4
    {
        order: 4;
    }
    .L--order5
    {
        order: 5;
    }
    .L--order6
    {
        order: 6;
    }
    .L--order7
    {
        order: 7;
    }
    .L--order8
    {
        order: 8;
    }
    .L--order9
    {
        order: 9;
    }
    .L--order10
    {
        order: 10;
    }
    .L--order11
    {
        order: 11;
    }
    .L--order12
    {
        order: 12;
    }
    .L--start
    {
        justify-content: flex-start;
    }
    .L--center
    {
        justify-content: center;
    }
    .L--end
    {
        justify-content: flex-end;
    }
    .L--top
    {
        align-items: flex-start;
    }
    .L--middle
    {
        align-items: center;
    }
    .L--bottom
    {
        align-items: flex-end;
    }
    .L--stretch
    {
        align-items: stretch;
    }
    .L--reverse
    {
        flex-direction: row-reverse;
    }
    .L--around
    {
        justify-content: space-around;
    }
    .L--between
    {
        justify-content: space-between;
    }
}
@media(min-width: 1441px)
{
    .XL1
    {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
    .XL2
    {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
    .XL3
    {
        flex-basis: 25%;
        max-width: 25%;
    }
    .XL4
    {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    .XL5
    {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }
    .XL6
    {
        flex-basis: 50%;
        max-width: 50%;
    }
    .XL7
    {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }
    .XL8
    {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }
    .XL9
    {
        flex-basis: 75%;
        max-width: 75%;
    }
    .XL10
    {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }
    .XL11
    {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }
    .XL12
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .XL--offset0
    {
        margin-left: 0%;
    }
    .XL--offset1
    {
        margin-left: 8.33333%;
    }
    .XL--offset2
    {
        margin-left: 16.66667%;
    }
    .XL--offset3
    {
        margin-left: 25%;
    }
    .XL--offset4
    {
        margin-left: 33.33333%;
    }
    .XL--offset5
    {
        margin-left: 41.66667%;
    }
    .XL--offset6
    {
        margin-left: 50%;
    }
    .XL--offset7
    {
        margin-left: 58.33333%;
    }
    .XL--offset8
    {
        margin-left: 66.66667%;
    }
    .XL--offset9
    {
        margin-left: 75%;
    }
    .XL--offset10
    {
        margin-left: 83.33333%;
    }
    .XL--offset11
    {
        margin-left: 91.66667%;
    }
    .XL--offset12
    {
        margin-left: 100%;
    }
    .XL--order0
    {
        order: 0;
    }
    .XL--order1
    {
        order: 1;
    }
    .XL--order2
    {
        order: 2;
    }
    .XL--order3
    {
        order: 3;
    }
    .XL--order4
    {
        order: 4;
    }
    .XL--order5
    {
        order: 5;
    }
    .XL--order6
    {
        order: 6;
    }
    .XL--order7
    {
        order: 7;
    }
    .XL--order8
    {
        order: 8;
    }
    .XL--order9
    {
        order: 9;
    }
    .XL--order10
    {
        order: 10;
    }
    .XL--order11
    {
        order: 11;
    }
    .XL--order12
    {
        order: 12;
    }
    .XL--start
    {
        justify-content: flex-start;
    }
    .XL--center
    {
        justify-content: center;
    }
    .XL--end
    {
        justify-content: flex-end;
    }
    .XL--top
    {
        align-items: flex-start;
    }
    .XL--middle
    {
        align-items: center;
    }
    .XL--bottom
    {
        align-items: flex-end;
    }
    .XL--stretch
    {
        align-items: stretch;
    }
    .XL--reverse
    {
        flex-direction: row-reverse;
    }
    .XL--around
    {
        justify-content: space-around;
    }
    .XL--between
    {
        justify-content: space-between;
    }
}
.btn
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 50px;
    padding-right: 50px;
    min-width: 270px;
    font-family: Gibson-Regular;
    text-decoration: none;
    font-size: 17.5px;
    color: #fff;
    height: 64px;
}
.btn:hover, .btn:focus
{
    text-decoration: none;
}
.btn:active, .btn.active
{
    outline: 0;
    background-image: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn
{
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none;
}
.btn-block
{
    display: block;
    width: 100%;
}
.btn-has-icon .fas
{
    float: right;
}
a.link
{
    font-size: 16px;
    font-family: Gibson-Regular;
    cursor: pointer;
    text-decoration: none!important;
}
a.link i
{
    margin-left: 10px;
    color: #1ca8ff;
    transition: .5s;
}
a.link:hover i
{
    margin-left: 20px;
}
.btn-block+.btn-block
{
    margin-top: 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block
{
    width: 100%;
}
.btn-primary
{
    background-color: #1ca8ff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.btn-primary:hover
{
    background-color: #0b3354;
}
.btn-secondary
{
    border: 1px solid;
    color: #000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.btn-secondary:hover
{
    color: #fff;
    background-color: #dcdcdc;
}
@font-face
{
    font-family: Freight-Tex-Pro;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTexPro.otf") format("opentype"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.ttf") format("truetype"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.woff") format("woff");
}
@font-face
{
    font-family: FreightTextProBold;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTexPro.otf") format("opentype"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.ttf") format("truetype"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.woff") format("woff");
}
@font-face
{
    font-family: FreightTextProBook-Regular;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.otf") format("opentype"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.woff") format("woff"),url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBook-Regular.woff2") format("woff2");
}
@font-face
{
    font-family: FreightTextProBold-Regular;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/FreightTextPro/FreightTextProBold-Regular.otf") format("opentype");
}
@font-face
{
    font-family: Gibson-Regular;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Regular.eot?"),url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Regular.otf") format("opentype"),url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Regular.ttf") format("truetype"),url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Regular.woff") format("woff"),url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Regular.woff2") format("woff2");
}
@font-face
{
    font-family: Gibson-Bold;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-Bold.otf") format("opentype");
}
@font-face
{
    font-family: Gibson-SemiBold;
    font-display: swap;
    src: url("/wp-content/themes/ONE400/assets/fonts/Gibson/Gibson-SemiBold.otf") format("opentype");
}
html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: Freight-Tex-Pro;
}
*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p, article, table, span
{
    font-size: 15px;
    line-height: 1.67;
    font-family: Gibson-Regular;
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    font-family: FreightTextProBold-Regular;
}
h1, .h1
{
    font-size: 42px;
}
h2, .h2
{
    font-size: 36px;
}
h3, .h3
{
    font-size: 30px;
}
h4, .h4, .block.home-top-content .content h2
{
    font-size: 25px;
}
h5, .h5
{
    font-size: 16px;
}
h6, .h6
{
    font-size: 12px;
}
.container
{
    width: 100%;
    margin: 0 auto;
    padding: 0 15em!important;
}
@media screen and (max-width: 1440px)
{
    .container
    {
        padding: 0 5em!important;
    }
}
@media screen and (max-width: 980px)
{
    .container
    {
        padding: 0 30px!important;
    }
}
.pd-l
{
    padding-left: 15em!important;
}
@media screen and (max-width: 1440px)
{
    .pd-l
    {
        padding-left: 5em!important;
    }
}
@media screen and (max-width: 979px)
{
    .pd-l
    {
        padding-left: 30px!important;
    }
}
.pd-l
{
    padding-right: 15em!important;
}
@media screen and (max-width: 1440px)
{
    .pd-l
    {
        padding-right: 5em!important;
    }
}
@media screen and (max-width: 979px)
{
    .pd-l
    {
        padding-right: 30px!important;
    }
}
.pd-l-tab
{
    padding-left: 9em!important;
}
@media screen and (max-width: 1440px)
{
    .pd-l-tab
    {
        padding-left: 1.4em!important;
    }
}
@media screen and (max-width: 979px)
{
    .pd-l-tab
    {
        padding-left: 30px!important;
    }
}
.pd-r-tab
{
    padding-right: 9em!important;
}
@media screen and (max-width: 1440px)
{
    .pd-r-tab
    {
        padding-right: 1.4em!important;
    }
}
@media screen and (max-width: 979px)
{
    .pd-r-tab
    {
        padding-right: 20px!important;
    }
}
.mb-2
{
    margin-bottom: 2rem;
}
img
{
    width: 100%;
}
*
{
    box-sizing: border-box;
}
.title
{
    font-size: 65px;
}
@media screen and (max-width: 767px)
{
    .title
    {
        font-size: 55px;
    }
}
.d-block
{
    display: block!important;
}
.mobile-only
{
    display: none!important;
    visibility: hidden;
}
@media screen and (max-width: 979px)
{
    .mobile-only
    {
        display: block!important;
        visibility: visible!important;
    }
}
.desktop-only, .become-a-click-block
{
    display: block;
    visibility: visible;
}
@media screen and (max-width: 979px)
{
    .desktop-only, .become-a-click-block
    {
        display: none!important;
        visibility: hidden!important;
    }
}
.arrow
{
    height: 12px;
    position: relative;
    width: 12px;
    display: flex;
    margin: 13px;
}
.arrow::after
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: '';
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
}
.arrow.is-triangle::after
{
    border-style: solid;
    border-width: 0 0 12px 12px;
    height: 0;
    width: 0;
}
.arrow.is-check::after
{
    width: 6px;
}
.arrow.arrow-bar::before
{
    bottom: 1px;
    content: '';
    height: 10px;
    position: absolute;
    right: 0;
    transform-origin: bottom;
    width: 2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.arrow.is-top
{
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.arrow.is-right
{
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.arrow.is-bottom
{
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.is-left
{
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.arrow::after, .arrow .arrow::after
{
    border-color: #fff;
}
.arrow.is-triangle::after, .arrow .arrow.is-triangle::after
{
    border-color: transparent;
    border-bottom-color: #fff;
}
.arrow::before, .arrow .arrow::before
{
    background-color: #fff;
}
.nav-top
{
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 101;
    width: 32px;
    height: auto;
    left: auto;
    right: 40px;
    top: 2vh;
}
.nav-top .mob-logo
{
    position: fixed;
    top: 27px;
    left: 20px;
}
.nav-top .mob-logo img
{
    width: 122px;
}
.nav-top .fixed-logo
{
    display: none;
}
.go-back-icon
{
    position: relative;
    left: -10px;
    margin-left: -14px;
}
.d-none
{
    display: none;
}
.mob-menu-ham span
{
    display: block;
    position: absolute;
    top: 24px;
    left: 5px;
    right: 5px;
    height: 2.2px;
    width: 100%;
    border-radius: 2px;
    background: #fff;
    -webkit-transition: background 0 .3s;
    transition: background 0 .3s;
}
.mob-menu-ham span::after, .mob-menu-ham span::before
{
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2.2px;
    border-radius: 2px;
    background-color: #fff;
    content: "";
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0;
    transition-delay: .3s,0;
}
.mob-menu-ham span::before
{
    top: -7px;
    -webkit-transition-property: top,-webkit-transform;
    transition-property: top,transform;
}
.mob-menu-ham span::after
{
    bottom: -7px;
    -webkit-transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
}
.scrolled .mob-menu-ham span
{
    background: #0567a3;
}
.scrolled .mob-menu-ham span::after, .scrolled .mob-menu-ham span::before
{
    background: #0567a3;
}
.scrolled .def-logo
{
    display: none;
}
.scrolled .fixed-logo
{
    display: block;
}
.nav-is-toggled .mob-menu-ham span
{
    background: none;
    left: 10px;
    right: 10px;
}
.nav-is-toggled .mob-menu-ham span::before
{
    top: 0;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-is-toggled .mob-menu-ham span::after
{
    bottom: 0;
    background-color: #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-is-toggled .mob-menu-ham span::before, .nav-is-toggled .mob-menu-ham span::after
{
    -webkit-transition-delay: 0,.3s;
    transition-delay: 0,.3s;
}
.nav-is-toggled .mob-logo
{
    display: none;
}
.nav-drill
{
    padding-top: 10vh;
    transform: translateX(100%);
}
.nav-is-toggled .nav-drill
{
    transform: translateX(0);
}
.nav-is-toggled::after
{
    opacity: 1;
    visibility: visible;
}
.nav-drill
{
    display: flex;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #f8f8f8;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: .45s;
}
.nav-items
{
    flex: 0 0 100%;
    padding-left: 0;
    margin-top: 0;
    border-top: solid 1px #8d8c8c;
}
.nav-item
{
    padding: 0 40px!important;
}
.nav-link
{
    display: block;
    font-size: 1rem;
    line-height: 1.5em;
    font-size: 40px!important;
    font-weight: normal;
}
.nav-expand-content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    padding-left: 0;
    transition: .3s;
    visibility: hidden;
    background: #f8f8f8;
    border: 0;
}
.nav-expand-content .nav-item
{
    padding: 0 40px!important;
    border-bottom: solid 1px #8d8c8c;
}
.nav-expand-content .nav-link
{
    font-family: Gibson-Regular;
    font-size: 20px!important;
    font-weight: normal!important;
    color: #000!important;
    padding: 40px 0!important;
}
.nav-expand-content input[type='checkbox']
{
    display: none;
}
.nav-expand-content .collapsible-content
{
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}
.nav-expand-content .collapsible-content ul
{
    padding: 0;
}
.nav-expand-content .collapsible-content ul .nav-sub-link
{
    padding-bottom: 40px!important;
}
.nav-expand-content .collapsible-content ul .nav-sub-link a
{
    padding: 40px 0!important;
    font-size: 20px!important;
    font-family: Gibson-Regular;
    text-transform: unset!important;
    font-weight: normal!important;
}
.nav-expand-content .toggle:checked+.nav-link-collapse+.collapsible-content
{
    max-height: 1000px;
}
.nav-expand-content .nav-link-collapse
{
    font-family: Gibson-Regular;
    font-size: 20px!important;
    color: #000!important;
    padding: 40px 0!important;
    display: flex;
}
.nav-expand-content .nav-back-link
{
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0!important;
    height: 10vh;
}
.nav-expand-link
{
    display: flex;
    justify-content: space-between;
}
.nav-expand.active>.nav-expand-content
{
    transform: translateX(0);
    visibility: visible;
}
.panel
{
    position: fixed;
    right: -100%;
    width: 100%;
}
.panel-logo
{
    margin-left: 5%;
    margin-top: 30px;
    color: #0567a3;
    font-size: 30px;
    position: absolute;
    z-index: 1010;
    font-family: Gibson;
}
.panel-logo img
{
    width: 122px;
}
.menu-link i
{
    text-decoration: none;
    font-size: 40px;
    color: #000;
}
#menu
{
    background: #f8f8f8;
    z-index: 100;
    transition: all 1s cubic-bezier(0,0,.52,.93) 0s!important;
}
#contact
{
    background: #f8f8f8;
    z-index: 1010;
}
@media(max-width: 980px)
{
    #contact
    {
        overflow-y: auto;
    }
}
#menu ul.desktop, #contact ul.desktop
{
    margin-top: 150px;
}
@media(max-width: 1280px)
{
    #menu ul.desktop, #contact ul.desktop
    {
        margin-top: 100px;
    }
}
.menu-gap
{
    padding-left: 20%;
}
#menu li, #contact li
{
    transition: all .4s ease;
    padding: 0 0 20px;
    list-style: none;
}
#menu li a
{
    color: #000;
    font-size: 65px;
    text-decoration: none;
    font-weight: 600;
    padding: 20px 0;
}
@media(max-width: 1441px)
{
    #menu li a
    {
        font-size: 2.8rem;
    }
}
#menu li:hover a
{
    color: #1ca8ff;
}
#menu .mobile-only li a i
{
    align-self: center;
    font-size: 20px;
}
.menu-link
{
    z-index: 1001;
    display: block;
    top: 0;
    right: 3vw;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 70px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    background-color: transparent;
    display: flex;
    justify-content: center;
}
@media(max-width: 1025px)
{
    .menu-link
    {
        right: 0;
    }
}
.menu-link:focus
{
    outline: none;
}
.menu-link span
{
    display: block;
    position: absolute;
    top: 45px;
    width: 26.5px;
    height: 1.9px;
    background: #fff;
    -webkit-transition: background 0 .3s;
    transition: background 0 .3s;
}
.menu-link span::before, .menu-link span::after
{
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1.9px;
    border-radius: 2px;
    background-color: #fff;
    content: "";
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0;
    transition-delay: .3s,0;
}
.menu-link span::before
{
    top: -6px;
    -webkit-transition-property: top,-webkit-transform;
    transition-property: top,transform;
}
.menu-link span::after
{
    bottom: -6px;
    -webkit-transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
}
.menu-open
{
    background-color: transparent;
}
.menu-open span
{
    background: none;
    box-shadow: none;
    width: 20.8px;
}
.menu-open span::before
{
    top: 0;
    background-color: #000;
    box-shadow: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-open span::after
{
    bottom: 0;
    background-color: #000;
    box-shadow: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu-open span::before, .menu-open span::after
{
    -webkit-transition-delay: 0,.3s;
    transition-delay: 0,.3s;
}
.menu-container
{
    display: flex;
}
.menu-container .menu-items
{
    flex: 5;
}
.menu-container .menu-item-info
{
    flex: 10;
    margin-top: 100px;
}
@media screen and (min-width: 1280px)
{
    .menu-container .menu-item-info
    {
        flex: 6;
        margin-top: 150px;
    }
}
.menu-container .menu-link
{
    position: absolute;
    right: 5vw;
}
.open-modal-active
{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: right 600ms ease 0s;
    right: 0;
}
.modal-close
{
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 36px;
}
.modal-close .close-icon
{
    display: block;
    position: absolute;
    top: 20px;
    width: 20.8px;
    height: 1.9px;
    right: 65px;
    cursor: pointer;
}
.modal-close .close-icon::after, .modal-close .close-icon::before
{
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1.9px;
    border-radius: 2px;
    background-color: #000;
    content: "";
    transition-delay: .3s,0;
}
.modal-close .close-icon::after
{
    transform: rotate(45deg);
}
.modal-close .close-icon::before
{
    transform: rotate(-45deg);
}
.tabcontent
{
    padding: 20px 0;
    display: none;
    transition: all .8s;
}
.tabcontent .info-content
{
    display: inline-block;
    float: left;
    border-left: 2px solid #000;
    padding-left: 2rem;
    padding-right: 3rem;
    width: 40%;
}
.tabcontent .info-content h3
{
    font-size: 25px;
    font-weight: 500;
    width: 75%;
}
@media screen and (max-width: 979px)
{
    .tabcontent .info-content h3
    {
        width: 100%;
    }
}
.tabcontent .info-content ul
{
    margin-top: 2rem!important;
    padding: 0;
    margin: 0;
}
.tabcontent .info-content ul li
{
    text-align: left!important;
    font-size: 15px;
    font-family: Gibson-Regular;
    color: #4a4a4a;
    line-height: 30px;
    width: 85%;
}
@media screen and (max-width: 979px)
{
    .tabcontent .info-content ul li
    {
        width: 100%;
    }
}
@media(max-width: 1441px)
{
    .tabcontent .info-content h3
    {
        font-size: 2rem;
    }
    .tabcontent .info-content ul li
    {
        font-size: 1rem;
    }
}
@media(max-width: 979px)
{
    .tabcontent .info-content
    {
        display: none;
    }
}
.logo
{
    display: block;
}
.logo a
{
    z-index: 99;
}
.logo a img
{
    width: 122px;
    margin-top: 35px;
    transition: margin-top 1s ease-in-out;
}
.main-navbar
{
    width: 100%;
    z-index: 100;
    position: absolute;
    transition: background-color 1s,color 1s,transform 1s,opacity 1s ease-in-out;
}
.main-navbar .nav-container
{
    max-width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}
.main-navbar .nav-container>div
{
    flex: 1;
}
.main-navbar .fixed-logo
{
    display: none;
}
.main-navbar.scrolled
{
    background: #fff;
    position: fixed;
    height: 70px;
    box-shadow: 0 0 7px rgba(0,0,0,.1);
}
.main-navbar.scrolled .logo a img
{
    margin-top: 22px;
}
.main-navbar.scrolled .search-container .search-icon
{
    top: 12px;
}
.main-navbar.scrolled .search-container .search-icon::before
{
    background-color: #0567a3;
}
.main-navbar.scrolled .search-container .search-icon::after
{
    border: 2px solid #0567a3;
}
.main-navbar.scrolled .search-input:focus~.search-icon::after
{
    background: #0567a3;
}
.main-navbar.scrolled .menu-link span
{
    top: 35px;
    background: #0567a3;
}
.main-navbar.scrolled .menu-link span::before, .main-navbar.scrolled .menu-link span::after
{
    background-color: #0567a3;
}
.main-navbar.scrolled .def-logo
{
    display: none;
}
.main-navbar.scrolled .fixed-logo
{
    display: block;
}
.search-area
{
    display: flex;
    justify-content: flex-end;
    z-index: 5;
}
.search-container
{
    top: 80px;
    margin: 0 auto;
    width: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
}
@media(max-width: 980px)
{
    .search-container
    {
        width: 90%;
    }
}
.search-container .search-icon
{
    position: absolute;
    margin: auto;
    top: 22px;
    right: calc(5% + 68px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 4;
}
.search-container .search-icon:hover
{
    cursor: pointer;
}
.search-container .search-icon::before
{
    content: "";
    position: absolute;
    margin: auto;
    top: 18px;
    right: 0;
    bottom: 3px;
    left: 13px;
    width: 10px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    transition: all .5s;
}
.search-container .search-icon::after
{
    content: "";
    position: absolute;
    margin: auto;
    top: -5px;
    right: 0;
    bottom: 0;
    left: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: all .5s;
}
.search-container .search-input
{
    position: absolute;
    margin: auto;
    top: 0;
    right: calc(5% + 68px);
    width: 50px;
    height: 100px;
    outline: none;
    border: none;
    color: #000;
    background: rgba(255,255,255,.9);
    padding: 0 20px 0 40px;
    transition: all .8s;
    opacity: 0;
    z-index: 5;
    font-weight: 400;
    font-size: 1.8rem;
    font-family: Gibson-Regular;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.4);
}
.search-container .search-input:hover
{
    cursor: pointer;
}
.search-container .search-input:focus
{
    width: 90%;
    opacity: .9;
    cursor: text;
    top: 94px;
    margin-left: 5%;
    margin-right: 5%;
    right: 0;
}
.search-container .search-input:focus~.search-icon
{
    z-index: 6;
}
.search-container .search-input:focus~.search-icon::before
{
    top: 2px;
    left: 0;
    width: 25px;
}
.search-container .search-input:focus~.search-icon::after
{
    top: 0;
    left: 0;
    width: 25px;
    height: 2px;
    border: none;
    background: #fff;
    border-radius: 0%;
    transform: rotate(-45deg);
    box-shadow: 0 0 1px #000;
}
.search-container .search-input::placeholder
{
    color: #000;
    opacity: .8;
    font-weight: 400;
}
.ham-icon-wrapper
{
    display: flex;
    justify-content: flex-end;
}
@-webkit-keyframes bounce
{
    from, 20%, 53%, 80%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }
    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
@keyframes bounce
{
    from, 20%, 53%, 80%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }
    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
.bounce
{
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash
{
    from, 50%, to
    {
        opacity: 1;
    }
    25%, 75%
    {
        opacity: 0;
    }
}
@keyframes flash
{
    from, 50%, to
    {
        opacity: 1;
    }
    25%, 75%
    {
        opacity: 0;
    }
}
.flash
{
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
@keyframes pulse
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.pulse
{
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }
    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }
    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
@keyframes rubberBand
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }
    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }
    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.rubberBand
{
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake
{
    from, to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    10%, 30%, 50%, 70%, 90%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    20%, 40%, 60%, 80%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}
@keyframes shake
{
    from, to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    10%, 30%, 50%, 70%, 90%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    20%, 40%, 60%, 80%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}
.shake
{
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake
{
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing
{
    20%
    {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }
    40%
    {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }
    60%
    {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }
    80%
    {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }
    to
    {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}
@keyframes swing
{
    20%
    {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }
    40%
    {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }
    60%
    {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }
    80%
    {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }
    to
    {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}
.swing
{
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    10%, 20%
    {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }
    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }
    40%, 60%, 80%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
@keyframes tada
{
    from
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    10%, 20%
    {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }
    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }
    40%, 60%, 80%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }
    to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.tada
{
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    15%
    {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }
    30%
    {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }
    45%
    {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }
    60%
    {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }
    75%
    {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes wobble
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    15%
    {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }
    30%
    {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }
    45%
    {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }
    60%
    {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }
    75%
    {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.wobble
{
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello
{
    from, 11.1%, to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7%
    {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg);
    }
    88.8%
    {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg);
    }
}
@keyframes jello
{
    from, 11.1%, to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7%
    {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg);
    }
    88.8%
    {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg);
    }
}
.jello
{
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes heartBeat
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes heartBeat
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.heartBeat
{
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn
{
    from, 20%, 40%, 60%, 80%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    20%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
    80%
    {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }
    to
    {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
@keyframes bounceIn
{
    from, 20%, 40%, 60%, 80%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    20%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
    80%
    {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }
    to
    {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.bounceIn
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }
    75%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes bounceInDown
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }
    75%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.bounceInDown
{
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }
    75%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    90%
    {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes bounceInLeft
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }
    75%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    90%
    {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.bounceInLeft
{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }
    75%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
    90%
    {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes bounceInRight
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }
    75%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
    90%
    {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.bounceInRight
{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    75%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes bounceInUp
{
    from, 60%, 75%, 90%, to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    75%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    90%
    {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.bounceInUp
{
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    50%, 55%
    {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
@keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    50%, 55%
    {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
.bounceOut
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    40%, 45%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
@keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    40%, 45%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
.bounceOutDown
{
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft
{
    20%
    {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
@keyframes bounceOutLeft
{
    20%
    {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
.bounceOutLeft
{
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight
{
    20%
    {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
@keyframes bounceOutRight
{
    20%
    {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
.bounceOutRight
{
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    40%, 45%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
@keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    40%, 45%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
.bounceOutUp
{
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn
{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInDownBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInDownBig
{
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInLeft
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInLeftBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInLeftBig
{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInRight
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInRight
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInRightBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInRightBig
{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInUp
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInUpBig
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.fadeInUpBig
{
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
.fadeOut
{
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
@keyframes fadeOutDown
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
.fadeOutDown
{
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
@keyframes fadeOutDownBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
.fadeOutDownBig
{
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
@keyframes fadeOutLeft
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
.fadeOutLeft
{
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
@keyframes fadeOutLeftBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
.fadeOutLeftBig
{
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
@keyframes fadeOutRight
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
.fadeOutRight
{
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
@keyframes fadeOutRightBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
.fadeOutRightBig
{
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
@keyframes fadeOutUp
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
.fadeOutUp
{
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
@keyframes fadeOutUpBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
.fadeOutUpBig
{
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip
{
    from
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40%
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80%
    {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip
{
    from
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40%
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80%
    {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to
    {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip
{
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX
{
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY
{
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX
{
    from
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}
@keyframes flipOutX
{
    from
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}
.flipOutX
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
}
@-webkit-keyframes flipOutY
{
    from
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}
@keyframes flipOutY
{
    from
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}
.flipOutY
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn
{
    from
    {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }
    60%
    {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes lightSpeedIn
{
    from
    {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }
    60%
    {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.lightSpeedIn
{
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut
{
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn
{
    from
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes rotateIn
{
    from
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.rotateIn
{
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.rotateInDownLeft
{
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.rotateInDownRight
{
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.rotateInUpLeft
{
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.rotateInUpRight
{
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut
{
    from
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}
@keyframes rotateOut
{
    from
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}
.rotateOut
{
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft
{
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}
.rotateOutDownRight
{
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft
{
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}
.rotateOutUpRight
{
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge
{
    0%
    {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60%
    {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80%
    {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}
@keyframes hinge
{
    0%
    {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60%
    {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80%
    {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}
.hinge
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes jackInTheBox
{
    from
    {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50%
    {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70%
    {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to
    {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes jackInTheBox
{
    from
    {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50%
    {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70%
    {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to
    {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.jackInTheBox
{
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes rollIn
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.rollIn
{
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}
@keyframes rollOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}
.rollOut
{
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50%
    {
        opacity: 1;
    }
}
@keyframes zoomIn
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50%
    {
        opacity: 1;
    }
}
.zoomIn
{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInDown
{
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInLeft
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInLeft
{
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInRight
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInRight
{
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInUp
{
    from
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInUp
{
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut
{
    from
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    to
    {
        opacity: 0;
    }
}
@keyframes zoomOut
{
    from
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    to
    {
        opacity: 0;
    }
}
.zoomOut
{
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomOutDown
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomOutDown
{
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft
{
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight
{
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomOutUp
{
    40%
    {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to
    {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomOutUp
{
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown
{
    from
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slideInDown
{
    from
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.slideInDown
{
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slideInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.slideInLeft
{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight
{
    from
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slideInRight
{
    from
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.slideInRight
{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp
{
    from
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes slideInUp
{
    from
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }
    to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.slideInUp
{
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
@keyframes slideOutDown
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
.slideOutDown
{
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
@keyframes slideOutLeft
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
.slideOutLeft
{
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
@keyframes slideOutRight
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
.slideOutRight
{
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
@keyframes slideOutUp
{
    from
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    to
    {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
.slideOutUp
{
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-1s
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-2s
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-3s
{
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated.delay-4s
{
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated.delay-5s
{
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.animated.fast
{
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}
.animated.faster
{
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}
.animated.slow
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.slower
{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
@media(print),(prefers-reduced-motion: reduce)
{
    .animated
    {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
    }
}
header
{
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 50px;
}
header .logo a
{
    color: #fff;
    text-decoration: none;
}
.fullpage-wrapper
{
    height: 100%;
}
.block.home-top-content
{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 979px)
{
    .block.home-top-content
    {
        text-align: left;
        width: 100%;
    }
}
.block.home-top-content .content h2
{
    margin: 10px 0 25px;
    font-weight: normal;
    line-height: 1;
    font-family: FreightTextProBook-Regular;
}
.block.home-top-content .content article
{
    width: 60%;
    margin: auto;
    color: #4a4a4a;
    line-height: 1.67;
    font-weight: normal;
}
@media screen and (max-width: 1440px)
{
    .block.home-top-content .content article
    {
        width: 70%;
    }
}
@media screen and (max-width: 979px)
{
    .block.home-top-content .content article
    {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.block.home-top-content .content .right-content
{
    position: absolute;
    right: 0;
    width: 25%;
    top: 0;
}
@media screen and (max-width: 979px)
{
    .block.home-top-content .content
    {
        margin-top: 4em;
    }
}
.video-fullpage
{
    height: 100vh;
    width: 100%;
    z-index: 0;
    position: relative;
    top: 0;
}
.video-fullpage .video-player, .video-fullpage .videoplayer
{
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
.video-fullpage .video-background
{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #061b2b;
    opacity: .73;
}
.header-content
{
    position: relative;
    height: calc(100% - 50%);
}
.header-content h3.title
{
    width: 50%;
    min-width: 662px;
    line-height: 1.15;
    margin-bottom: 20px;
}
@media(max-width: 980px)
{
    .header-content h3.title
    {
        min-width: auto;
        width: 100%;
        line-height: 1;
    }
}
.header-content a.link
{
    color: #fff;
    margin: 5% 0;
    display: block;
}
.header-content h5
{
    line-height: 1.39;
    font-size: 18px;
    font-weight: normal;
    font-family: Gibson-Regular;
    width: 40%;
}
@media(max-width: 980px)
{
    .header-content h5
    {
        width: 100%;
        font-size: 20px;
    }
}
.service-rollovers
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
}
@media(max-width: 980px)
{
    .service-rollovers
    {
        flex-direction: column;
        position: relative;
        float: left;
    }
}
.service-rollovers .tab
{
    height: 130px;
    position: relative;
    flex: 1;
    text-align: center;
    background-color: rgba(128,128,128,.2);
    overflow: hidden;
    cursor: pointer;
    font-size: 21px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
@media(max-width: 980px)
{
    .service-rollovers .tab
    {
        margin-right: 0;
        margin-top: 10px;
        flex: none;
    }
}
.service-rollovers .tab:last-child
{
    margin-right: 0;
}
@media(min-width: 1441px)
{
    .service-rollovers .tab:first-child .inner
    {
        padding-left: 6em;
    }
}
@media(min-width: 1441px)
{
    .service-rollovers .tab:first-child .inner .link
    {
        left: 125px;
    }
}
.service-rollovers .tab span
{
    font-size: 17.5px;
    line-height: 1.43;
}
@media(max-width: 980px)
{
    .service-rollovers .tab span
    {
        font-size: 20px;
    }
}
.service-rollovers .tab .link i
{
    color: #fff;
}
.service-rollovers .tab:hover
{
    background-color: #00000061;
}
.service-rollovers .tab:hover .inner
{
    bottom: 0%;
}
.service-rollovers .tab .inner
{
    background: #0567a3;
    bottom: -100%;
    color: #fff;
    height: 100%;
    left: 0%;
    position: absolute;
    transition: bottom .5s ease;
    width: 100%;
    padding-top: 28px;
    padding-left: 3em;
    padding-right: 3em;
    flex-direction: row;
    box-sizing: border-box;
    text-align: left;
    font-family: Gibson-Regular;
}
.service-rollovers .tab .inner span
{
    font-size: 13px;
}
.service-rollovers .tab .inner span p
{
    font-weight: normal;
    font-size: 13px;
    line-height: 1.54;
    margin: 0;
}
.service-rollovers .tab .inner span a.link
{
    font-size: 11px;
    display: flex;
    flex-basis: auto;
}
@media(max-width: 1441px)
{
    .service-rollovers .tab .inner
    {
        padding-left: 2em;
        padding-right: 2em;
        line-height: 1.3;
    }
}
.service-rollovers .tab .inner a
{
    position: absolute;
    bottom: 16px;
    left: 65px;
    color: #fff;
    text-decoration: none;
    font-family: Gibson-Regular;
    font-size: 10px;
}
@media(max-width: 1441px)
{
    .service-rollovers .tab .inner a
    {
        bottom: 15px;
        left: 43px;
        line-height: 1;
    }
}
.service-rollovers .tab .inner a i
{
    font-size: 11px;
}
.service-rollovers .tab .inner a:hover
{
    text-decoration: underline;
}
.header-slider
{
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    height: 100%;
}
.header-slider .fp-controlArrow, .header-slider .fp-slidesNav
{
    display: none;
}
@media(max-width: 980px)
{
    .header-slider
    {
        height: 500px!important;
    }
}
.header-slider .slide .fp-tableCell
{
    display: flex;
    align-items: flex-end;
}
@media(min-width: 980px)
{
    .header-slider .slide .fp-tableCell
    {
        padding-bottom: 130px;
    }
}
@media(max-width: 980px)
{
    .header-slider .slide .fp-tableCell
    {
        align-items: center;
        display: block;
    }
}
.header-slider .slide .content
{
    position: relative;
    height: 60vh;
}
@media(max-width: 980px)
{
    .header-slider .slide .content
    {
        height: 50vh;
    }
}
@media(max-width: 481px)
{
    .header-slider .slide .content
    {
        height: 56vh;
    }
}
.header-slider .slide .content .right-content
{
    font-family: Gibson-Regular;
    position: absolute;
    width: 20%;
    right: 0;
    top: 5%;
    border-left: 2px solid;
    font-size: 14px;
    padding-left: 30px;
    line-height: 1.61;
    font-weight: normal;
    min-width: 290px;
    padding: 15px 30px;
}
@media(max-width: 1025px)
{
    .header-slider .slide .content .right-content
    {
        display: none;
    }
}
.header-slider .slide .content .right-content a.link
{
    font-size: 13px;
    margin: 5% 0;
    color: #1ca8ff;
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 1.19;
    letter-spacing: .78px;
    font-weight: normal;
}
.header-slider .slide .tab-navigation
{
    opacity: 0;
}
.header-slider .slide.active .tab-navigation
{
    display: block;
    opacity: 1;
    transition: 1s;
}
.tab-navigation ul
{
    padding: 0;
    margin-bottom: 24px;
}
@media screen and (max-width: 980px)
{
    .tab-navigation ul
    {
        display: none;
    }
}
.tab-navigation ul li
{
    cursor: pointer;
    padding: 0;
    list-style: none;
    height: 2px;
    background-color: #dcdcdc;
    margin: 0 5px 0 0;
    width: 77px;
    display: inline-block;
    position: relative;
    background: linear-gradient(to right,#1ca8ff 50%,#dcdcdc 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}
@media screen and (max-width: 979px)
{
    .tab-navigation ul li
    {
        width: 60px;
    }
}
.tab-navigation ul li.active
{
    background-color: #1ca8ff;
    background-position: left bottom;
    transition-duration: 7s;
}
.tab-navigation ul li.active span
{
    display: block;
}
.tab-navigation ul li span
{
    position: absolute;
    bottom: 0;
    color: #4493f7;
    font-size: 9px;
    font-weight: normal;
    display: none;
    width: 200%;
    margin-bottom: 10px;
}
.case-study-section
{
    background-color: #fff;
}
@media screen and (max-width: 979px)
{
    .case-study-section .fp-controlArrow
    {
        display: none;
    }
}
@media screen and (max-width: 980px)
{
    .case-study-section .fp-slides
    {
        margin-top: 0;
    }
}
.case-study-section .slide
{
    background-size: cover!important;
    background-position: center!important;
}
.case-study-section .inner-content
{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.case-study-section .inner-content .container
{
    display: flex;
    align-items: center;
    height: 100%;
}
@media screen and (max-width: 979px)
{
    .case-study-section .inner-content .container
    {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.case-study-section .inner-content .content
{
    display: inline-block;
    width: 50%;
    color: #fff;
}
@media screen and (max-width: 979px)
{
    .case-study-section .inner-content .content
    {
        width: 100%;
    }
}
.case-study-section .inner-content .content h1
{
    font-size: 45px;
    line-height: 1;
    width: 75%;
}
@media screen and (max-width: 767px)
{
    .case-study-section .inner-content .content h1
    {
        margin-top: 10%;
        margin-bottom: 10%;
    }
}
.case-study-section .inner-content .content small
{
    font-size: 20px;
    margin-bottom: 5%;
    display: block;
    font-family: Gibson-Regular;
    font-weight: normal;
    line-height: 2.75;
}
.case-study-section .inner-content .content a.btn
{
    margin-top: 9%;
    margin-bottom: 9%;
    opacity: .9;
    line-height: 1;
}
@media screen and (max-width: 979px)
{
    .case-study-section .inner-content .content a.btn
    {
        margin-top: 20%;
        margin-bottom: 20%;
        width: 100%;
    }
}
.case-study-section .inner-content .content a.link
{
    margin-top: 5%;
    margin-bottom: 5%;
    color: #fff;
}
.case-study-section .inner-content .content span
{
    display: block;
}
.title-block
{
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
}
.title-block h2
{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 25px;
    font-family: Gibson-Regular;
    line-height: 2.2;
}
.featured-image
{
    position: absolute;
    bottom: 0;
    max-width: 400px;
    right: 22%;
    z-index: 1;
    margin: 0;
    height: 447px;
    overflow: hidden;
}
@media screen and (min-width: 1440px)
{
    .featured-image
    {
        max-width: 560px;
        height: 630px;
    }
}
@media(max-width: 1025px)
{
    .featured-image
    {
        display: none;
    }
}
.how-can-we-help-section
{
    padding-top: 114.5px;
    padding-bottom: 114.5px;
    background-color: #0b3354;
    color: #fff;
}
.how-can-we-help-section .btn
{
    margin-top: 10%;
}
.how-can-we-help-section .btn:hover
{
    border: 1px solid #fff;
}
@media screen and (max-width: 979px)
{
    .how-can-we-help-section .btn
    {
        width: 100%;
    }
}
@media screen and (max-width: 979px)
{
    .how-can-we-help-section
    {
        width: 100%;
    }
}
.how-can-we-help-section .left h6
{
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gibson-Regular;
    font-size: 25px;
    font-weight: normal;
    width: 90%;
    line-height: 1.6;
}
@media screen and (max-width: 979px)
{
    .how-can-we-help-section .left h6
    {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 100%;
    }
}
.how-can-we-help-section .left h2
{
    font-size: 45px;
    margin-bottom: 1em;
    line-height: 1;
}
@media screen and (max-width: 767px)
{
    .how-can-we-help-section .left h2
    {
        font-size: 36px;
    }
}
.how-can-we-help-section .right
{
    text-align: center;
}
@media screen and (max-width: 979px)
{
    .how-can-we-help-section .right .btn
    {
        min-width: 100%;
    }
}
.explore-one-400
{
    background-color: #f8f8f8;
}
.explore-one-400 .left .image
{
    display: block;
}
.explore-one-400 .left .image img
{
    vertical-align: middle;
}
.explore-one-400 h6
{
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: Gibson-Regular;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.67;
    max-width: 417px;
    color: #4a4a4a;
}
@media screen and (max-width: 979px)
{
    .explore-one-400 h6
    {
        margin-bottom: 2em;
        font-size: 16px;
        font-weight: 200;
        line-height: 1.67;
    }
}
.explore-one-400 h2
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 35px;
    line-height: .71;
}
@media screen and (max-width: 979px)
{
    .explore-one-400 h2
    {
        margin-top: 1em;
    }
}
.explore-one-400 .right
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
}
.explore-one-400 .right a.link
{
    display: block;
    line-height: 1.67;
    font-weight: 400;
    margin-bottom: 3%;
    color: #000;
    font-family: Gibson-Regular;
}
@media screen and (max-width: 979px)
{
    .explore-one-400 .right
    {
        margin-bottom: 2rem;
    }
}
.case-study-section, .research-section
{
    background-color: #fff;
}
.research-blocks
{
    background-color: #f8f8f8;
}
.research-blocks h2
{
    font-size: 35px;
    margin-top: 5%;
    margin-bottom: 2%;
    line-height: 1.29;
}
@media screen and (max-width: 767px)
{
    .research-blocks h2
    {
        font-size: 25px;
    }
}
.research-blocks h5
{
    line-height: 2.75;
    font-weight: normal;
    font-size: 20px;
    font-family: Gibson-Regular;
}
.research-blocks a.link
{
    color: #fff;
    font-weight: normal;
    line-height: 2.67;
}
.research-blocks .inner-content p
{
    color: #4a4a4a;
    line-height: 1.67;
    font-weight: normal;
}
@media screen and (max-width: 979px)
{
    .research-blocks .inner-content p
    {
        display: none;
    }
}
.research-blocks .inner-content .btn-secondary.desktop-only, .research-blocks .inner-content .btn-secondary.become-a-click-block
{
    max-width: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.research-blocks .inner-content .btn-secondary.desktop-only .fas, .research-blocks .inner-content .btn-secondary.become-a-click-block .fas
{
    margin: 0 0 0 10px;
    font-size: .9rem;
}
.research-blocks .content-info
{
    font-size: 12px;
    display: block;
    width: 100%;
    margin-bottom: 5%;
}
.research-blocks .content-info a
{
    color: #1ca8ff;
    text-decoration: none;
}
.research-blocks .content-info span
{
    font-size: 10px;
    line-height: 2.5;
}
.research-blocks .content-bottom-block
{
    display: flex;
    z-index: 99;
    position: relative;
    background-color: #f8f8f8;
}
@media screen and (max-width: 979px)
{
    .research-blocks .content-bottom-block
    {
        flex-direction: column;
    }
}
.research-blocks .content-bottom-block .btn
{
    min-width: 270px;
}
.research-blocks .content-bottom-block .image
{
    width: 30%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media screen and (max-width: 1280px)
{
    .research-blocks .content-bottom-block .image
    {
        width: 40%;
    }
}
@media screen and (max-width: 1024px)
{
    .research-blocks .content-bottom-block .image
    {
        width: 45%;
    }
}
.research-blocks .content-bottom-block .image img
{
    vertical-align: sub;
}
@media screen and (max-width: 979px)
{
    .research-blocks .content-bottom-block .image img
    {
        display: none;
    }
}
.research-blocks .post.content
{
    color: #fff;
    z-index: 9;
    position: relative;
    display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media screen and (max-width: 979px)
{
    .research-blocks .post.content
    {
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 5em;
        padding-bottom: 5em;
        height: auto!important;
    }
}
.research-blocks .post.content span
{
    font-size: 10px;
    line-height: 2.5;
}
.research-blocks .post.content h2
{
    font-size: 45px;
    line-height: 1;
    margin-bottom: 3%;
}
.research-blocks .reasarch-left-block
{
    position: relative;
    background: #f8f8f8;
}
.research-blocks .reasarch-left-block .inner-content
{
    width: 70%;
    background-color: #f8f8f8;
    padding-top: 10%;
    padding-bottom: 10%;
}
@media screen and (max-width: 979px)
{
    .research-blocks .reasarch-left-block .inner-content
    {
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
    }
}
@media screen and (max-width: 1280px)
{
    .research-blocks .reasarch-left-block .inner-content
    {
        width: 60%;
    }
}
@media screen and (max-width: 1024px)
{
    .research-blocks .reasarch-left-block .inner-content
    {
        width: 55%;
    }
}
@media screen and (max-width: 979px)
{
    .research-blocks .reasarch-left-block .image.mobile-only
    {
        z-index: 9;
        position: relative;
    }
}
.research-blocks .reasarch-right-block .content-bottom-block
{
    padding-top: 0;
    padding-left: 10%;
    padding-right: 10%;
}
@media screen and (max-width: 979px)
{
    .research-blocks .reasarch-right-block .content-bottom-block
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .research-blocks .reasarch-right-block .content-bottom-block a.link.mobile-only
    {
        margin: 10% 0;
        color: #000;
    }
}
.research-blocks .reasarch-right-block .content-bottom-block h2
{
    margin-top: 12%;
    margin-bottom: 20px;
    width: 70%;
}
@media screen and (max-width: 979px)
{
    .research-blocks .reasarch-right-block .image
    {
        display: none;
    }
}
.overlay
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #0b3354;
    z-index: 0;
    opacity: .9;
}
.content-back-img
{
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover!important;
    background: url(/wp-content/themes/ONE400/assets/images/backgound-research.jpg) center;
}
.become-a-click-block
{
    background-color: #fff;
    text-align: center;
    padding-top: 105px;
    padding-bottom: 95px;
}
.become-a-click-block .content
{
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1440px)
{
    .become-a-click-block .content
    {
        width: 80%;
    }
}
@media screen and (min-width: 1440px)
{
    .become-a-click-block .content
    {
        width: 60%;
    }
}
.become-a-click-block h2
{
    margin: 0 0 42px;
    font-size: 45px;
    font-family: Freight-Tex-Pro;
    line-height: 1.11;
}
.become-a-click-block h4
{
    font-family: Gibson-Regular;
    margin-bottom: 68px;
    font-size: 25px;
    font-weight: normal;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}
footer
{
    padding-top: 4em;
    padding-bottom: 4em;
    background-color: #fff;
}
footer .logo-footer
{
    max-width: 125px;
    display: block;
    margin-bottom: 5%;
}
@media screen and (max-width: 979px)
{
    footer .logo-footer
    {
        max-width: 175px;
    }
}
footer .footer-rows .left-column span
{
    width: 65%;
    display: block;
}
@media screen and (max-width: 979px)
{
    footer .footer-rows .left-column span
    {
        width: 100%;
    }
}
footer .footer-rows .left-column .mobile-contact-no
{
    margin-top: 1em;
    margin-bottom: 2em;
    font-family: Gibson-Regular;
    font-size: 24px;
    font-weight: 400;
}
@media screen and (max-width: 979px)
{
    footer .footer-rows .left-column
    {
        padding-left: 30px;
        padding-right: 30px;
        padding: 0!important;
    }
    footer .footer-rows .left-column .social-media-icons
    {
        display: none;
    }
}
footer .footer-rows .right-column>div
{
    overflow: hidden;
}
footer .footer-rows .right-column>div h5
{
    font-weight: 600;
    font-size: 17.5px;
    font-family: Gibson-SemiBold;
    line-height: 1.43;
}
footer .footer-rows .subscribe-serch
{
    display: flex;
    width: 50%;
    position: relative;
    min-width: 238.5px;
}
@media screen and (max-width: 979px)
{
    footer .footer-rows .subscribe-serch
    {
        width: 100%;
    }
}
footer p
{
    font-size: 12px;
    margin-bottom: 2rem;
}
footer a.link
{
    color: #0083e3;
    font-weight: normal;
    display: block;
    font-size: 12px;
}
footer input[type="text"]
{
    border: 0;
    background-color: #f7f7f4;
    height: 40.5px;
    padding: 2px 10px 0 10px;
    color: #707070;
    font-weight: normal;
    width: 100%;
    font-family: Gibson,sans-serif;
    font-size: 8px;
    line-height: 2.5;
}
footer button
{
    height: 40.5px;
    border: none;
    background-color: #0083e3;
    color: #fff;
    position: absolute;
    font-size: 9px;
    padding: 0 10px;
    cursor: pointer;
    right: 0;
    min-width: 83.5px;
    font-family: Gibson-Regular;
    font-style: normal;
    line-height: 2.22;
}
footer .subscribe-links
{
    margin-top: 30px;
    position: relative;
}
footer .subscribe-links .fas
{
    position: absolute;
    right: 30px;
    top: 20px;
}
footer .subscribe-links h5
{
    font-size: 17.5px;
    font-weight: 600;
    font-family: Gibson-SemiBold;
    margin-bottom: 15px;
}
@media screen and (max-width: 979px)
{
    footer .subscribe-links p, footer .subscribe-links .subscribe-serch
    {
        display: none;
    }
    footer .subscribe-links h5
    {
        display: block;
        border-bottom: 1px solid #b5b5b5;
        padding: 5% 0;
    }
}
footer .location-links
{
    position: relative;
}
footer .location-links .fas
{
    position: absolute;
    right: 30px;
    top: 20px;
}
@media screen and (max-width: 979px)
{
    footer .location-links p
    {
        display: none;
    }
    footer .location-links h5
    {
        display: block;
        border-bottom: 1px solid #b5b5b5;
        padding: 5% 0;
    }
}
footer .location-links p
{
    line-height: 1.25;
}
footer .contact-links
{
    position: relative;
}
footer .contact-links .fas
{
    position: absolute;
    right: 30px;
    top: 20px;
}
@media screen and (max-width: 979px)
{
    footer .contact-links p
    {
        display: none;
    }
    footer .contact-links h5
    {
        display: block;
        border-bottom: 1px solid #b5b5b5;
        padding: 5% 0;
    }
}
ul.social-media-icons
{
    display: flex;
    list-style: none;
    max-width: 180px;
    padding: 0;
    margin: 10% 0;
    width: 100%;
}
ul.social-media-icons li
{
    flex: 1;
}
ul.social-media-icons li a
{
    border: 0 solid;
    border-radius: 100%;
    width: 24.8px;
    height: 24.8px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    background: #0b3354;
    color: #fff;
    display: flex;
    align-items: center;
}
ul.social-media-icons li a i
{
    flex: 1;
    font-size: 14px;
}
ul.social-media-icons li a:hover
{
    background: #0567a3;
}
ul.mobile-only.social-media-icons
{
    display: none;
}
@media screen and (max-width: 979px)
{
    ul.mobile-only.social-media-icons
    {
        display: flex!important;
        margin-top: 15%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto;
    }
    ul.mobile-only.social-media-icons li a
    {
        width: 30px;
        height: 30px;
    }
}
.dropdown-menu
{
    visibility: hidden;
    opacity: 0;
    border-radius: 1.5px;
    transition: visibility 0s,opacity .5s linear;
    position: absolute;
    z-index: 99;
    width: 86%;
    left: 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 70vh;
}
@media screen and (min-width: 481px)
{
    .dropdown-menu
    {
        width: 94%;
        margin-top: 50vh;
    }
}
@media screen and (min-width: 980px)
{
    .dropdown-menu
    {
        width: 50%;
        margin-left: 5em;
        margin-right: 5em;
        margin-top: 0;
        top: 70%;
    }
}
@media screen and (min-width: 1441px)
{
    .dropdown-menu
    {
        width: 40%;
        margin-left: 15em;
        margin-right: 15em;
    }
}
.dropdown-menu:before
{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -15px;
    left: -10%;
    right: 0;
    text-align: center;
    margin: auto;
}
.dropdown-menu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.dropdown-menu ul li
{
    display: inline-block;
    width: 45%;
    padding: 5px;
    border-bottom: 1px solid #d8d8d8;
    margin: 5px 2%;
    white-space: normal;
}
@media screen and (max-width: 979px)
{
    .dropdown-menu ul li
    {
        width: 100%;
        padding: 15px;
        margin: 5px 0%;
    }
}
.dropdown-menu ul li img
{
    width: 50px;
}
.dropdown-menu ul li a
{
    color: #000;
    text-decoration: none;
    display: flex;
    font-family: Gibson-Regular;
    justify-content: space-between;
}
.dropdown-menu ul li a p
{
    font-size: 16px;
}
.dropped .dropdown-menu
{
    background-color: #fff;
    visibility: visible;
    opacity: 1;
}
.segment-dropdown
{
    position: relative;
    display: flex;
    z-index: 9;
}
.segment-dropdown .selectbox
{
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 15px 20px;
    font-size: 14px;
    margin: 5% 0 0;
    position: relative;
    width: auto;
    min-width: 360px;
}
.segment-dropdown .selectbox:hover
{
    background-color: rgba(0,0,0,.3);
}
@media screen and (max-width: 979px)
{
    .segment-dropdown .selectbox
    {
        width: 100%;
        min-width: auto;
    }
}
.segment-dropdown .selectbox i.fa
{
    position: absolute;
    right: 20px;
    color: #1ca8ff;
}
.segment-dropdown .selectbox div
{
    display: inline-flex;
}
.segment-dropdown .selectbox div h5
{
    font-size: 15px;
    overflow: hidden;
    border-right: .15em solid #fff;
    white-space: nowrap;
    margin: 0 auto;
    animation: typing 1.5s steps(40,end),blink-caret .75s step-end infinite;
    width: 100%;
}
.segment-dropdown .contentwrapper
{
    position: absolute;
    top: 140px;
    width: 50%;
    left: -35px;
}
@media screen and (max-width: 979px)
{
    .segment-dropdown .contentwrapper
    {
        width: 100%;
        left: 0;
        top: 80px;
    }
}
.copyrights
{
    width: 100%;
    background-color: #000;
    display: block;
    color: #fff;
    padding: 15px;
    font-size: 10px;
    font-family: Gibson-Regular;
}
.copyrights .sublinks
{
    display: inline-block;
}
@media screen and (max-width: 979px)
{
    .copyrights .sublinks
    {
        text-align: center;
        line-height: 2.5;
        margin-bottom: 5%;
    }
}
.copyrights .sublinks a
{
    font-size: 10px;
    margin-right: 5px;
    margin-left: 5px;
    text-decoration: none;
    color: #fff;
    line-height: 2.5;
    font-weight: 600;
}
.copyrights .sublinks a:first-child
{
    margin-left: 0;
}
.copyrights span
{
    font-size: 10px;
    float: right;
    line-height: 2.5;
    font-weight: 600;
}
@media screen and (max-width: 979px)
{
    .copyrights span
    {
        float: none;
        display: block;
        margin: 5px auto;
        text-align: center;
    }
}
.featured-image2
{
    position: absolute;
    z-index: -1;
    width: 50%;
    right: -3%;
    bottom: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}
@media screen and (min-width: 768px)
{
    .featured-image2
    {
        width: 35%;
        right: 12%;
    }
}
@media screen and (min-width: 981px)
{
    .featured-image2
    {
        bottom: 7%;
    }
}
@media screen and (max-width: 980px)
{
    .fp-slides
    {
        overflow: initial!important;
        margin-top: 18vh;
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        min-height: 60vh;
    }
}
@media screen and (max-width: 768px)
{
    .fp-slides
    {
        min-height: 45vh;
    }
}
@media screen and (max-width: 481px)
{
    .header-slider .fp-slides
    {
        margin-bottom: 8vh;
    }
}
@keyframes typing
{
    from
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}
@keyframes blink-caret
{
    from, to
    {
        border-color: transparent;
    }
    50%
    {
        border-color: #fff;
    }
}
.contact-modal .inner-content
{
    display: flex;
    position: relative;
    width: 100%;
    margin: 10% auto;
    padding: 0% 10%;
    z-index: 9999;
}
@media screen and (max-width: 979px)
{
    .contact-modal .inner-content
    {
        flex-direction: column;
        margin: 20% auto 10% auto;
    }
    .contact-modal .inner-content .social-media-icons
    {
        display: none;
    }
}
.contact-modal .content-left
{
    font-family: Gibson-Regular;
    flex: 5;
}
.contact-modal .content-left address
{
    font-family: Gibson-Regular;
    width: calc(50% - 3px);
    display: inline-block;
    margin: 2% auto;
    padding: 0;
    font-style: inherit;
    font-size: 15px;
    line-height: 1.33;
}
.contact-modal .content-left h2
{
    font-size: 65px;
    font-weight: normal;
}
.contact-modal .content-left h5
{
    font-size: 25px;
    font-weight: normal;
    width: 80%;
    font-family: FreightTextProBook-Regular;
}
@media screen and (max-width: 979px)
{
    .contact-modal .content-left h5
    {
        width: 100%;
        margin: 10% auto;
    }
}
.contact-modal .content-left .location-links
{
    margin: 5% auto;
}
@media screen and (max-width: 979px)
{
    .contact-modal .content-left .location-links
    {
        display: none;
    }
}
.contact-modal .content-right
{
    flex: 6;
}
.contact-modal .content-right .form input
{
    width: 100%;
    border: 0;
    background-color: #fff;
    margin: 0 0 20px 0;
    display: block;
    padding: 15px;
    font-family: Gibson-Regular;
    height: 52px;
}
.contact-modal .content-right .form textarea
{
    width: 100%;
    min-height: 200px;
    background-color: #fff;
    border: 0;
    display: block;
    padding: 15px;
    font-family: Gibson-Regular;
    font-size: 14px;
}
.contact-modal .content-right .form .btn
{
    margin: 5% auto;
}
.contact-modal .content-right .form .btn span
{
    font-size: 17.5px;
    line-height: 1;
}
@media screen and (max-width: 979px)
{
    .contact-modal .content-right .form .btn
    {
        width: 100%;
    }
}
.link-section
{
    position: relative;
}
.link-section ul
{
    padding: 0;
}
.link-section ul li a
{
    font-family: Gibson-Regular;
    font-size: 12px;
    margin-bottom: .6rem;
    display: block;
    color: #000;
    text-decoration: none;
    line-height: 2.08;
}
.link-section ul li a :hover
{
    color: #808080;
}
.link-section .fas
{
    position: absolute;
    right: 30px;
    top: 20px;
}
@media screen and (max-width: 979px)
{
    .link-section ul
    {
        display: none;
    }
    .link-section h5
    {
        display: block;
        border-bottom: 1px solid #b5b5b5;
        padding: 5% 0;
    }
}
.no-js #loader
{
    display: none;
}
.js #loader
{
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    overflow: hidden;
}
#fullpage, .section, body, .fp-tableCell, html
{
    height: 100%;
}
html.fp-enabled, .fp-enabled body
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-x: hidden!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section
{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-slide
{
    float: left;
}
.fp-slide, .fp-slidesContainer
{
    height: 100%;
    display: block;
}
.fp-slides
{
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table
{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-tableCell
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer
{
    float: left;
    position: relative;
}
.fp-controlArrow
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 43px;
    height: 43px;
    text-align: center;
    margin-top: -38px;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.64);
}
.fp-controlArrow.fp-prev
{
    left: 0;
}
.fp-controlArrow.fp-prev .fa
{
    pointer-events: none;
    color: #fff;
    font-size: 30px;
    margin-top: 5px;
    cursor: pointer;
}
.fp-controlArrow.fp-next
{
    right: 0;
}
.fp-controlArrow.fp-next .fa
{
    pointer-events: none;
    color: #fff;
    font-size: 30px;
    margin-top: 5px;
    cursor: pointer;
}
.fp-scrollable
{
    overflow: hidden;
    position: relative;
}
.fp-scroller
{
    overflow: hidden;
}
.iScrollIndicator
{
    border: 0!important;
}
.fp-notransition
{
    -webkit-transition: none!important;
    transition: none!important;
}
#fp-nav
{
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right
{
    right: 17px;
}
#fp-nav.fp-left
{
    left: 17px;
}
.fp-slidesNav
{
    position: absolute;
    z-index: 4;
    opacity: 1;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0!important;
    right: 0;
    margin: 0 auto!important;
}
.fp-slidesNav.fp-bottom
{
    bottom: 17px;
}
@media screen and (max-width: 979px)
{
    .fp-slidesNav.fp-bottom
    {
        bottom: -20px;
    }
}
.fp-slidesNav.fp-top
{
    top: 17px;
}
#fp-nav ul, .fp-slidesNav ul
{
    margin: 0;
    padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li
{
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
.fp-slidesNav ul li
{
    display: inline-block;
}
#fp-nav ul li a, .fp-slidesNav ul li a
{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span
{
    height: 9.4px;
    width: 9.4px;
    background: #0567a3;
    border-radius: 100%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span
{
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 9.4px;
    width: 9.4px;
    border: 0;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span
{
    width: 9.4px;
    height: 9.4px;
}
#fp-nav ul li .fp-tooltip
{
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip
{
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right
{
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left
{
    left: 20px;
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell
{
    height: auto!important;
}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell
{
    height: auto!important;
}
.fp-sr-only
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}