@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button, html, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}
.clearfixed:after{
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}
.fl{
    float:left;
}
.fr{
    float: right;
}
abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p, pre {
    margin: 1em 0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: courier new, monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after, q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl, menu, ol, ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu, ol, ul {
    padding: 0 0 0 40px
}

nav ol, nav ul {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    max-width: 100%;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure, form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

[hidden] {
    display: none !important
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block
}

.pure-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, Droid Sans, Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap
}

.opera-only :-o-prefocus, .pure-g {
    word-spacing: -.43em
}

.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-g [class*=pure-u] {
    font-family: sans-serif
}

img:hover {
    opacity: 0.8;
filter(alpha = 80)
}

.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-1-12, .pure-u-1-24, .pure-u-2-3, .pure-u-2-5, .pure-u-2-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-3-24, .pure-u-4-5, .pure-u-4-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-5-12, .pure-u-5-24, .pure-u-6-24, .pure-u-7-8, .pure-u-7-12, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%
}

.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%
}

.pure-u-1-8, .pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%
}

.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.969%
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%
}

.pure-u-1-4, .pure-u-6-24 {
    width: 25%;
    *width: 24.969%
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%
}

.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%
}

.pure-u-3-8, .pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.969%
}

.pure-u-5-12, .pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%
}

.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
    *width: 49.969%
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%
}

.pure-u-7-12, .pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.969%
}

.pure-u-5-8, .pure-u-15-24 {
    width: 62.5%;
    *width: 62.469%
}

.pure-u-2-3, .pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%
}

.pure-u-3-4, .pure-u-18-24 {
    width: 75%;
    *width: 74.969%
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.969%
}

.pure-u-5-6, .pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%
}

.pure-u-7-8, .pure-u-21-24 {
    width: 87.5%;
    *width: 87.469%
}

.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%
}

.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
    width: 100%
}

.pure-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: inherit;
    font-size: 100%;
    font-size: 90%;
    overflow: visible;
    padding: .5em 1em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    color: #444;
    border: 1px solid #999;
    border: 0 transparent;
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 2px
}

.pure-button-hover, .pure-button:focus, .pure-button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.pure-button:focus {
    outline: 0
}

.pure-button-active, .pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset
}

.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] {
    border: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    cursor: not-allowed;
    box-shadow: none
}

.pure-button-hidden {
    display: none
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #0078e7;
    color: #fff
}

.pure-form input:not([type]), .pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form select, .pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box
}

.pure-form input[type=color] {
    padding: .2em .5em
}

.pure-form input:not([type]):focus, .pure-form input[type=color]:focus, .pure-form input[type=date]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=email]:focus, .pure-form input[type=month]:focus, .pure-form input[type=number]:focus, .pure-form input[type=password]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=text]:focus, .pure-form input[type=time]:focus, .pure-form input[type=url]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #129fea
}

.pure-form input[type=checkbox]:focus, .pure-form input[type=file]:focus, .pure-form input[type=radio]:focus {
    outline: thin dotted #333;
    outline: 1px auto #129fea
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: .5em 0;
    display: block
}

.pure-form input:not([type])[disabled], .pure-form input[type=color][disabled], .pure-form input[type=date][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=email][disabled], .pure-form input[type=month][disabled], .pure-form input[type=number][disabled], .pure-form input[type=password][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=text][disabled], .pure-form input[type=time][disabled], .pure-form input[type=url][disabled], .pure-form input[type=week][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
    background: #eee;
    color: #777;
    border-color: #ccc
}

.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

.pure-form input:focus:invalid:focus, .pure-form select:focus:invalid:focus, .pure-form textarea:focus:invalid:focus {
    border-color: #e9322d
}

.pure-form input[type=checkbox]:focus:invalid:focus, .pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus {
    outline-color: #e9322d
}

.pure-form select {
    border: 1px solid #ccc;
    background-color: #fff
}

.pure-form select[multiple] {
    height: auto
}

.pure-form label {
    margin: .5em 0 .2em
}

.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input:not([type]), .pure-form-stacked input[type=color], .pure-form-stacked input[type=date], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=email], .pure-form-stacked input[type=month], .pure-form-stacked input[type=number], .pure-form-stacked input[type=password], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=text], .pure-form-stacked input[type=time], .pure-form-stacked input[type=url], .pure-form-stacked input[type=week], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea {
    display: block;
    margin: .25em 0
}

.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.pure-form-aligned textarea {
    vertical-align: top
}

.pure-form-aligned .pure-control-group {
    margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 10em
}

.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em
}

.pure-form .pure-group fieldset {
    margin-bottom: 10px
}

.pure-form .pure-group input {
    display: block;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    position: relative;
    top: -1px
}

.pure-form .pure-group input:focus {
    z-index: 2
}

.pure-form .pure-group input:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0
}

.pure-form .pure-group input:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px
}

.pure-form .pure-group button {
    margin: .35em 0
}

.pure-form .pure-input-1 {
    width: 100%
}

.pure-form .pure-input-2-3 {
    width: 66%
}

.pure-form .pure-input-1-2 {
    width: 50%
}

.pure-form .pure-input-1-3 {
    width: 33%
}

.pure-form .pure-input-1-4 {
    width: 25%
}

.pure-form .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em
}

.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em
}

@media only screen and (max-width: 480px) {
    .pure-form button[type=submit] {
        margin: .7em 0 0
    }

    .pure-form input:not([type]), .pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form label {
        margin-bottom: .3em;
        display: block
    }

    .pure-group input:not([type]), .pure-group input[type=color], .pure-group input[type=date], .pure-group input[type=datetime-local], .pure-group input[type=datetime], .pure-group input[type=email], .pure-group input[type=month], .pure-group input[type=number], .pure-group input[type=password], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=text], .pure-group input[type=time], .pure-group input[type=url], .pure-group input[type=week] {
        margin-bottom: 0
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0
    }

    .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline {
        display: block;
        font-size: .75em;
        padding: .2em 0 .8em
    }
}

.pure-menu ul {
    position: absolute;
    visibility: hidden
}

.pure-menu.pure-menu-open {
    visibility: visible;
    z-index: 2;
    width: 100%
}

.pure-menu ul {
    left: -625pc;
    list-style: none;
    margin: 0;
    padding: 0;
    top: -625pc;
    z-index: 1
}

.pure-menu > ul {
    position: relative
}

.pure-menu-open > ul {
    left: 0;
    top: 0;
    visibility: visible
}

.pure-menu-open > ul:focus {
    outline: 0
}

.pure-menu li {
    position: relative
}

.pure-menu .pure-menu-heading, .pure-menu a {
    display: block;
    color: inherit;
    line-height: 1.5em;
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap
}

.pure-menu.pure-menu-horizontal > .pure-menu-heading {
    margin: 0
}

.pure-menu.pure-menu-horizontal > .pure-menu-heading, .pure-menu.pure-menu-horizontal > ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.pure-menu li a {
    padding: 5px 20px
}

.pure-menu-can-have-children > .pure-menu-label:after {
    content: '\25B8';
    float: right;
    font-family: Lucida Grande, Lucida Sans Unicode, DejaVu Sans, sans-serif;
    margin-right: -20px;
    margin-top: -1px
}

.pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px
}

.pure-menu-separator {
    background-color: #dfdfdf;
    display: block;
    height: 1px;
    font-size: 0;
    margin: 7px 2px;
    overflow: hidden
}

.pure-menu-hidden {
    display: none
}

.pure-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.pure-menu-horizontal li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.pure-menu-horizontal li li {
    display: block
}

.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
    content: "\25BE"
}

.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px
}

.pure-menu-horizontal li.pure-menu-separator {
    height: 50%;
    width: 1px;
    margin: 0 7px
}

.pure-menu-horizontal li li.pure-menu-separator {
    height: 1px;
    width: auto;
    margin: 7px 2px
}

.pure-menu.pure-menu-horizontal li .pure-menu-children, .pure-menu.pure-menu-open {
    background: #fff;
    border: 1px solid #b7b7b7
}

.pure-menu.pure-menu-horizontal, .pure-menu.pure-menu-horizontal .pure-menu-heading {
    border: 0
}

.pure-menu a {
    border: 1px solid transparent;
    border-left: 0;
    border-right: 0
}

.pure-menu .pure-menu-can-have-children > li:after, .pure-menu a {
    color: #777
}

.pure-menu .pure-menu-can-have-children > li:hover:after {
    color: #fff
}

.pure-menu .pure-menu-open {
    background: #dedede
}

.pure-menu li a:focus, .pure-menu li a:hover {
    background: #eee
}

.pure-menu li.pure-menu-disabled a:focus, .pure-menu li.pure-menu-disabled a:hover {
    background: #fff;
    color: #bfbfbf
}

.pure-menu .pure-menu-disabled > a {
    background-image: none;
    border-color: transparent;
    cursor: default
}

.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after, .pure-menu .pure-menu-disabled > a {
    color: #bfbfbf
}

.pure-menu .pure-menu-heading {
    color: #565d64;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: .5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdfdf
}

.pure-menu .pure-menu-selected a {
    color: #000
}

.pure-menu.pure-menu-open.pure-menu-fixed {
    border: 0;
    border-bottom: 1px solid #b7b7b7
}

.pure-paginator {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    list-style: none;
    margin: 0;
    padding: 0
}

.opera-only :-o-prefocus, .pure-paginator {
    word-spacing: -.43em
}

.pure-paginator li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.pure-paginator .pure-button {
    border-radius: 0;
    padding: .8em 1.4em;
    vertical-align: top;
    height: 1.1em
}

.pure-paginator .pure-button:active, .pure-paginator .pure-button:focus {
    outline-style: none
}

.pure-paginator .next, .pure-paginator .prev {
    color: #c0c1c3;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .45)
}

.pure-paginator .prev {
    border-radius: 2px 0 0 2px
}

.pure-paginator .next {
    border-radius: 0 2px 2px 0
}

@media (max-width: 480px) {
    .pure-menu-horizontal {
        width: 100%
    }

    .pure-menu-children li {
        display: block;
        border-bottom: 1px solid #000
    }
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center
}

.pure-table td, .pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em
}

.pure-table td:first-child, .pure-table th:first-child {
    border-left-width: 0
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

.pure-table td {
    background-color: transparent
}

.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2
}

.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody > tr:last-child td, .pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0
}

.pure-table-horizontal td, .pure-table-horizontal th {
    border-width: 0 0 1px;
    border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0
}

@font-face {
    font-family: icomoon;
    src: url(../font/8fbeb436c7be0e19db43c8931eac58fc.eot)
;
    src: url(../font/8fbeb436c7be0e19db43c8931eac58fc.eot-#iefix-y4le88)  format('svg');
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-alarm:before {
    content: "\E622"
}

.icon-download3:before {
    content: "\E61F"
}

.icon-cross:before {
    content: "\E620"
}

.icon-arrow-right2:before {
    content: "\E623"
}

.icon-arrow-down:before {
    content: "\E624"
}

.icon-arrow-left:before {
    content: "\E625"
}

.icon-arrow-up2:before {
    content: "\E621"
}

.icon-live:before {
    content: "\E61C"
}

.icon-grid:before {
    content: "\E61D"
}

.icon-home2:before {
    content: "\E61E"
}

.icon-icon:before {
    content: "\E61A"
}

.icon-spinner11:before {
    content: "\E984"
}

.icon-plus:before {
    content: "\EA0A"
}

.icon-minus:before {
    content: "\EA0B"
}

.icon-bags:before {
    content: "\E616"
}

.icon-documents:before {
    content: "\E617"
}

.icon-fang:before {
    content: "\E618"
}

.icon-ruler:before {
    content: "\E615"
}

.icon-battery:before {
    content: "\E60E"
}

.icon-browser:before {
    content: "\E60F"
}

.icon-heart:before {
    content: "\E610"
}

.icon-lock:before {
    content: "\E611"
}

.icon-mirror:before {
    content: "\E612"
}

.icon-note:before {
    content: "\E613"
}

.icon-user:before {
    content: "\E614"
}

.icon-bag:before {
    content: "\E600"
}

.icon-brush:before {
    content: "\E601"
}

.icon-card:before {
    content: "\E602"
}

.icon-category:before {
    content: "\E603"
}

.icon-email:before {
    content: "\E604"
}

.icon-gift:before {
    content: "\E605"
}

.icon-home:before {
    content: "\E606"
}

.icon-house-window:before {
    content: "\E607"
}

.icon-house:before {
    content: "\E608"
}

.icon-phone:before {
    content: "\E609"
}

.icon-screen:before {
    content: "\E60A"
}

.icon-search:before {
    content: "\E60B"
}

.icon-star:before {
    content: "\E60C"
}

.icon-name:before {
    content: "\E61B"
}

.icon-arrow-right:before {
    content: "\E095"
}

.icon-play-circle-fill:before {
    content: "\E619"
}

.icon-dot:before {
    content: "\E60D"
}

.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
    outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides {
    margin: 0;
    padding: 0;
    list-style: none
}

@font-face {
    font-family: flexslider-icon;
    src: url(../font/9c9cb7a6055043933ba68854f521af45.eot)
;
    src: url(../font/9c9cb7a6055043933ba68854f521af45.eot-#iefix)  format('svg');
    font-weight: 400;
    font-style: normal
}

.flexslider {
    margin: 0;
    padding: 0
}


.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flexslider {
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    border-radius: 4px;
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    zoom: 1
}

.flex-viewport {
    max-height: 125pc;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;
    color: #000;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    left: 10px
}

.flexslider:hover .flex-next, .flexslider:hover .flex-prev {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.flexslider:hover .flex-next {
    right: 10px
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: default
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    content: '\F001'
}

.flex-direction-nav a.flex-next:before {
    content: '\F002'
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\F004'
}

.flex-pauseplay a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.flex-pauseplay a.flex-play:before {
    content: '\F003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    cursor: pointer
}

.flex-control-thumbs .flex-active, .flex-control-thumbs img:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.flex-control-thumbs .flex-active {
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        left: 10px
    }

    .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .flex-direction-nav .flex-next {
        right: 10px
    }
}

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.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.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

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

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    25%, 75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    25%, 75% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

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

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

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.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)
    }
}

@keyframes rubberBand {
    0%, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    0% {
        -ms-transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -ms-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -ms-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes shake {
    0%, 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 {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.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)
    }
}

@keyframes tada {
    0%, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    0% {
        -ms-transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-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);
        -ms-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);
        -ms-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);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    0%, to {
        -webkit-transform: none;
        transform: none
    }
    0% {
        -ms-transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-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);
        -ms-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);
        -ms-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);
        -ms-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);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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 {
    0%, 60%, 75%, 90%, to {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -ms-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, 40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, 40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, 40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, 40% {
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }
    60%, 80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg)
    }
    60%, 80% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: center;
        -ms-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: center;
        -ms-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        -ms-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-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);
        transform-origin: top left
    }
    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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -ms-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);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50%, to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50%, to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -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(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}

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

.sweet-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000
}

.sweet-alert {
    background-color: #fff;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -16pc;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #797979;
    font-size: 1pc;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert button {
    background-color: #aedef4;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 2pc;
    margin: 26px 5px 0;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.sweet-alert button:hover {
    background-color: #a1d9f2
}

.sweet-alert button:active {
    background-color: #81ccee
}

.sweet-alert button.cancel {
    background-color: #d0d0d0
}

.sweet-alert button.cancel:hover {
    background-color: #c8c8c8
}

.sweet-alert button.cancel:active {
    background-color: #b6b6b6
}

.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert .icon {
    width: 5pc;
    height: 5pc;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .icon.error {
    border-color: #f27474
}

.sweet-alert .icon.error .x-mark {
    position: relative;
    display: block
}

.sweet-alert .icon.error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .icon.error .line.left {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .icon.error .line.right {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 1pc
}

.sweet-alert .icon.warning {
    border-color: #f8bb86
}

.sweet-alert .icon.warning .body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f8bb86
}

.sweet-alert .icon.warning .dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f8bb86
}

.sweet-alert .icon.info {
    border-color: #c9dae1
}

.sweet-alert .icon.info:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #c9dae1
}

.sweet-alert .icon.info:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #c9dae1
}

.sweet-alert .icon.success {
    border-color: #a5dc86
}

.sweet-alert .icon.success:after, .sweet-alert .icon.success:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 90pt;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .icon.success:before {
    border-radius: 90pt 0 0 90pt;
    top: -7px;
    left: -33px;
    -webkit-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .icon.success:after, .sweet-alert .icon.success:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .icon.success:after {
    border-radius: 0 90pt 90pt 0;
    top: -11px;
    left: 30px;
    -webkit-transform-origin: 0 60px;
    -ms-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .icon.success .placeholder {
    width: 5pc;
    height: 5pc;
    border: 4px solid #a5dc86;
    border: 4px solid hsla(98, 55%, 69%, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .icon.success .fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-tranform: scale(.95)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-tranform: scale(.95)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    to {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    to {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

.showSweetAlert {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 3pc
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 3pc
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12%, to {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12%, to {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.icon.success.animate:after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    to {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    to {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #f8d486
    }
    to {
        background-color: #f8bb86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #f8d486
    }
    to {
        background-color: #f8bb86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}

.mF_fancy {
    position: relative
}

.mF_fancy .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../../e16.rok5.com/images/eeb3dd92dafbf253ec8f8b687e8339e0.gif)  center no-repeat;
    z-index: 9
}

.mF_fancy .pic {
    position: absolute;
    z-index: 1
}

.mF_fancy .pic ul {
    width: x;
    height: 100%
}

.mF_fancy .pic ul, .mF_fancy .pic ul li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.mF_fancy .pic ul li {
    display: none
}

.mF_fancy .txt {
    position: absolute;
    z-index: 2;
    top: 9pt;
    left: 9pt;
    width: 80%;
    color: #fff
}

.mF_fancy .txt li {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 9pt;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_fancy .txt li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    font-family: \\5FAE\8F6F\96C5\9ED1
}

.mF_fancy .txt li p {
    display: none
}

.mF_fancy .txt li.current {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mF_fancy .num {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.mF_fancy .num ul {
    width: 100%;
    text-align: center
}

.mF_fancy .num ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 15px;
    border: 2px solid #9b9595;
    background: #9b9595;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    margin: 0 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px
}

.mF_fancy .num ul li:hover {
    background: #eaeaea
}

.mF_fancy .num ul li.current {
    background: #eaeaea;
    cursor: default
}

.mF_fancy .num ul li a {
    display: none
}

.mF_fancy .thumb {
    display: none;
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    z-index: 9
}

.mF_fancy .thumb ul {
    width: 120%
}

.mF_fancy .thumb ul li {
    display: inline-block !important;
    *display: inline !important;
    *zoom: 1;
    width: x;
    position: relative;
    visibility: hidden;
    cursor: pointer
}

.mF_fancy .thumb ul li img {
    width: 100%
}

.mF_fancy .next, .mF_fancy .prev {
    font: 700 53px/58px arial;
    width: 37px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 0;
    cursor: pointer;
    top: 40%
}

.mF_fancy .next {
    left: auto;
    right: 0
}

.mF_fancy .next a, .mF_fancy .prev a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.mF_fancy .next a:hover, .mF_fancy .prev a:hover {
    color: #9b9595
}

.mF_fancy .show a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.clearall {
    overflow: hidden;
    _overflow: visible;
    *zoom: 1
}

.clearcell {
    display: table-cell;
    *zoom: 1
}

.clearcell:after {
    clear: both;
    display: block;
    visibility: visible;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "
}

.nowrap {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.wrap {
    white-space: normal;
    word-wrap: break-word
}

.hidden, .hide {
    display: none
}

.unvisible {
    visibility: hidden
}

.clear {
    clear: both
}

.ellipsis {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    text-align: left
}

.ellipsis, .text-hide {
    white-space: nowrap;
    overflow: hidden
}

.text-hide {
    text-indent: 100%
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rmb, .yuan {
    font-family: arial;
    font-style: normal
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-justify {
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .text-justify:after {
        content: ".";
        display: inline-block;
        width: 100%;
        overflow: hidden;
        height: 0
    }
}

#page-nav > li .nav-hot, #page-nav > li .nav-tag, .sprites-sprite {
    background-image: url(../../e16.rok5.com/images/ab165e15b2dbfbcbd2507b9bb9508132.png) ;
    background-repeat: no-repeat
}

* {
    box-sizing: border-box
}

body {
    min-width: 1210px;
    font-size: 14px;
    line-height: 1.2;
    color: #222;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar
}

.pure-g, .pure-g [class*=pure-u], body, button, html, input, select, textarea {
    font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif
}

ul {
    padding-left: 0;
    list-style-type: none
}

a {
    color: inherit
}

a, a:focus, button, button:focus, input, input:active, input:focus {
    text-decoration: none;
    outline: 0
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.placeholder {
    color: #a4a4a4
}

::-webkit-input-placeholder {
    color: #a4a4a4
}

::-moz-placeholder {
    color: #a4a4a4
}

:-ms-input-placeholder {
    color: #a4a4a4
}

input:-moz-placeholder {
    color: #a4a4a4
}

.container {
    display: block;
    width: 1210px;
    margin: 0 auto;
    overflow: hidden
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.pure-button-primary {
    background-color: #074491;
    background-image: none
}

.pure-button-primary:focus, .pure-button-primary:hover {
    background-color: #095bc2;
    background-image: none
}

form .help-block {
    display: block
}

#page-header .container {
    overflow: visible
}

#page-header__top {
    padding: 7px 0;
    background-color: #363839;
    font-size: 9pt
}

#page-header__top ul {
    margin: 0 -15px 0 0
}

#page-header__top ul > li {
    padding: 0 15px 0 17px;
}

#page-header__top ul > li:first-child {
    border-left: 0
}

#page-header__top ul > li a {
    color: #d6d6d6
}

#page-header__top ul > li a:hover {
    color: #074491
}

#page-header__middle {
    overflow: visible
}

#page-header .logo {
    padding: 9pt 0 0
}

#page-header .logo a img {
    height: 55px
}

#page-header .pure-menu-horizontal li {
    vertical-align: inherit;
    color: #d6d6d6;
}

#page-header .pure-u-1 {
    width: 100%;
    background-color: #0d5abf;
    height: 3pc
}

#page-header__middle {
    font-size: 14px
}

#page-header__middle .city {
    float: left;
    position: relative;
    margin-top: 41px;
    padding-bottom: 23px;
    line-height: 1
}

#page-header__middle .city i {
    font-style: normal
}

#page-header__middle .city .name {
    font-size: 1pc
}

#page-header__middle .city .cut {
    padding: 0 10px 20px;
    color: #868686
}

#page-header__middle .city .city-open {
    position: absolute;
    top: 25px;
    left: -9px;
    width: 134px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    z-index: 201;
    text-align: left;
    border-radius: 6px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .1)
}

#page-header__middle .city .city-open .city-head {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 1pc;
    color: #868686;
    background-color: #eee
}

#page-header__middle .city .city-open ul {
    margin: 2px;
    color: #868686
}

#page-header__middle .city .city-open ul li {
    width: 100%;
    border-radius: 2px;
    cursor: pointer
}

#page-header__middle .city .city-open ul li:hover {
    color: #000;
    background-color: #f7f7f7
}

#page-header__middle .city .city-open ul li a {
    display: block;
    padding: 9px 1pc
}

#page-header__middle .head-right {
    float: right;
    margin-top: 26px;
    margin-bottom: 17px;
}

#page-header__middle .head-right .phone {
    float: left
}

#page-header__middle .head-right .number {
    float: left;
    font-size: 24px;
    margin-left: 5px;
    font-style: normal;
    color: #ec7628;
    line-height: 37px
}

#page-header__middle .head-right .wx-r {
    float: left;
    position: relative
}

#page-header__middle .head-right .wx-s {
    margin-left: 28px
}

#page-header__middle .head-right .note {
    margin: 0;
    margin-left: 11px;
    display: inline-block
}

#page-header__middle .head-right .note p {
    margin: 0;
    text-align: left
}

#page-header__middle .head-right .wx-l {
    position: absolute;
    top: 50px;
    left: -63px;
    z-index: 201;
    border: 1px solid #dcdcdc;
    background-color: #eee;
    padding: 10px
}

#page-header__middle .head-right .wx-l .tab-arrow {
    position: absolute;
    top: -8px;
    left: 75pt;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #eee;
    border: 1px solid #dcdcdc;
    border-left-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#page-header__middle .head-right .wx-l img {
    width: 200px;
    height: 200px
}

#page-nav {
    height: 3pc;
    line-height: 3pc;
    font-size: 1pc;
    margin: 0 auto
}

#page-nav > li {
    position: relative;
    float: left
}

#page-nav > li > a {
    display: block;
    padding: 0 36px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 18px;
}

#page-nav > li > a:hover,.active {
    background-color: #074491
}

#page-nav > li > a[disabled] {
    color: #fff;
    cursor: not-allowed
}

#page-nav > li .nav-tag {
    background-position: 0 -18px
}

#page-nav > li .nav-hot, #page-nav > li .nav-tag {
    position: absolute;
    top: 30px;
    right: 2px;
    display: block;
    width: 34px;
    height: 18px;
    background-color: transparent;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#page-nav > li .nav-hot {
    background-position: 0 0
}

#page-nav > li .res-day-time {
    display: block;
    position: absolute;
    padding-top: 3px;
    padding-bottom: 9px;
    top: -14px;
    right: -41px;
    width: 120px;
    height: 33px;
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    letter-spacing: normal;
    text-align: center;
    font-style: normal;
    z-index: 10;
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    background-image: url(../../e16.rok5.com/images/885392009d97c9c6006b4ba10dc6f47f.png) ;
    background-repeat: no-repeat
}

#page-nav > li .res-day-time span {
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    width: 2pc;
    height: 21px;
    line-height: 21px;
    text-align: center;
    background-color: #f6ef2f;
    color: #000;
    font-size: 17px;
    font-weight: 700
}

html {
    height: 100%
}

body {
    position: relative;
    min-height: 100%;
    height: auto
}

.last-section {
    padding-bottom: 420px !important
}

#page-footer {
    width: 100%;
    border-top: 5px solid #074491;
    color: #c2c2c2;
    background-color: #393b3c;
    float: left
}

#page-footer h6 {
    font-size: 1pc;
    margin-top: 0;
    padding-top: 1px;
    margin-bottom: 30px;
    cursor: default
}

#page-footer .about {
    padding: 0 20px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

#page-footer .about a {
    display: block;
    float: left;
    width: 110px;
    padding: 0 0 15px;
    margin-top: 15px;
    border-bottom: 1px solid #515253
}

#page-footer .about a:hover {
    color: #dcdcdc
}

#page-footer .contact {
    padding-left: 40px;
    position: relative
}

#page-footer .vcard {
    line-height: 1.5
}

#page-footer .vcard .adr, #page-footer .vcard .email, #page-footer .vcard .tel {
    position: relative;
    padding-left: 25px;
    margin: 10px 0
}

#page-footer .vcard .adr .icon, #page-footer .vcard .email .icon, #page-footer .vcard .tel .icon {
    position: absolute;
    top: 2px;
    left: 4px;
    color: #f64513
}

#page-footer .vcard .adr .name, #page-footer .vcard .email .name, #page-footer .vcard .tel .name {
    width: 14px;
    height: 14px;
    background-image: url(../../e16.rok5.com/images/f8bcf2b46ea8318ba8ae234e669d7348.png) ;
    background-repeat: no-repeat
}

#page-footer .vcard #qq_customer {
    margin-top: 15px;
    padding-left: 25px
}

#page-footer .qrcode {
    padding-left: 75pt
}

#page-footer .qrcode img {
    display: block;
    width: 150px;
    height: 150px;
    margin-top: 0;
    margin-right: 15px
}

#page-footer .qrcode p {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 1.8;
    font-size: 1pc
}

#page-footer .copyrights {
    width: 100%;
    height: 5pc;
    background-color: #2e2f2f;
    float: left
}

#page-footer .copyrights img {
    display: inline;
    vertical-align: middle
}

#page-footer .copyrights p {
    font-size: 14px;
    color: #eee;
    text-align: center;
}

#page-footer .copyrights .pure-u-1 {
    height: 5pc
}

#page-footer .logo {
    height: 31px;
    margin-left: 20px;
    margin-right: 40px
}
.flink{
    padding:10px 0;
}
.flink h2{
    display: inline-block;
    margin-right: 10px;
}
.flink a{
    display: inline-block;
    padding:0 5px;
}
#share {
    padding: 0 20px;
    margin-top: 20px
}

.sweet-alert button {
    margin: -4px 5px 20px
}

.sweet-alert h2 {
    font-size: 24px
}

#fast-nav {
    z-index: 21;
    position: fixed;
    right: 3%;
    bottom: 20%
}

#fast-nav ul {
    position: relative;
    list-style-type: none
}

#fast-nav ul li {
    position: relative;
    text-align: right
}

#fast-nav ul li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 1.1;
    letter-spacing: 2px;
    font-size: 1pc;
    padding: 9pt 11px 9pt 13px;
    color: #fff
}

#fast-nav ul li .yuyuezx {
    background-color: #00408f
}

#fast-nav ul li .service-objects {
    background-color: #ee6216
}

#fast-nav ul li .brands-show {
    background-color: #06724a
}

#fast-nav ul li .promise {
    background-color: #434343;
    padding: 11px 13px 13px;
    line-height: 34px;
}

#fast-nav ul li .icon-arrow-up2 {
    display: block;
    text-align: center;
    font-size: 15px;
    padding-bottom: 7px;
    color: #fff
}

#fast-nav ul .wxss {
    display: none;
    width: 164px;
    height: 191px;
    position: absolute;
    top: 57px;
    right: 74px;
    background-color: #434343
}

#fast-nav ul .wxss img {
    width: 150px;
    height: 150px;
    margin: 7px
}

#fast-nav ul .wxss p {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 0 4px;
    line-height: 1
}

#fast-nav ul .wxss .right {
    position: absolute;
    top: 81px;
    left: 149px;
    border: 9px solid transparent;
    border-left-color: #434343;
    -webkit-transition: all 1s;
    transition: all 1s;
    -ms-transform: translate3d(15px, 0, 0);
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

#fast-nav ul .wxshow {
    display: block
}

.modal {
    top: 60px;
    left: 50%;
    width: 765px;
    margin: 0 auto;
    margin-left: -375px;
    z-index: 1050;
    background-color: #fff;
    display: none;
    border-radius: 30px;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s
}

.modal .modal-header {
    height: 70px;
    line-height: 70px;
    background-color: #08a369
}

.modal .modal-header .icon-cross {
    position: absolute;
    right: 25px;
    top: 23px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.modal .modal-header h4 {
    font-size: 30px;
    color: #fff;
    margin: 0;
    text-align: center;
    letter-spacing: 2px
}

.modal .modal-content #appointment_zx {
    padding: 30px 63px 0
}

.modal .modal-content #appointment_zx .pure-u-1-2 {
    float: left;
    height: 46px;
    line-height: 46px
}

.modal .modal-content #appointment_zx .pure-u-1-2 label {
    display: inline-block;
    float: left;
    width: 81px;
    vertical-align: middle;
    text-align: right;
    margin-right: 18px;
    font-size: 1pc
}

.modal .modal-content #appointment_zx .pure-u-1-2 label .icon {
    color: red;
    font-size: 24px;
    position: relative;
    top: 7px;
    left: -2px;
    margin-right: 3px
}

.modal .modal-content #appointment_zx .pure-u-1-2 input[type=text] {
    width: 500px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding: 0 9pt
}

.modal .modal-content #appointment_zx .pure-u-1-2 input.area, .modal .modal-content #appointment_zx .pure-u-1-2 input.uname {
    float: left;
    width: 204px
}

.modal .modal-content #appointment_zx .pure-u-1-2 input.community, .modal .modal-content #appointment_zx .pure-u-1-2 input.tel {
    float: left;
    width: 220px
}

.modal .modal-content #appointment_zx .pure-u-1-2:first-child {
    margin-top: 0
}

.modal .modal-content #appointment_zx .bot {
    margin-bottom: 21px
}

.modal .modal-content #appointment_zx .pure-control-group {
    padding-top: 15px;
    clear: both;
    height: 46px;
    line-height: 46px
}

.modal .modal-content #appointment_zx .pure-control-group label {
    display: inline-block;
    float: left;
    width: 81px;
    vertical-align: middle;
    text-align: right;
    margin-right: 18px;
    font-size: 1pc
}

.modal .modal-content #appointment_zx .pure-control-group label .icon {
    color: red;
    font-size: 24px;
    position: relative;
    top: 7px;
    left: -2px;
    margin-right: 3px
}

.modal .modal-content #appointment_zx .pure-control-group .city {
    display: inline-block;
    position: relative;
    float: left;
    width: 517px !important;
    margin-right: 21px
}

.modal .modal-content #appointment_zx .pure-control-group .city input[type=text] {
    float: left;
    width: 538px
}

.modal .modal-content #appointment_zx .pure-control-group .city .sele {
    display: inline-block;
    float: left;
    width: 45px;
    height: 47px;
    line-height: 47px;
    cursor: pointer;
    background-image: url(../../e16.rok5.com/images/c1c7c4517a9fe9ffd663c7745c05b487.png) ;
    background-repeat: no-repeat;
    background-color: #0057c2;
    background-position: 50%
}

.modal .modal-content #appointment_zx .pure-control-group .city .sele .list {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    margin: 0;
    width: 203px;
    background-color: #0057c2
}

.modal .modal-content #appointment_zx .pure-control-group .city .sele .list li {
    line-height: 1;
    font-size: 1pc;
    padding: 8px 1pc;
    color: #fff
}

.modal .modal-content #appointment_zx .pure-control-group .city .active {
    background-image: url(../../e16.rok5.com/images/8a032bcfdb6c3c36903788e1fc212d34.png)
}

.modal .modal-content #appointment_zx .pure-control-group .city .active .list {
    display: block
}

.modal .modal-content #appointment_zx .pure-control-group .region {
    position: relative;
    display: inline-block;
    float: left;
    width: 313px
}

.modal .modal-content #appointment_zx .pure-control-group .region input[type=text] {
    float: left;
    width: 267px
}

.modal .modal-content #appointment_zx .pure-control-group .region .sele {
    display: inline-block;
    float: left;
    width: 46px;
    height: 47px;
    line-height: 47px;
    cursor: pointer;
    background-image: url(../../e16.rok5.com/images/c1c7c4517a9fe9ffd663c7745c05b487.png) ;
    background-repeat: no-repeat;
    background-color: #0057c2;
    background-position: 50%
}

.modal .modal-content #appointment_zx .pure-control-group .region .sele .list {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    margin: 0;
    width: 313px;
    height: 2in;
    z-index: 1;
    overflow: scroll;
    background-color: #0057c2
}

.modal .modal-content #appointment_zx .pure-control-group .region .sele .list li {
    line-height: 1;
    font-size: 1pc;
    padding: 8px 1pc;
    color: #fff
}

.modal .modal-content #appointment_zx .pure-control-group .region .active {
    background-image: url(../../e16.rok5.com/images/8a032bcfdb6c3c36903788e1fc212d34.png)
}

.modal .modal-content #appointment_zx .pure-control-group .region .active .list {
    display: block
}

.modal .modal-content #appointment_zx .pure-control-group input[type=text] {
    width: 500px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    padding: 0 9pt
}

.modal .modal-content #appointment_zx .pure-control-group input.small {
    width: 58px
}

.modal .modal-content #appointment_zx .pure-control-group input.uname {
    float: left;
    width: 204px
}

.modal .modal-content #appointment_zx .pure-control-group .rad {
    display: inline-block;
    width: 500px;
    font-size: 1pc
}

.modal .modal-content #appointment_zx .pure-control-group .rad input[type=radio] {
    margin-left: 24px
}

.modal .modal-content #appointment_zx .pure-control-group .rad input[type=radio]:first-child {
    margin-left: 0
}

.modal .modal-content #appointment_zx .pure-control-group:first-child {
    padding-top: 0
}

.modal .modal-content #appointment_zx button {
    display: block;
    width: 200px;
    margin: 0 auto;
    height: 45px;
    border-radius: 25px;
    margin-top: 30px;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    padding: 0;
    letter-spacing: 2px;
    background-color: #0057c2
}

.modal .modal-content .note {
    display: block;
    font-size: 1pc;
    text-align: center;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 30px;
    letter-spacing: 2px
}

.modal .modal-content .note span {
    text-decoration: underline;
    color: #0057c2
}

.modal .modal-content .tips {
    color: #e0670e;
    font-size: 1pc;
    margin: 15px 0 27px 99px;
    letter-spacing: 2px
}

.modal .modal-content .erred {
    border: 1px solid red
}

.show {
    position: fixed;
    display: block
}

.modal-backdrop {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

#appointment__pin {
    height: 90pt
}

#appointment__top {
    height: 90pt;
    line-height: 90pt;
    font-size: 18px;
    color: #fff;
    background-color: #0d5abf;
    text-align: center;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

#appointment__top .container .pure-u-15-24 p {
    letter-spacing: 2px;
    margin: 0
}

#appointment__top .new {
    position: relative;
    bottom: 4px;
    font-size: 26px
}

#appointment__top .rmb {
    font-size: 24px
}

#appointment__top .num {
    position: relative;
    bottom: 2px;
    margin: 0 5px;
    font-size: 30px;
    color: #ffe747
}

#appointment__top sup {
    font-size: 50%;
    top: -.8em
}

#appointment__top form {
    font-size: 14px;
    line-height: 1
}

#appointment__top form input {
    height: 42px;
    box-shadow: none
}

#appointment__top form .container {
    overflow: visible
}

#appointment__top form .form-group {
    position: relative;
    top: 40px;
    display: inline-block;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

#appointment__top form .help-block {
    text-align: left;
    padding-left: 20px;
    margin: 5px 0
}

#appointment__top form input {
    border-color: #074491
}

#appointment__top form .rooms_size {
    padding-left: 60px;
    padding-right: 10px;
    font-weight: 700;
    float: left
}

#appointment__top form .rooms_size input {
    margin: 0 5px;
    padding: 13px 10px;
    width: 85px;
    border-radius: 0;
    text-align: center
}

#appointment__top form .rooms_size span {
    margin-left: 20px
}

#appointment__top form .rooms_size .help-block {
    color: #ff0;
    margin-left: 24px
}

#appointment__top form .price_count {
    text-align: left;
    font-weight: 700;
    float: left;
    width: 75pt
}

#appointment__top form .price_count span {
    display: block;
    text-align: center;
    width: 40px;
    height: 42px;
    color: #000;
    line-height: 42px;
    background-color: #fff
}

#appointment__top form .price_count button {
    position: absolute;
    left: 39px;
    display: block;
    width: 26px;
    line-height: 19px;
    border: none;
    font-size: 20px;
    color: #074491;
    background-color: #d3ecff
}

#appointment__top form .price_count .num_up {
    height: 20px;
    top: 0
}

#appointment__top form .price_count .num_down {
    height: 22px;
    top: 20px;
    border-top: 2px solid #b4dfff
}

#appointment__top form .price_count label {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 70px;
    top: 0;
    line-height: 42px
}

#appointment__top form .price_submit input {
    width: 300px;
    padding: 13px 18px
}

#appointment__top form .price_submit button {
    position: absolute;
    top: 2px;
    right: 3px;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 1.6;
    padding: 0;
    border-radius: 19px;
    color: #fff;
    font-size: 26px
}

#appointment__top form .price_submit button[disabled] {
    color: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-image: url(../../e16.rok5.com/images/3d1a8f610b7fd03830d48b0733f32f5b.gif) ;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 28px auto
}

#appointment__top form .price_submit button .icon {
    position: relative;
    top: 1px
}

#appointment__top.affix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 60px;
    line-height: 65px
}

#appointment__top.affix .form-group {
    top: 10px
}

hr {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, .2), transparent);
    border: 0;
    height: 1px;
    margin: 22px 0
}

.badge {
    font-weight: 400;
    margin-left: 5px;
    border-radius: 0;
    background-color: #4f82e9;
    padding: 3px 6px
}

a {
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

a:focus, a:hover {
    text-decoration: none
}

p.sub-text {
    font-style: normal;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    color: #555
}

.center-heading {
    text-align: center;
    margin-bottom: 40px
}

.center-heading h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-size: 30px
}

.center-heading p {
    font-size: 18px
}

.center-heading h2 strong {
    font-weight: 800
}

.center-line {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: auto
}

.center-heading p {
    margin-top: 10px
}

.overflow-hidden {
    overflow: hidden
}

.divide0 {
    width: 100%;
    height: 0
}

.divide2 {
    width: 100%;
    height: 2px
}

.divide3 {
    width: 100%;
    height: 3px
}

.divide5 {
    width: 100%;
    height: 5px
}

.divide10 {
    width: 100%;
    height: 10px
}

.divide15 {
    width: 100%;
    height: 15px
}

.divide20 {
    width: 100%;
    height: 20px
}

.divide25 {
    width: 100%;
    height: 25px
}

.divide30 {
    width: 100%;
    height: 30px
}

.divide35 {
    width: 100%;
    height: 35px
}

.divide40, .divide45 {
    width: 100%;
    height: 40px
}

.divide50 {
    width: 100%;
    height: 50px
}

.divide55 {
    width: 100%;
    height: 55px
}

.divide60 {
    width: 100%;
    height: 60px
}

.divide65 {
    width: 100%;
    height: 65px
}

.divide70 {
    width: 100%;
    height: 70px
}

.divide75 {
    width: 100%;
    height: 75px
}

.divide80 {
    width: 100%;
    height: 5pc
}

.divide85 {
    width: 100%;
    height: 85px
}

.margin10 {
    margin-bottom: 10px
}

.margin20 {
    margin-bottom: 20px
}

.margin30 {
    margin-bottom: 30px
}

.margin40 {
    margin-bottom: 40px
}

.no-padding {
    padding: 0
}

.no-padding.gray {
    background-color: #f5f5f5
}

.no-padding-inner h3 {
    text-transform: uppercase;
    font-weight: 700
}

.no-padding-inner {
    padding: 60px
}

@media (max-width: 568px) {
    .no-padding-inner {
        padding: 15px
    }
}

.margin-0 {
    margin: 0 !important
}

.wide-img-showcase-row {
    position: relative
}

.no-padding.img {
    background: url(../images/0661d9f51ae6da117d67a7c64dd5460b.jpg)  scroll center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%
}

.no-padding.img-2 {
    background: url(../../e16.rok5.com/images/667ddf74c44e2da3997d3638c6295e98.jpg)  scroll center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%
}

@media (max-width: 767px) {
    .no-padding.img {
        position: relative;
        height: 300px
    }
}

.navbar-default {
    font-family: Open Sans, sans-serif;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    min-height: 70px;
    padding: 10px 0;
    -ms-box-shadow: rgba(0, 0, 0, .11765) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .11765) 0 1px 3px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    clear: both;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #4f82e9;
    background-color: transparent
}

.navbar-brand {
    font-weight: 700;
    color: #000 !important;
    font-size: 30px;
    line-height: 20px;
    font-style: normal;
    text-transform: uppercase
}

.navbar-default .navbar-nav > li > a {
    color: #444;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Raleway, sans-serif
}

.navbar-default .navbar-nav > li > a:hover {
    color: #4f82e9
}

.navbar-brand img {
    width: 5pc;
    height: auto
}

.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 210px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    border: 1px solid #ddd
}

.search-dropdown {
    min-width: 244px !important
}

.navbar .dropdown-menu li a {
    color: #777;
    font-size: 9pt;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 500;
    padding: 9px 1pc;
    line-height: 1.42857143;
    text-transform: uppercase;
    font-family: Raleway, sans-serif
}

.dropdown-menu .label {
    margin-top: 6px
}

.navbar .dropdown-menu li a:hover {
    background-color: #f5f5f5
}

#header-top {
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee
}

.top-bar {
    min-height: 45px;
    line-height: 45px
}

.top-bar a {
    margin-right: 10px;
    font-size: 13px;
    color: #888
}

.top-bar a i {
    margin-right: 5px
}

.top-bar .sample-1right a i {
    margin-right: 5px;
    color: #999;
    width: 20px;
    height: 25px;
    display: inline-block;
    background-color: transparent;
    text-align: center;
    line-height: 25px;
    border-radius: 3px
}

.top-social {
    margin: 0;
    padding: 0
}

.top-social li {
    padding: 0
}

.top-social li a {
    font-size: 14px;
    color: #888;
    margin: 0;
    display: block
}

.top-social li a i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0;
    background-color: transparent;
    color: #777;
    border: 1px solid #999;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.top-social li a i:hover {
    color: #fff;
    background-color: #252525;
    border-color: #252525
}

.colored-top-social li, .colored-top-social li a, .colored-top-social li i {
    padding: 0;
    margin: 0
}

.top-bar-dark {
    background-color: #333
}

.socials-simple {
    padding: 0;
    margin: 0
}

.socials-simple li {
    line-height: 35px
}

.socials-simple li a {
    color: #bbb;
    font-size: 15px
}

.socials-simple li a:hover {
    color: #fff
}

.top-dark-right {
    margin: 0;
    padding: 0
}

.top-dark-right li {
    line-height: 35px;
    border-left: 1px solid #444;
    padding: 0 10px
}

.top-dark-right li, .top-dark-right li a {
    color: #bbb;
    font-size: 9pt
}

.top-dark-right li i {
    margin-right: 5px
}

.top-dark-right li a:hover {
    color: #fff
}

.topbar-icons {
    display: block
}

.topbar-icons i {
    margin: 0 !important;
    display: block
}

.search {
    display: none;
    left: 0;
    right: 15px;
    z-index: 99999
}

.search, .search .form-control {
    position: absolute;
    top: 0;
    height: 100%
}

.search .form-control {
    width: 99%;
    right: 0;
    border: 0;
    background-color: #fff;
    -ms-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.search-close {
    position: absolute;
    right: 9px;
    top: 5px;
    cursor: pointer
}

.yamm-content {
    padding: 25px;
    box-sizing: border-box;
    background-color: #fff
}

.dropdown-menu .divider {
    background-color: #222
}

.yamm-content h3.heading {
    border-bottom: none;
    margin: 0 0 5px;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.yamm-content h3:before {
    content: "";
    display: none
}

.yamm-content .mega-vertical-nav {
    margin-bottom: 30px
}

.yamm-content .mega-vertical-nav li a {
    padding: 8px 6px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: #666;
    border-bottom: 1px solid #fbfbfb;
    font-size: 9pt;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Raleway, sans-serif
}

.nav.mega-vertical-nav li a:hover {
    background-color: transparent;
    color: #4f82e9
}

.mega-contact p {
    margin: 0
}

.mega-contact i {
    color: #4f82e9;
    margin-right: 10px
}

.dropdown-form {
    padding: 10px 15px;
    min-width: 213px
}

.dropdown-form .form-control {
    height: 31px
}

.top-bar form {
    position: relative;
    margin: 0;
    padding: 0
}

.top-bar button {
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 9px;
    right: 13px;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    line-height: 15px
}

.top-bar form .form-control {
    border-radius: 20px;
    margin-top: 6px;
    width: 150px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top-bar .form-group {
    margin: 0
}

.top-bar .form-control:focus {
    width: 200px
}

.btn {
    font-weight: 600;
    letter-spacing: 0;
    font-family: Raleway, sans-serif;
    font-size: 9pt;
    text-transform: uppercase
}

.btn-lg {
    padding: 14px 28px 13px;
    font-size: 13px;
    font-weight: 700
}

.btn:focus, .btn:hover {
    outline: 0;
    color: #fff
}

.btn-xs {
    font-size: 9pt
}

.btn-theme-bg {
    border-color: #4f82e9;
    color: #fff;
    background-color: #4f82e9;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.btn i {
    margin-right: 10px
}

.btn-theme-bg:hover {
    background-color: #333;
    border-color: #333
}

.btn-theme-dark {
    background-color: #333;
    color: #fff;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.btn-theme-dark:hover {
    color: #fff;
    background-color: #4f82e9
}

.border-black {
    border: 1px solid #333;
    color: #000;
    background-color: transparent;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.border-black:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.border-white {
    border: 1px solid #fff;
    color: #fff;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.border-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.border-theme {
    border: 1px solid #4f82e9;
    color: #4f82e9;
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.border-theme:hover {
    background-color: #4f82e9;
    border-color: #4f82e9;
    color: #fff
}

.item-img-wrap {
    position: relative;
    text-align: center;
    overflow: hidden
}

.item-img-wrap img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%
}

.item-img-overlay, .item-img-overlay span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.item-img-overlay span {
    background: url(../../e16.rok5.com/images/37b6b16cb4a2da1e1cf48bc6ea2a3bda.png)  no-repeat center center #4f82e9;
    background: url(../../e16.rok5.com/images/37b6b16cb4a2da1e1cf48bc6ea2a3bda.png)  no-repeat center center rgba(79, 130, 233, .7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.item-img-wrap:hover .item-img-overlay span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.item-img-wrap:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 9pt;
    color: #7a7a7a;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.form-control, .form-control:focus {
    -ms-box-shadow: none;
    box-shadow: none;
    background: #fff
}

.form-control:focus {
    border-color: #bbb
}

.parallax {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    background-size: cover;
    background-attachment: fixed
}

#myCarousel {
    background: url(../../e16.rok5.com/images/0661d9f51ae6da117d67a7c64dd5460b.jpg)  no-repeat
}

.item-c-slide {
    height: 5in
}

.carousel-control {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    top: 45%;
    background-color: #4f82e9
}

.carousel-control i {
    font-size: 25px
}

.slide-text {
    margin-top: 90pt
}

.slide-text h1 {
    color: #fff;
    font-weight: 700;
    font-size: 75px;
    letter-spacing: .1em;
    line-height: 5pc;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.slide-text h1 b {
    color: #4f82e9 !important;
    font-weight: 700
}

.slide-text p {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    font-family: Open Sans, sans-serif;
    line-height: 30px
}

.slide-text h1 b {
    color: #fff
}

.slide-img img {
    margin-top: 40px
}

@media (max-width: 603px) {
    .slide-text h1 {
        font-size: 50px;
        line-height: 50px
    }
}

@media (max-width: 320px) {
    .slide-text h1 {
        font-size: 30px;
        line-height: 35px
    }
}

.slider-reg {
    width: 100%
}

@media (max-width: 767px) {
    .slider-reg.transparent-header-slider {
        margin-top: 50px
    }
}

.main-flex-slider {
    position: relative
}

.main-flex-slider .flex-control-nav {
    bottom: 10px;
    margin: 0;
    height: 14px;
    z-index: 10
}

.main-flex-slider .flex-control-paging li a {
    background-color: #fff !important;
    background-color: hsla(0, 0%, 100%, .7) !important;
    width: 26px;
    height: 8px;
    display: block;
    background: #fff;
    background: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 0;
    -ms-box-shadow: none;
    box-shadow: none
}

.main-flex-slider .flex-control-paging li a.flex-active {
    background-color: #4f82e9 !important
}

.slider-overlay {
    background: #000;
    background: rgba(0, 0, 0, .2);
    background-image: url(../../e16.rok5.com/images/c89978cfd4eaa97f882bd8f17f4a71ae.png) ;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.slider-text {
    text-align: center;
    margin-top: 30px
}

.slider-text h1 {
    font-size: 3.75em;
    color: #fff;
    padding: 5px 10px 0;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center
}

.slider-text p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 300
}

.slider-text p a {
    font-style: normal
}

@media (min-width: 1200px) {
    .slider-text {
        margin-top: 250px
    }
}

@media (max-width: 1024px) {
    .slider-text {
        margin-top: 150px
    }
}

@media (max-width: 768px) {
    .slider-text {
        margin-top: 90px
    }

    .slider-text h1 {
        font-size: 2em
    }
}

@media (max-width: 667px) {
    .slider-text {
        margin-top: 30px
    }

    .slider-text h1 {
        font-size: 2em
    }
}

@media (max-width: 533px) {
    .slider-text p a {
        display: none
    }
}

@media (max-width: 414px) {
    .slider-text p {
        display: none
    }

    .slider-text h1 {
        font-size: 1.5em;
        margin-top: 45px
    }
}

@media (max-width: 384px) {
    .slider-text h1 {
        font-size: 1.5em;
        margin-top: 45px
    }
}

.delay-1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay-3 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay-4 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.intro-text {
    padding: 60px 0;
    background-color: #eee
}

.intro-text h2 {
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 25px
}

.intro-text a {
    margin: 7px
}

#home-parallax {
    background: url(../../e16.rok5.com/images/252e19825214173f57b5d50d58b47c96.jpg)  no-repeat;
    padding: 190px 0
}

.typed-cursor {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite;
    color: #4f82e9
}

@keyframes blink {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@-webkit-keyframes blink {
    0%, to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.parallax-buttons {
    display: block;
    text-align: center;
    margin-top: 20px
}

.parallax-buttons a {
    display: inline-block;
    margin: 5px
}

h1.typed-text {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700
}

.typed-text .element {
    color: #4f82e9
}

#home-parallax p {
    color: #fff
}

@media (max-width: 568px) {
    h1.typed-text {
        font-size: 25px
    }
}

.services-wrap {
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #fff
}

.services-box {
    clear: both
}

.services-box-icon {
    background: transparent;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px
}

.services-box-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #4f82e9;
    color: #fff;
    font-size: 17px;
    border-radius: 50%
}

.services-box-info {
    padding-left: 65px
}

.services-box-info h4 {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px
}

.service-box i {
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    color: #4f82e9;
    font-size: 30px;
    background-color: #f7f9fa;
    border-radius: 50%;
    margin-bottom: 25px;
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.service-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500
}

.service-box:hover i {
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    color: #fff;
    background-color: #4f82e9
}

#services-bg-wrap {
    padding: 90px 0;
    background-color: #f7f9fa
}

.service-3-meta h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px
}

.white-bg {
    background-color: #fff !important;
    padding-top: 90px !important;
    padding-bottom: 50px !important
}

.service-4-meta h3 {
    font-weight: 700;
    margin-bottom: 5px
}

.blue-bg {
    background-color: #4f82e9;
    padding-top: 70px;
    padding-bottom: 40px
}

.blue-bg .services-box i {
    -ms-box-shadow: none;
    box-shadow: none;
    font-size: 50px;
    margin-right: 25px
}

.blue-bg .services-box .services-box-info {
    margin-left: 30px
}

.blue-bg .services-box .services-box-info h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px
}

.blue-bg .services-box .services-box-info p {
    color: #eee
}

.special-feature .section-title hr {
    border-color: #151515
}

.special-feature i {
    font-size: 65px;
    line-height: 75px;
    color: #4f82e9
}

.special-feature h4 {
    font-size: 1pc;
    margin-top: 25px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: #777
}

.special-feature .mask-top {
    width: 100%;
    background-color: #fff;
    padding: 55px 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.special-feature .mask-top h4:before {
    top: -18px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    right: 0;
    margin: -2px auto;
    position: absolute;
    width: 40px
}

.special-feature .s-feature-box:hover .mask-top {
    top: -200px;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.special-feature .s-feature-box {
    overflow: hidden;
    position: relative;
    height: 280px;
    border: 1px solid #f2f2f2;
    margin-bottom: 20px;
    cursor: pointer
}

.special-feature .mask-bottom {
    color: #333;
    padding: 20px 15px;
    width: 100%;
    position: absolute;
    bottom: -300px;
    height: 100%;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.special-feature .mask-bottom p {
    padding: 0 5px;
    font-size: 13px
}

.special-feature .mask-bottom h4 {
    margin: 15px 0 17px
}

.special-feature .s-feature-box:hover .mask-bottom {
    bottom: 0;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.special-feature .mask-bottom i {
    font-size: 38px;
    line-height: 50px
}

.service-box-4 .service-ico {
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    line-height: 30px;
    margin-top: 3px;
    float: left;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.service-ico i {
    color: #4f82e9
}

.service-box-4 .service-text {
    margin-left: 50px
}

.service-text a {
    color: #4f82e9
}

.service-text a i {
    margin-left: 5px;
    vertical-align: middle
}

.service-text h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1pc
}

.colored-boxed, .colored-boxed i {
    text-align: center
}

.colored-boxed i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid;
    background-color: transparent;
    border-radius: 50%;
    font-size: 30px
}

.colored-boxed.green i {
    color: #4f82e9;
    border-color: #4f82e9
}

.colored-boxed.dark i {
    color: #333;
    border-color: #333
}

.colored-boxed.blue i {
    color: #3b5998;
    border-color: #3b5998
}

.colored-boxed.red i {
    color: #cb2027;
    border-color: #cb2027
}

.colored-boxed h3 {
    font-size: 1pc;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
    text-transform: uppercase
}

.colored-boxed p {
    margin-top: 10px
}

.grabbing {
    cursor: url(../../e16.rok5.com/images/d817e1dba5bd5d891d0504bf1715807b.png)  8 8, move !important
}

.portfolio {
    padding: 60px 0;
    background-color: #f8f8f8
}

.work-desc {
    width: 100%;
    padding: 10px;
    background: #fff;
    border-top: none;
    position: relative
}

.work-desc:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100
}

.work-desc h3 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.owl-spaced .owl-item > div {
    margin: 5px
}

.work-desc span {
    font-weight: 600;
    font-style: normal;
    text-transform: lowercase;
    font-size: 11px;
    color: #777
}

.project-detail h3 {
    margin-bottom: 10px
}

.project-detail em {
    display: block
}

.full-width-3-work .work-desc {
    padding: 10px
}

h3.heading-progress {
    font-size: 9pt;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 0;
    text-transform: uppercase;
    color: #777
}

.progress {
    height: 15px;
    background: #e9e9e9;
    border-radius: 0
}

.progress, .progress-bar {
    line-height: 10px;
    -ms-box-shadow: none;
    box-shadow: none
}

.progress-bar {
    background: #4f82e9
}

.news-desc {
    padding: 15px 0
}

.news-desc h4 {
    margin: 0;
    font-weight: 500
}

.news-desc span {
    font-size: 9pt;
    font-weight: 400;
    font-style: normal
}

.news-desc span + span {
    padding-left: 30px
}

.latest-new {
    border: 1px solid #ddd
}

.blog-date {
    width: 60px;
    height: 60px;
    padding: 6px 5px;
    margin: -40px auto 10px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    border-radius: 5px;
    font-size: 36px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.blog-date span {
    font-weight: 400;
    font-size: 15px;
    display: block
}

.l-news-desc {
    padding: 10px 20px
}

.l-news-desc h3 {
    margin-bottom: 15px
}

ul.post-desc {
    padding: 0
}

ul.post-desc li {
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    color: #777
}

ul.post-desc li + li {
    padding-left: 15px
}

.blog-post {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 60px
}

.post-detail {
    margin-top: 25px;
    margin-bottom: 0;
    border-top: 1px solid #ebeaea;
    border-bottom: 1px solid #ebeaea;
    margin-left: 0
}

.post-detail li img {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    float: left;
    margin-right: 10px
}

.post-detail li + li {
    padding-left: 15px
}

.post-detail li {
    font-size: 11px;
    color: #777;
    font-weight: 600;
    vertical-align: middle;
    text-transform: uppercase
}

.post-detail li i {
    margin-right: 5px
}

.blog-post h2 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 500;
    text-transform: capitalize
}

.blog-left-img .post-detail {
    margin-top: 0
}

.about-author {
    background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 50px
}

.about-author img {
    width: 90pt;
    height: 90pt;
    float: left;
    margin-right: 10px;
    border-radius: 3px
}

.about-author p {
    overflow: hidden
}

.comment-list {
    padding-bottom: 5px;
    margin-bottom: 30px
}

.comment-post h4 img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    float: left
}

.comment-post p {
    overflow: hidden
}

.comment-form .form-contact .form-control {
    background-color: #f5f5f5
}

.timeline {
    padding: 20px 0;
    list-style: none;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #f5f5f5;
    left: 50%;
    margin-left: -1.5px
}

.timeline > li {
    margin-bottom: 40px;
    position: relative;
    width: 50%;
    float: left;
    clear: left
}

.timeline > li:after, .timeline > li:before {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both
}

.timeline > li > .timeline-panel {
    width: 94%;
    float: left;
    border: 1px solid #d4d4d4;
    position: relative
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline > li > .timeline-badge {
    color: #ccc;
    width: 24px;
    height: 24px;
    line-height: 50px;
    font-size: 1.4em;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 19px;
    right: -9pt;
    z-index: 9
}

.timeline > li > .timeline-badge i:hover {
    color: #4f82e9
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline > li > .timeline-panel .timeline-heading {
    padding: 5px
}

.timeline > li > .timeline-panel .timeline-heading img {
    width: 100%
}

.timeline .timeline-body {
    padding: 25px 15px
}

.timeline .timeline-body h2 {
    font-size: 20px;
    margin-bottom: 5px
}

.timeline-body .post-detail {
    margin: 5px 0
}

.timeline > li.timeline-inverted {
    float: right;
    clear: right;
    margin-bottom: 40px
}

.timeline > li:nth-child(2) {
    margin-top: 60px
}

.timeline > li.timeline-inverted > .timeline-badge {
    left: -9pt
}

@media (max-width: 992px) {
    .timeline > li > .timeline-panel:before {
        top: 31px;
        right: -11px;
        border-top: 11px solid transparent;
        border-left: 11px solid #ccc;
        border-bottom: 11px solid transparent
    }

    .timeline > li > .timeline-panel:after {
        top: 2pc;
        right: -10px;
        border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent
    }

    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-right-width: 11px;
        left: -11px
    }

    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-right-width: 10px;
        left: -10px
    }
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li {
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        float: left;
        clear: left
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 70px);
        width: -webkit-calc(100% - 70px)
    }

    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 1pc
    }

    ul.timeline > li > .timeline-panel {
        float: right
    }

    ul.timeline > li > .timeline-panel:before {
        top: 27px;
        right: -9pt;
        border-top: 9pt solid transparent;
        border-left: 9pt solid #ccc;
        border-bottom: 9pt solid transparent
    }

    ul.timeline > li > .timeline-panel:after {
        top: 28px;
        right: -11px;
        border-top: 11px solid transparent;
        border-left: 11px solid #fff;
        border-bottom: 11px solid transparent
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 9pt;
        left: -9pt;
        right: auto
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 11px;
        left: -11px;
        right: auto
    }

    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px
    }
}

.testimonials {
    background: url(../../e16.rok5.com/images/7e04f2d8580d1435e6e43c300996e4ef.jpg)  no-repeat;
    padding: 5pc 0
}

.testimonials .center-heading h2 {
    color: #fff
}

.testimonials h4 {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    font-style: normal;
    font-family: Open Sans, sans-serif
}

.testimonials h4 i {
    color: #4f82e9;
    margin-right: 5px
}

.testimonials p {
    color: #4f82e9;
    font-size: 25px;
    font-weight: 400;
    font-style: normal
}

.customer-img {
    max-width: 92px;
    margin: auto;
    margin-bottom: 25px;
    border-radius: 50%
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px !important;
    height: 8px !important;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius: 50%;
    background: #444 !important
}

.testimonials-v-2 {
    padding: 75pt 0;
    overflow: hidden
}

.testi-slide {
    text-align: center
}

.testi-slide img {
    width: 92px;
    height: 92px;
    border-radius: 50%
}

.testi-slide p {
    margin: 20px 0;
    font-size: 15px;
    font-weight: 300
}

.testi-slide i {
    color: #4f82e9;
    margin-right: 10px
}

.testi-slide h4 {
    font-weight: 400;
    font-size: 1pc;
    font-family: Open Sans, sans-serif !important;
    font-style: italic
}

.testi-slide .flex-control-paging li a {
    -ms-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    border: 2px solid #ccc;
    width: 8px;
    height: 8px
}

.testi-slide .flex-control-paging li a.flex-active {
    background: transparent !important;
    border: 2px solid #4f82e9
}

.quote {
    position: relative
}

.quote blockquote {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 14px;
    font-style: italic;
    border-radius: 8px
}

.quote blockquote p {
    color: #fff;
    padding: 25px 30px 45px
}

.quote blockquote:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 90px;
    width: 0;
    height: 0;
    border-top: .83333em solid #ccc;
    border-right: .86667em solid transparent
}

.quote.green blockquote {
    background-color: #4f82e9
}

.quote.green blockquote:before {
    border-top-color: #4f82e9
}

.quote.dark blockquote {
    background-color: #555
}

.quote.dark blockquote:before {
    border-top-color: #555
}

.quote-footer {
    margin: 10px 0
}

.quote-footer .quote-author-img img {
    float: left;
    max-width: 90px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-left: -5px;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    padding: 5px;
    background-color: #fff
}

.quote-footer h4 {
    font-size: 13px;
    margin-bottom: 4px
}

.quote-footer p {
    font-weight: 400;
    font-style: italic;
    font-size: 13px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #4f82e9 !important;
    padding: 7px 9pt
}

.panel-title i {
    margin-right: 10px;
    color: #4f82e9
}

#footer {
    background: #111;
    font-size: .9em;
    padding: 5pc 0 0;
    position: relative;
    clear: both
}

.footer-col h3 {
    color: #fff;
    margin-bottom: 35px;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 300;
    font-style: normal
}

.footer-col h3:first-letter {
    border-bottom: 1px solid #bbb
}

.f2-work li {
    margin: 2px
}

.f2-work li a img {
    width: 70px;
    height: 50px;
    border: 2px solid transparent;
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.f2-work li a:hover img {
    border-color: #4f82e9
}

.footer-btm {
    margin-top: 30px;
    padding: 20px;
    background-color: #0c0c0c;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.news-form .form-control {
    border-radius: 3px;
    height: 30px
}

@media (max-width: 767px) {
    .news-form {
        text-align: center !important
    }

    .news-form .form-control {
        margin-bottom: 10px
    }
}

#footer-option {
    background: #121214;
    border-top: 4px solid #e1e1e1;
    font-size: .9em;
    padding: 5pc 0 0;
    position: relative;
    clear: both
}

#footer-option .footer-col h3 {
    font-size: 25px;
    font-weight: 300;
    text-transform: capitalize;
    color: #fff
}

#footer-option .footer-btm {
    background-color: #0c0c0c
}

#footer-option .contact a {
    color: #777
}

#footer-option .contact a:hover {
    color: #4f82e9
}

.tweet ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tweet ul li {
    color: #777;
    font-weight: 500;
    padding: 8px 0;
    font-size: 15px
}

.tweet ul li:before {
    content: "\F099";
    font-family: FontAwesome;
    margin-right: 15px;
    font-size: 1pc;
    color: #4f82e9
}

.tweet ul li .date {
    padding: 3px 0;
    font-size: 9pt;
    font-weight: 400;
    text-transform: uppercase
}

.tweet ul li img {
    border-radius: 50%;
    margin-right: 10px
}

.tweet li a {
    color: #fff;
    font-size: 13px
}

.tweet li a:hover {
    color: #4f82e9
}

.latest-f-news li a {
    display: block;
    padding: 4px 0;
    color: #777
}

.latest-f-news li a i {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.latest-f-news li a:hover i {
    margin-left: 5px
}

.latest-f-news li a:hover {
    color: #fff
}

.social-1 {
    margin: 0;
    padding: 0
}

.social-1 li {
    padding: 0
}

.social-1 li a i {
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    text-align: center;
    color: #fff;
    font-size: 1pc;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.social-1 li a i:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.social-1 li a i.fa-facebook {
    background-color: #3b5998
}

.social-1 li a i.fa-twitter {
    background-color: #0084b4
}

.social-1 li a i.fa-google-plus {
    background-color: #c63d2d
}

.social-1 li a i.fa-pinterest {
    background-color: #cb2027
}

.social-1 li a i.fa-dribbble {
    background-color: #ea4c89
}

.soon-bg {
    background: url(../../e16.rok5.com/images/0661d9f51ae6da117d67a7c64dd5460b.jpg) ;
    padding: 75pt 0
}

.soon-bg h2 {
    color: #fff
}

.countdown_amount {
    display: block;
    font-size: 44px;
    padding-top: 25px;
    line-height: 20px;
    font-weight: 400;
    color: #fff
}

.countdown_section {
    display: inline-block;
    width: 90pt;
    height: 90pt;
    padding-top: 13px;
    margin: 10px;
    color: #fff;
    border-radius: 50%;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-align: center
}

.subscribe-form .form-control {
    height: 46px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.purchase-sec {
    padding: 30px 0;
    background: #4f82e9
}

.purchase-sec span {
    line-height: 40px;
    color: #fff;
    font-size: 25px;
    font-weight: 400
}

.fun-fact-wrap {
    background: url(../../e16.rok5.com/images/252e19825214173f57b5d50d58b47c96.jpg) ;
    background-repeat: repeat !important;
    padding-top: 75pt;
    padding-bottom: 70px
}

.facts-in {
    text-align: center
}

.facts-in h3 {
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: 700;
    color: #fff
}

.facts-in h3 i {
    font-size: 40px;
    margin-right: 20px;
    color: #4f82e9
}

.facts-in h4 {
    margin-bottom: 0;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 992px) {
    .facts-in {
        margin-bottom: 70px
    }
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 9pt;
    height: 9pt;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius: 20px;
    background: #4f82e9 !important
}

.static-bg {
    background: url(../../e16.rok5.com/images/69ced2baace81de19db93e75bb0218f0.jpg) ;
    padding-top: 230px;
    padding-bottom: 200px
}

.static-wrap {
    text-align: center
}

.static-wrap h3 {
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 0 0 1pc;
    margin: 0 0 35px;
    font-weight: 400;
    font-size: 44px;
    border-bottom: 1px solid #ccc;
    position: relative;
    color: #fff;
    line-height: 44px
}

.static-bg h3:before {
    content: "";
    height: 3px;
    background: #009ada;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #009ada), color-stop(100%, #04bfbf));
    background: -webkit-linear-gradient(45deg, #009ada 0%, #04bfbf 100%);
    background: linear-gradient(45deg, #009ada 0%, #04bfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ada', endColorstr='#04bfbf', GradientType=1);
    width: 60%;
    max-width: 100%;
    display: block;
    left: 0;
    bottom: -2px;
    position: absolute;
    left: 20%
}

.slider-flex h1 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.breadcrumb-wrap {
    padding: 30px 0;
    background-image: url(../../e16.rok5.com/images/66b590984b617d45564ce132639183e7.png) ;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    border-top: 1px solid #d2d3d4;
    border-bottom: 1px solid #d2d3d4
}

.breadcrumb-wrap h4 {
    margin: 0;
    font-size: 1pc;
    color: #333;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Open Sans, sans-serif
}

ol.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #333
}

ol.breadcrumb li {
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 1px
}

ol.breadcrumb li a {
    color: #333
}

.highlight-list li {
    font-family: Open Sans, sans-serif;
    font-size: 1pc;
    color: #777;
    line-height: 45px
}

.highlight-list li i {
    color: #4f82e9;
    margin-right: 10px
}

.team-wrap {
    padding: 3px 3px 20px;
    border: 1px solid #eee;
    text-align: center
}

.team-wrap h4 {
    margin-bottom: 3px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 17px
}

.team-wrap span {
    font-size: 10px;
    text-transform: uppercase;
    color: #777;
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}

.person-v2 {
    margin-bottom: 30px
}

.our-team-v-2 {
    padding-top: 70px;
    background-color: #f5f5f5;
    padding-bottom: 40px
}

.person-v2 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.person-v2 h3 {
    margin: 5px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 24px
}

.person-desc-v2 em {
    display: block;
    color: #777;
    margin-bottom: 10px
}

.price-wrap {
    border: 1px solid #e5e5e5
}

.price-title {
    padding: 10px 0;
    text-align: center
}

.price-title h4 {
    margin: 0
}

.price-price {
    padding: 15px 0;
    font-size: 36px;
    line-height: 40px;
    background-color: #444;
    margin: 0 -1px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    text-align: center
}

.price-price span {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #aaa
}

.price-features {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    text-shadow: 1px 1px 1px #fff;
    text-align: center
}

.price-features ul li {
    padding: 5px 0;
    border-top: 1px solid #e5e5e5
}

.price-features ul li:first-child {
    border-top: 0
}

.price-action {
    background-color: #e5e5e5;
    padding: 15px 0;
    text-align: center
}

.price-price.popular {
    background: #4f82e9;
    color: #fff
}

.price-price.popular span {
    color: #fff
}

.me-intro {
    background: url(../../e16.rok5.com/images/667ddf74c44e2da3997d3638c6295e98.jpg) ;
    padding: 200px 0
}

.me-intro h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.me-intro p {
    color: #fff
}

.me-hobbies h4 i {
    margin-right: 10px;
    color: #4f82e9;
    font-size: 25px
}

.services-me li {
    padding: 10px 0;
    font-size: 20px
}

.services-me li i {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 18px;
    background-color: #e5e5e5;
    color: #4f82e9
}

.contact-me {
    background-color: #eee;
    padding: 40px 0
}

p.dropcap:first-letter {
    display: block;
    float: left;
    font-size: 50px;
    line-height: 51px;
    margin: -1px 8px -2px 0;
    color: #4f82e9
}

#map-canvas {
    width: 100%;
    height: 300px
}

#contactForm .form-control {
    min-height: 45px;
    background-color: #fff
}

.form-contact form label {
    font-size: 15px;
    font-weight: 400;
    color: #777
}

.contact-info li a {
    color: #777
}

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

.help-block ul li, .required span {
    color: red
}

.error-digit {
    font-size: 150px;
    text-align: center;
    line-height: 150px;
    color: #4f82e9
}

.error-text h2 {
    font-weight: 400
}

.sidebar-box h4 {
    font-size: 14px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase
}

.search-widget {
    position: relative
}

.search-widget i {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777
}

.cat-list li {
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5
}

.cat-list li a, .cat-list li i {
    color: #888;
    margin-right: 10px
}

.cat-list li i {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cat-list li:hover i {
    margin-left: 5px
}

.cat-list li a:hover {
    color: #4f82e9
}

.popular-post li {
    padding-bottom: 20px
}

.popular-img {
    float: left;
    margin-right: 10px
}

.popular-img a img {
    width: 60px;
    height: 60px
}

.popular-desc {
    display: table
}

.popular-desc h5 {
    font-size: 17px;
    margin-bottom: 6px
}

.popular-desc h5 a {
    color: #000;
    font-weight: 600;
    font-size: 13px
}

.popular-desc h5 a:hover {
    color: #4f82e9
}

.popular-desc h6 {
    color: #777;
    font-style: normal;
    font-size: 9pt;
    font-weight: 600
}

.tag-list a {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 3px;
    padding: 3px 6px;
    color: #777;
    font-size: 9pt !important;
    background-color: #e5e5e5
}

.tag-list a:hover {
    background-color: #666;
    color: #fff
}

.quote-text {
    background-color: #f6f6f6;
    border-left: none;
    color: #555e6a;
    color: rgba(85, 94, 106, .8);
    font-size: 13px;
    line-height: 1.6;
    margin-top: 30px;
    padding: 26px;
    position: relative;
    border-radius: 5px;
    -ms-box-shadow: 0 3px 0 #35bdf6;
    box-shadow: 0 3px 0 #35bdf6
}

.quote-text:before {
    z-index: 3;
    border-top-color: #f6f6f6;
    bottom: -28px;
    left: 30px
}

.quote-text:after, .quote-text:before {
    border: 14px solid transparent;
    top: auto;
    right: auto
}

.quote-text:after {
    z-index: 2;
    border-width: 18px;
    border-top-color: #35bdf6;
    bottom: -36px;
    left: 26px
}

.quote-text:after, .quote-text:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute
}

.quote-pic {
    float: left;
    margin-right: 9pt;
    margin-left: 28px;
    width: 2pc;
    height: 2pc;
    border-radius: 1pc
}

.quote-author {
    display: inline-block;
    font-size: 13px !important;
    line-height: 1.3 !important
}

.quote-author strong {
    font-size: 14px;
    font-weight: 700;
    display: block
}

.login-form {
    padding: 20px;
    background-color: #f5f5f8
}

.login-form h3 span {
    color: #777;
    font-size: 15px
}

.btn-fb-login {
    background-color: #3b5998;
    color: #fff;
    border-radius: 3px
}

.login-form form a {
    display: inline-block;
    margin-left: 5px
}

@media (max-width: 320px) {
    .login-form form a {
        margin-top: 10px
    }
}

#clients-carousel {
    background-color: #424242;
    padding: 90px 0
}

#clients-carousel.light {
    background-color: #222
}

#clients-carousel .center-heading h2, #clients-carousel.light h3.heading {
    color: #fff
}

#clients-carousel .item {
    text-align: center
}

#clients-carousel p {
    color: #bbb
}

#cta-1 {
    padding: 40px 0;
    background-color: #4f82e9;
    text-align: center
}

#cta-1 h1 {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase
}

#cta-2 {
    padding: 30px 0;
    background-color: #f2f2f2;
    text-align: center
}

#cta-2 h1 {
    color: #333;
    margin-bottom: 15px;
    font-weight: 400
}

.panel-group {
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 1px rgba(0, 0, 0, .05)
}

.panel-group .panel {
    -ms-box-shadow: none;
    box-shadow: none
}

.panel-group .panel + .panel {
    margin-top: -2px
}

.panel-group .panel-heading {
    padding: 0;
    background: #fff;
    -ms-box-shadow: none;
    box-shadow: none
}

.panel-group .panel-body {
    font-size: 13px;
    background: #f9f9f9;
    -ms-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .03);
    font-family: Open Sans, sans-serif
}

.panel-group .panel-heading a {
    position: relative;
    display: block;
    padding: 9pt 40px 9pt 10px;
    font-size: 1pc;
    color: #505050;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
    font-weight: 500
}

.grid-wrap h4 {
    display: block;
    line-height: 35px;
    text-align: center;
    background-color: #f9f9fa;
    border: 1px solid #ddd
}

.element-buttons a {
    margin-bottom: 10px;
    margin-right: 5px
}

.tabs .nav-tabs {
    border-bottom: none
}

.tabs .nav-tabs li {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .tabs .nav-tabs li {
        width: 100%;
        float: none;
        margin-bottom: 2px
    }

    .tabs .nav-tabs li a {
        margin-right: 0 !important
    }

    .tabs .nav-tabs li.active a {
        border-bottom: 2px solid #dcdcdc !important
    }
}

.tabs .nav-tabs li a {
    background: #f7f7f7;
    margin-right: 2px;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: none !important;
    border-radius: 0;
    padding: 9pt 20px;
    color: #6d6d6d;
    position: relative
}

.tabs .nav-tabs li a:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 3px
}

.tabs .nav-tabs li a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px
}

.tabs .nav-tabs li a:hover {
    border-color: #f7f7f7
}

.tabs .nav-tabs > li > a .fa {
    margin-right: 4px
}

.tabs .nav-tabs li.active a {
    color: #4f82e9;
    border-left-color: #eee;
    border-right-color: #eee;
    background: #fff
}

.tabs .nav-tabs li.active a:after {
    background: #4f82e9
}

.tabs .nav-tabs li.active a:before {
    background: #fff
}

.tabs .nav-tabs li.active a:hover {
    border-bottom-color: #fff
}

.tabs .tab-content {
    padding: 15px;
    border: 1px solid #eee;
    background: #fff
}

.tab-content p {
    overflow: hidden
}

.tabs .tab-content:after, .tabs .tab-content:before {
    content: " ";
    display: table
}

.tabs .tab-content:after {
    clear: both
}

.tabs .tab-content p:last-child {
    margin-bottom: 0
}

.form-element .form-control {
    height: 31px
}

#video-wrap {
    display: table;
    width: 100%;
    height: 580px;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1
}

.fallback-image {
    background-image: url(../../e16.rok5.com/images/222a7c862188c90eeca9ec973dfd965f.jpg) ;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.video-wrap-content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 3
}

.video-wrap-content h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 50px
}

.video-wrap-content p {
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 25px
}

@media (max-width: 433px) {
    #video-wrap {
        background-color: #444;
        display: table;
        width: 100%;
        height: 100%;
        height: 25pc;
        overflow-x: hidden;
        overflow-y: hidden;
        vertical-align: middle;
        z-index: 1
    }

    .video-wrap-content h1 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 30px
    }

    .video-wrap-content p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 15px;
        margin-top: 15px
    }
}

.popover-test button {
    margin: 5px
}

.latest-tweets .tweet li {
    font-weight: 400
}

.latest-tweets .tweet li a {
    color: #4f82e9
}

.side-nav li {
    border-bottom: 1px solid #e9e9e9
}

.side-nav li a {
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    position: relative
}

.side-nav li a.active {
    color: #4f82e9
}

.side-nav li a i {
    margin-right: 10px
}

.gallery-bottom .pagination {
    margin-top: 0
}

.pagination > li > a, .pagination > li > span {
    background-color: #ccc;
    padding: 3px 9px;
    color: #fff;
    border: 0
}

.pagination > li > a {
    margin-right: 5px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4f82e9
}

.jobs-row h4.panel-title {
    font-weight: 400;
    text-align: left
}

.jobs-row h4.panel-title a {
    font-size: 15px
}

.jobs-row h4.panel-title em {
    font-weight: 400;
    font-size: 9pt;
    color: #999;
    display: block;
    margin-top: 0
}

.navbar-inverse {
    font-family: Open Sans, sans-serif;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    min-height: 70px;
    padding: 10px 0;
    -ms-box-shadow: -1px 1px 1px rgba(0, 0, 0, .1);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .1);
    background-color: #333;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #4f82e9;
    background-color: transparent
}

.navbar-inverse .navbar-brand {
    font-weight: 700;
    color: #fff !important;
    font-size: 30px;
    line-height: 20px;
    font-style: normal;
    text-transform: uppercase
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #4f82e9
}

#header-top.dark-header-top {
    background-color: #111;
    border-bottom-color: #222
}

#header-top.dark-header-top .top-bar a i, #header-top.dark-header-top .top-bar ul li {
    color: #fff
}

.navbar-inverse.transparent-header {
    background-color: transparent;
    -ms-box-shadow: none;
    box-shadow: none;
    padding: 10px 0;
    min-height: 50px
}

@media (max-width: 767px) {
    .navbar-inverse.transparent-header {
        background-color: #111 !important
    }
}

.header-center {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    padding: 25px 0
}

.header-center a {
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

.header-center span {
    display: block
}

.navbar-default.menu-header-center {
    padding: 0;
    min-height: 50px
}

.navbar-default.menu-header-center .navbar-nav > li {
    border-left: 1px solid #ddd
}

.search-area {
    padding: 20px 0;
    background-color: #f5f5f5
}

.search-area .form-control {
    height: 38px
}

.search-area .btn-lg {
    padding: 10px 17px 10px 25px;
    font-size: 9pt;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

span.results-number {
    display: block;
    color: #999;
    margin-bottom: 10px
}

.results-box h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0
}

.results-box h3 a {
    color: #4f82e9
}

.results-box h3 a:hover {
    text-decoration: underline
}

.results-box .btn {
    top: -1px;
    padding: 0;
    position: relative;
    color: #999;
    border: none;
    font-size: 13px
}

.results-box .btn:focus, .results-box .btn:hover {
    -ms-box-shadow: none;
    box-shadow: none
}

.link-ul {
    padding: 0;
    margin-bottom: 0
}

.link-ul li a, .link-ul li a.btn-link {
    color: #999;
    font-size: 13px;
    margin-right: 0;
    -ms-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize
}

.link-ul li {
    font-size: 9pt
}

.link-ul li a:hover {
    color: #4f82e9;
    text-decoration: underline
}

.results-box p {
    margin: 10px 0;
    color: #666;
    font-weight: 400
}

.results-sidebar-box ul li a {
    color: #999
}

.results-sidebar-box ul li a:hover {
    text-decoration: underline;
    color: #4f82e9
}

.results-sidebar-box h4 {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px
}

.view-all {
    color: #999;
    font-size: 9pt;
    display: block
}

.process h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 22px
}

.process-step {
    margin: 0 auto;
    width: 700px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    position: relative
}

.process-border {
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #dadada;
    height: 100%
}

.step {
    width: 700px;
    float: right;
    text-align: left;
    margin: 0 0 10px;
    padding: 10px 0 0 405px;
    position: relative
}

.step.even {
    float: left;
    text-align: right;
    padding: 10px 405px 0 0
}

.step h5 {
    color: #3f8dbf
}

.step .icon-square {
    position: relative;
    margin-left: 10px
}

.step.even .icon-square {
    margin-right: 10px
}

.step .icon-square:before {
    content: "";
    display: block;
    width: 65px;
    border-bottom: 1px solid #dadada;
    position: absolute;
    top: 35px;
    left: -65px
}

.step.even .icon-square:before {
    left: auto;
    right: -65px
}

.icon-square {
    display: inline-block
}

.icon-square i {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-align: center;
    color: #ddd;
    font-size: 40px;
    padding: 0;
    margin: 0 0 10px;
    display: table;
    width: 70px;
    height: 70px;
    border: 2px solid #ddd;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.step:hover .icon-square i {
    background-color: #4f82e9;
    color: #fff
}

.icon-square i:before {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.step h5 {
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 20px
}

@media (max-width: 767px) {
    .process-step {
        width: 100%
    }

    .step {
        width: 100%;
        margin: 0 0 30px;
        position: relative
    }

    .step, .step.even {
        float: none;
        text-align: center;
        padding: 0
    }

    .process-border, .step .icon-square:before {
        border: 0
    }
}

.process-inline {
    margin-top: 50px;
    padding-top: 5pc;
    background-color: #eee
}

.Process-col {
    padding: 5pc 30px;
    text-align: center
}

.Process-col.one {
    background-color: #000;
    background-color: rgba(0, 0, 0, .3)
}

.Process-col.two {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.Process-col.three {
    background-color: rgba(0, 0, 0, .7)
}

.Process-col.four, .Process-col.three {
    background-color: #000
}

.Process-col i {
    font-size: 40px;
    width: 5pc;
    height: 5pc;
    line-height: 5pc;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff
}

.Process-col h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin: 25px 0
}

body.invoice {
    background-color: #eceef4;
    border-radius: 5px
}

@media (min-width: 992px) {
    .container.invoice-outer {
        width: 970px;
        border-radius: 5px
    }
}

.invoice-outer {
    background-color: #fff;
    min-height: 25pc;
    padding: 15px;
    line-height: 22px;
    border: 1px solid #ddd
}

.invoice-header h2 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 26px
}

@media (min-width: 768px) {
    .invoice-header-right {
        text-align: right
    }

    .invoice-header-right h5 {
        margin-bottom: 0
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
        top: 60px
    }
}

.invoice-header-right h5 {
    font-size: 17px
}

.about-client ul strong {
    font-weight: 700;
    margin-right: 5px
}

.invoice .panel-default > .panel-heading {
    border-color: #ddd !important
}

.copyright-info {
    text-align: center;
    display: block;
    color: #999;
    font-size: 9pt
}

.footer-col.footer-3 h3 {
    text-transform: uppercase;
    font-size: 35px
}

.nav-tabs {
    border: 0
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #4f82e9;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #4f82e9;
    border-color: #4f82e9
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    text-transform: uppercase;
    border: 1px solid #ddd;
    padding: 6px 45px;
    border-radius: 4px 4px 0 0;
    margin-right: 20px
}

@media (max-width: 568px) {
    .nav-tabs > li > a {
        padding: 6px 25px
    }
}

.nav-tabs > li > a:hover {
    border-color: #4f82e9;
    background-color: transparent
}

.tab-content {
    margin-top: 40px;
    padding: 20px
}

.tab-content p a {
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: underline
}

.maintenance-page {
    background-color: #ddd
}

.maintenance-page .main-text {
    font-size: 40px;
    font-weight: 400;
    font-style: normal
}

.maintenance-page .main-text span {
    font-size: 20px;
    font-weight: 400;
    display: block;
    font-style: normal;
    margin-top: 30px
}

.maintenance-box h4 {
    color: #000;
    font-weight: 400
}

.maintenance-box i {
    font-size: 40px;
    margin-bottom: 20px
}

.dropdown-login-box {
    overflow: hidden;
    padding: 15px !important;
    min-width: 300px !important;
    background-color: #fff !important
}

.dropdown-login-box .btn {
    margin-top: 10px
}

.dropdown-login-box h4 {
    margin: 5px 0 10px
}

.dropdown-login-box h4 em {
    font-size: 9pt;
    color: #4f82e9;
    font-weight: 400
}

.dropdown-login-box input[type=checkbox] {
    margin: 5px -20px 0;
    line-height: normal
}

.dropdown-login-box p {
    margin: 0
}

.dropdown-login-box p a {
    color: #4f82e9
}

.dropdown-login-box p a:hover {
    color: #4f82e9;
    text-decoration: underline
}

#boxed {
    background-color: #f8f8f8
}

@media (min-width: 1200px) {
    .boxed-wrapper {
        margin: 0 auto;
        width: 1170px;
        background-color: #fff;
        -ms-box-shadow: 0 0 25px rgba(0, 0, 0, .16);
        box-shadow: 0 0 25px rgba(0, 0, 0, .16)
    }
}

.boxed-wrapper .tp-banner-container {
    margin: 0 auto
}

.boxed-wrapper .navbar-default {
    left: auto;
    width: auto;
    right: auto
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: -2px;
    left: 100%;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0
}

@media (max-width: 767px) {
    .dropdown-submenu > .dropdown-menu {
        padding-left: 20px
    }
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    top: 11px;
    right: 9px;
    font-size: 11px;
    content: "\F105";
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-family: FontAwesome
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 0
}

@media (max-width: 767px) {
    .dropdown-submenu > .dropdown-menu {
        display: block;
        margin-left: 15px
    }
}

.sky-form-columns .btn-lg {
    padding: 14px 28px 13px !important
}

.sky-form-columns .sky-form {
    -ms-box-shadow: none;
    box-shadow: none
}

.sky-form-columns .sky-form footer {
    border: 0;
    background-color: transparent;
    padding: 0
}

.sky-form-columns .sky-form fieldset {
    padding: 0
}

.contact-option-circle {
    text-align: center;
    background-color: #f5f5f5;
    padding: 25px;
    border-radius: 3px
}

.contact-option-circle i {
    font-size: 35px;
    color: #888;
    display: block;
    margin-bottom: 10px
}

.sky-form-columns .sky-form fieldset + fieldset {
    border-top: 0
}

.navbar .dropdown-menu.dark-dropdown {
    border: 1px solid #444
}

.navbar .dropdown-menu.dark-dropdown li a {
    color: #bbb
}

.navbar .dropdown-menu.dark-dropdown li a:hover {
    background-color: #444
}

.navbar .dropdown-menu.dark-dropdown, .navbar .dropdown-menu.dark-dropdown .yamm-content {
    background-color: #333
}

.navbar .dropdown-menu.dark-dropdown li a {
    border-color: #444
}

.navbar .dropdown-menu.dark-dropdown .yamm-content h3 {
    color: #fff
}

.navbar .dropdown-menu.dark-dropdown .dropdown-submenu .dropdown-menu li a {
    border-color: #444 !important
}

.footer-shop {
    background-color: #f5f5f5;
    padding-top: 60px
}

.footer-top {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

.footer-top .top-social li i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}

.footer-shop h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px
}

.shop-footer-main {
    padding-top: 30px
}

.shop-footer-main ul li {
    line-height: 28px
}

.shop-footer-main ul li a {
    color: #777;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 9pt
}

.shop-footer-main ul li a:hover {
    text-decoration: underline
}

.footer-shop .footer-btm {
    background-color: #ccc
}

.footer-shop .footer-btm p {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 9pt
}

.shop-services {
    padding-top: 5pc;
    padding-bottom: 50px;
    background-color: #333;
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .4)
}

.shop-services i {
    color: #4f82e9;
    margin-right: 15px
}

.shop-service-box h4 {
    color: #fff
}

.breadcrumb-light {
    background: url(../../e16.rok5.com/images/0661d9f51ae6da117d67a7c64dd5460b.jpg)  repeat fixed;
    background-size: cover;
    padding: 70px 0;
    border-bottom: 0
}

.breadcrumb-light h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px
}

.breadcrumb-light ol.breadcrumb li a {
    color: #fff
}

.breadcrumb-light ol.breadcrumb {
    color: #fff;
    font-weight: 400
}

.breadcrumb-light p {
    color: #fff;
    font-weight: 500;
    margin: 0
}

.product-col {
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative
}

span.sale-label {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 1pc;
    background-color: #c63d2d;
    color: #fff;
    border-radius: 3px
}

.product-desc-sh h4 {
    text-transform: capitalize
}

.product-col img {
    width: 100%
}

.product-desc-sh h4 a {
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase
}

.product-desc-sh span {
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
    color: red
}

.product-desc-sh del {
    margin-right: 10px;
    color: #777
}

.product-desc-sh {
    padding: 20px
}

@media (min-width: 992px) {
    .product-desc-sh {
        background-color: #f8f8f8
    }
}

.product-desc-sh .btn-default {
    letter-spacing: 0;
    font-weight: 600
}

.product-desc-sh .btn-default:hover {
    color: #000
}

.product-col img {
    display: block;
    margin: 0 auto
}

.shop-sidebar .popular-desc h5 {
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 14px
}

.shop-footer-list-menu li a {
    color: #777
}

.shop-footer-list-menu li a:hover {
    color: #fff
}

.shop-cart ol {
    padding: 0
}

.shop-cart ol li {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

.shop-cart ol li:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.shop-cart ol a {
    margin-top: 0 !important
}

.shop-cart ol li img {
    width: 70px;
    height: auto;
    float: left
}

.cart-desc {
    overflow: hidden;
    padding-left: 20px
}

.cart-desc h5 {
    margin: 0;
    font-weight: 400
}

.cart-item-price {
    display: block;
    color: #777
}

.cart-total {
    font-size: 20px;
    line-height: 34px
}

.sponsors-icons li i {
    font-size: 40px;
    color: #999
}

.detail-img-col {
    text-align: center
}

.detail-img-col img {
    display: block;
    margin: auto
}

.detail-img-sm img {
    width: 70px;
    height: 75pt;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 5px
}

.detail-content-right h3 {
    margin-bottom: 15px
}

.rating-list li {
    padding: 0
}

.rating-list li i.yellow {
    color: gold
}

.rating-list li i.gray {
    color: #bbb
}

.rating-list li.detail-price {
    padding-right: 10px;
    color: #4f82e9;
    font-weight: 400;
    font-size: 20px
}

.rating-list li.review a {
    padding-left: 10px;
    padding-right: 10px;
    color: #4f82e9;
    font-weight: 400;
    font-size: 14px
}

.rating-list li.admin-detail {
    padding-right: 20px
}

.bootstrap-touchspin {
    float: left;
    margin-right: 5px;
    width: 130px
}

.bootstrap-touchspin .form-control {
    height: 31px;
    margin-top: 5px
}

.product-feautres-list li {
    font-weight: 400;
    font-size: 13px;
    color: #777;
    line-height: 30px
}

.product-feautres-list li i {
    margin-right: 10px
}

.add-cart button {
    margin: 5px
}

.product-cat-text p {
    margin: 0
}

.review-box {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.review-box img {
    float: left;
    width: 60px;
    height: auto
}

.review-content {
    overflow: hidden;
    padding-left: 20px
}

.review-content p {
    font-size: 13px;
    color: #888;
    margin: 0
}

.review-content .rating-list {
    margin: 0
}

.sidebar-info-box .services-box-icon i {
    color: #fff
}

.sidebar-info-box .services-box-info h4 {
    margin-bottom: 5px
}

table.shopping-cart-table tr td, table.shopping-cart-table tr th {
    vertical-align: middle
}

.shopping-cart-container h3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #777
}

.colored-box {
    padding: 15px;
    background-color: #4f82e9;
    -ms-box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .2)
}

.colored-box i {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #4f82e9;
    margin-bottom: 15px
}

.colored-box h4 {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase
}

.colored-box p {
    color: #fff
}

.login-link {
    margin-bottom: 50px
}

.login-link a {
    color: #4f82e9
}

.sky-form-login-register .btn {
    padding: 8px 9pt;
    margin-left: 10px;
    margin-bottom: 10px;
    -ms-box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s;
    transition: all .3s
}

.sky-form-login-register .btn:hover, .sky-form-login-register .sky-form {
    -ms-box-shadow: none;
    box-shadow: none
}

.sky-form-login-register .sky-form {
    margin: 0;
    outline: 0;
    border: 1px solid #eee;
    color: #666
}

.sky-form-login-register .sky-form, .sky-form-login-register .sky-form.v2 {
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif
}

.sky-form-login-register .sky-form footer {
    background-color: #fff
}

.sky-form-login-register .sky-form .btn-link {
    color: #777
}

.sky-form-login-register h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1pc;
    margin-bottom: 0;
    margin-top: 30px;
    color: #777
}

.border-rits {
    text-align: center
}

.border-rits span {
    color: #687074;
    font-size: 14px;
    padding: 0 10px;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase
}

.border-rits span:before {
    top: 10px;
    height: 1px;
    width: 100%;
    content: " ";
    background: #ccc;
    position: absolute;
    left: 100%
}

.social-login-wrapper {
    padding: 50px 0;
    background-color: #222
}

.border-rits span:after {
    top: 10px;
    height: 1px;
    width: 100%;
    content: " ";
    background: #ccc;
    position: absolute;
    right: 100%
}

.social-login button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0 !important
}

.social-login .btn-facebook {
    background-color: #3b5998;
    color: #fff
}

.social-login .btn-twitter {
    background-color: #0084b4;
    color: #fff
}

.sky-form-login-register .sky-form .btn-block {
    margin: 0 !important
}

.sky-form-login-register.v2 .sky-form footer {
    border-top: 0
}

.sky-form-login-register .sky-form .button {
    font: 400 15px/39px 'Open Sans', Arial, sans-serif;
    background-color: #4f82e9
}

.social-1.reg-social li a i {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.items-list {
    margin-bottom: 40px
}

.items-list h3 {
    margin-bottom: 10px;
    text-transform: capitalize
}

.items-list img {
    width: 100%;
    margin-bottom: 20px
}

.items-list p {
    font-size: 13px;
    margin-bottom: 8px
}

.items-list .rate {
    color: #4f82e9;
    font-size: 18px
}

.shop-cart .btn-theme-bg {
    color: #fff !important
}

.shop-cart .btn-theme-bg:hover {
    background-color: #333 !important
}

.intro-text-default {
    padding: 5pc 0
}

.intro-text-default h4 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 30px
}

@media (max-width: 375px) {
    .intro-text-default h4 {
        font-size: 28px;
        line-height: 40px
    }
}

.intro-text-default p {
    font-size: 1pc
}

.intro-text-1 {
    background: #05101b;
    padding: 40px 0
}

.intro-text-1 h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}

.intro-text-1 h4 strong {
    color: #4f82e9;
    font-weight: 700
}

.intro-text-1 p {
    font-size: 1pc;
    font-weight: 400;
    color: #999
}

.intro-text-1 a {
    margin-top: 15px
}

.intro-text-1.light {
    background-color: #f5f5f5
}

.intro-text-1.light h4 {
    color: #333
}

.intro-2nd h3, .intro-text-1.light h4 {
    text-transform: uppercase;
    font-weight: 700
}

.intro-2nd h3 {
    line-height: 50px;
    font-size: 40px
}

.intro-2nd p {
    font-size: 15px;
    line-height: 35px;
    font-weight: 400;
    color: #777;
    margin: 30px 0
}

.testimonials-light {
    padding: 5pc 0;
    background-color: #f8f8f8
}

.testimonials-light h4 {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    color: #000;
    font-style: normal
}

.featured-work {
    background-color: #f5f5f5;
    padding-top: 60px;
    position: relative
}

.featured-work .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 0
}

.featured-work .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 9pt;
    border-radius: 0;
    background: #4f82e9;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.work-wrap {
    position: relative;
    display: block
}

.work-wrap .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: hsla(0, 0%, 100%, .85);
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: hidden;
    display: block
}

.work-wrap .img-overlay .inner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    margin-top: -51px
}

.work-wrap .img-overlay .inner-overlay h2 {
    color: #434343;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 18px;
    color: #4f82e9;
    margin-bottom: 6px;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.work-wrap .img-overlay .inner-overlay h2, .work-wrap .img-overlay .inner-overlay p {
    -ms-transform: translate3d(0, -400%, 0);
    -webkit-transform: translate3d(0, -400%, 0);
    transform: translate3d(0, -400%, 0)
}

.work-wrap .img-overlay .inner-overlay p {
    color: #333;
    margin-bottom: 20px
}

.work-wrap .img-overlay .inner-overlay a.link, .work-wrap .img-overlay .inner-overlay p {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.work-wrap .img-overlay .inner-overlay a.zoom {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.work-wrap .img-overlay .inner-overlay a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #4f82e9;
    text-align: center;
    margin: 0 5px;
    -ms-transform: translate3d(0, 400%, 0);
    -webkit-transform: translate3d(0, 400%, 0);
    transform: translate3d(0, 400%, 0)
}

.work-wrap .img-overlay .inner-overlay a i {
    font-size: 14px;
    color: #4f82e9;
    line-height: 40px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.work-wrap:hover .img-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.work-wrap:hover .img-overlay .inner-overlay a, .work-wrap:hover .img-overlay .inner-overlay h2, .work-wrap:hover .img-overlay .inner-overlay p {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fun-fact-wrap-light {
    background-color: #eee;
    padding-top: 75pt;
    padding-bottom: 70px
}

.fun-fact-wrap-light .facts-in h3 .counter {
    color: #000
}

.fun-fact-wrap-light .facts-in h4 {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: lowercase;
    font-style: normal
}

.fun-facts-bg {
    background: #4f82e9
}

.assan-box {
    margin-bottom: 30px
}

.assan-box img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.assan-box h4 {
    padding: 0 15px;
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    margin: 0;
    line-height: 55px
}

.assan-box p {
    padding: 0 20px
}

.events-bg {
    background: url(../../e16.rok5.com/images/0661d9f51ae6da117d67a7c64dd5460b.jpg) ;
    padding: 150px 0
}

.events-bg h2 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700
}

.events-bg h4 {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400
}

.event-digit-box h1 {
    font-weight: 400;
    color: #777;
    margin-bottom: 25px
}

.event-digit-box h4 {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700
}

.event-speakers {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #f7f7f7
}

.event-box {
    padding: 15px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
    margin-bottom: 15px
}

.event-box .author {
    color: #000;
    font-weight: 700;
    display: block
}

.event-box .title {
    margin: 15px 0
}

.event-box .time {
    padding: 6px 9pt;
    display: inline-block;
    color: #fff;
    background-color: #4f82e9
}

.event-box p {
    font-size: 13px
}

.event-gallery {
    padding: 5pc 0;
    background-color: #eee
}

.register-event {
    background: url(../../e16.rok5.com/images/252e19825214173f57b5d50d58b47c96.jpg) ;
    padding: 75pt 0
}

.register-event .center-heading h2, .register-event .center-heading p {
    color: #fff
}

.event-price-box {
    padding: 45px 15px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    text-align: center
}

.event-price-box h3 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 25px
}

.event-price-box h5 {
    font-size: 20px;
    margin: 0;
    text-transform: capitalize
}

.event-price-box h3, .event-price-box h5 {
    color: #fff
}

.register-text-box {
    text-align: center
}

.register-text-box h3 {
    color: #fff
}

.col-one-fourth {
    width: 25%;
    float: left
}

@media (max-width: 767px) {
    .col-one-fourth {
        width: 50%
    }
}

@media (max-width: 568px) {
    .col-one-fourth {
        width: 100%
    }
}

.mas-boxes-inner {
    padding: 0;
    margin-bottom: 30px;
    border: 1px solid #eee;
    border-bottom: 3px solid #f5f5f5;
    padding: 5px
}

.mas-blog-inner {
    padding: 20px;
    background-color: #fff
}

.mas-blog-inner h3 {
    text-transform: capitalize
}

.mas-blog-inner .post-detail {
    margin-top: 0;
    margin-bottom: 10px
}

.mas-blog-inner h3 {
    margin-bottom: 15px;
    font-weight: 400
}

.filter {
    text-align: center;
    margin-bottom: 30px
}

.filter li a.active {
    color: #4f82e9;
    border-color: #4f82e9
}

.filter li a {
    display: inline-block;
    margin: 3px 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-style: normal;
    color: #bbb;
    font-weight: 400;
    padding: 4px 9pt;
    border: 2px solid #f5f5f5;
    border-radius: 0
}

.filter li a:hover {
    color: #4f82e9;
    border-color: #4f82e9
}

.col-2-space .project-post {
    width: 50%;
    padding: 15px
}

.col-2-no-space .project-post {
    width: 50%;
    padding: 0;
    margin: 0
}

.col-3-space .project-post {
    width: 33.33%;
    padding: 15px
}

.col-3-no-space .project-post {
    width: 33.333%;
    padding: 0;
    margin: 0
}

.col-4-space .project-post {
    width: 25%;
    padding: 15px
}

.col-4-no-space .project-post {
    width: 25%;
    padding: 0;
    margin: 0
}

.col-5-no-space .project-post {
    width: 20%;
    padding: 0;
    margin: 0
}

@media (max-width: 767px) {
    .col-2-no-space .project-post, .col-2-space .project-post, .col-3-no-space .project-post, .col-3-space .project-post, .col-4-no-space .project-post, .col-4-space .project-post, .col-5-no-space .project-post {
        width: 50%
    }
}

@media (max-width: 568px) {
    .col-2-no-space .project-post, .col-2-space .project-post, .col-3-no-space .project-post, .col-3-space .project-post, .col-4-no-space .project-post, .col-4-space .project-post, .col-5-no-space .project-post {
        width: 100%
    }
}

.img-icon {
    position: relative;
    overflow: hidden
}

.img-icon img, .img-icon-overlay {
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.img-icon-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: #9eca45;
    background-color: rgba(158, 202, 69, .6)
}

.img-icon-overlay p {
    position: absolute;
    width: 100%;
    margin-top: -20px;
    top: 50%;
    text-align: center
}

.img-icon-overlay p a {
    display: inline-block;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .99);
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    text-align: center;
    color: #333;
    border-radius: 50%;
    font-size: 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.img-icon-overlay p a img {
    width: 20px;
    height: auto
}

.img-icon-overlay p a:hover {
    color: #4f82e9
}

.img-icon:hover .img-icon-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.img-icon:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.logo-side-nav {
    text-align: center;
    padding: 40px 20px
}

.dark-version.offcanvas-container .offcanvas {
    background-color: #fff;
    border-color: #f5f5f5
}

.offcanvas-toggle-left {
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    z-index: 1031;
    text-align: center;
    background-color: #4f82e9;
    border-radius: 0
}

.offcanvas-toggle-left:after {
    font-family: FontAwesome;
    content: "\F0C9";
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #fff
}

#offcanvas.in + .offcanvas-toggle-left:after {
    content: "\F00D";
    color: #fff
}

.offcanvas-toggle-right {
    display: block;
    padding: 0;
    margin: 0;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    z-index: 1031;
    text-align: center
}

.offcanvas-toggle-right:after {
    font-family: FontAwesome;
    content: "\F0C9";
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #fff
}

#offcanvas.in + .offcanvas-toggle-right:after {
    content: "\F00D";
    color: #999
}

#offcanvas .navbar-nav, #offcanvas .navbar-nav > li {
    float: none;
    margin: 0
}

.offcanvas-container .dropdown > a:before {
    font-family: FontAwesome;
    content: "\F107";
    position: absolute;
    left: auto;
    top: 15px;
    right: 26px;
    line-height: 1;
    color: #d1d1d1
}

#offcanvas .navbar-nav > li > a {
    color: #333;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px
}

#offcanvas .navbar-nav > li:last-child > a {
    border-bottom-color: transparent !important
}

#offcanvas .nav .open > a, #offcanvas .nav .open > a:focus, #offcanvas .nav .open > a:hover, #offcanvas .nav > li > a:focus, #offcanvas .nav > li > a:hover, #offcanvas .navbar-nav > li.active > a {
    color: #4f82e9;
    background-color: #fff
}

#offcanvas .dropdown-menu {
    position: static;
    width: 100%;
    float: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #fff;
    margin: 0
}

#offcanvas.offcanvas-right .dropdown-menu {
    overflow: hidden
}

#offcanvas .dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-color: #f7f7f7
}

#offcanvas.offcanvas-right .dropdown-menu > li > a {
    text-align: right;
    padding-left: 10px;
    padding-right: 20px
}

@media (max-width: 375px) {
    .navbar-offcanvas, .navmenu {
        width: 250px !important
    }
}

.construction-service-box {
    margin-bottom: 30px
}

.service-thumb {
    position: relative
}

.construction-service-box .services-desc h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px
}

.construction-service-box .services-desc p {
    margin-bottom: 5px;
    line-height: 27px
}

.constro-cta {
    background: url(../../e16.rok5.com/images/c11157d4c0b9385518728459b70f47fb.jpg) ;
    padding: 5pc 0;
    text-align: center
}

.constro-cta p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 20px
}

.constro-cta h1 {
    color: #fff;
    text-transform: uppercase
}

.constro-cta i {
    display: block;
    color: #fff;
    font-size: 50px
}

.constro-cta a {
    margin-top: 40px
}

.constro-cta a i {
    font-size: 9pt;
    margin-left: 5px;
    display: inline-block
}

.construction.testimonials-v-2 {
    background-color: #f5f5f5
}

.portfolio-cube .cbp-l-caption-buttonLeft, .portfolio-cube .cbp-l-caption-buttonLeft:hover, .portfolio-cube .cbp-l-caption-buttonRight, .portfolio-cube .cbp-l-caption-buttonRight:hover {
    background-color: #4f82e9
}

.cube-masonry .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    color: #fff;
    background-color: #4f82e9;
    border-color: #4f82e9;
    cursor: default
}

.cube-masonry .cbp-l-filters-alignRight .cbp-filter-counter {
    background: #4f82e9
}

.cube-masonry .cbp-l-filters-alignRight .cbp-filter-counter:before {
    border-top-color: #4f82e9
}

.btn-sweet-alert {
    margin: 5px
}

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}

.tp-caption.tp-hidden-caption, .tp-hide-revslider {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.whitedivider3px {
    color: #000;
    text-shadow: none;
    background-color: #fff;
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border: 0 none #000;
    font-size: 0;
    line-height: 0;
    min-width: 468px
}

.tp-caption.finewide_medium_white {
    font-size: 37px;
    line-height: 37px;
    font-weight: 300
}

.tp-caption.boldwide_small_white, .tp-caption.finewide_medium_white {
    color: #fff;
    text-shadow: none;
    font-family: Open Sans, sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border: 0 none #000
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800
}

.tp-caption.whitedivider3px_vertical {
    color: #000;
    text-shadow: none;
    background-color: #fff;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    min-width: 3px;
    min-height: 130px;
    border: 0 none #000
}

.tp-caption.finewide_small_white {
    font-size: 25px;
    font-weight: 300
}

.tp-caption.finewide_small_white, .tp-caption.finewide_verysmall_white_mw {
    color: #fff;
    text-shadow: none;
    line-height: 25px;
    font-family: Open Sans, sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border: 0 none #000
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    font-weight: 400;
    max-width: 470px;
    white-space: normal !important
}

.tp-caption.finewide_large_white {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 8px
}

.tp-caption.finewide_large_white, .tp-caption.finewide_medium_white {
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-family: Open Sans, sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    border: 0 none #000
}

.tp-caption.finewide_medium_white {
    font-size: 34px;
    line-height: 34px;
    letter-spacing: 5px
}

.tp-caption.huge_red {
    position: absolute;
    color: #df4b6b;
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: Oswald, sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    background-color: #2d3136;
    padding: 0
}

.tp-caption.middle_yellow {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px
}

.tp-caption.huge_thin_yellow, .tp-caption.middle_yellow {
    position: absolute;
    color: #fbd572;
    font-family: Ubuntu, sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.huge_thin_yellow {
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 20px
}

.tp-caption.big_dark {
    font-weight: 700;
    font-size: 70px;
    line-height: 70px
}

.tp-caption.big_dark, .tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-family: Open Sans;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_dark {
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 5px
}

.tp-caption.medium_grey {
    font-size: 20px;
    padding: 2px 4px;
    background-color: #888
}

.tp-caption.medium_grey, .tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-weight: 700;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.small_text {
    font-size: 14px
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700
}

.tp-caption.large_bold_white_25, .tp-caption.medium_text_shadow {
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0 5px 10px;
    border: 0 none #fff
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: Open Sans;
    color: #666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border: 0 none #ffd658
}

.tp-caption.very_large_text {
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-weight: 700;
    letter-spacing: -2px
}

.tp-caption.very_big_white, .tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.very_big_white {
    text-shadow: none;
    font-weight: 800;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #000
}

.tp-caption.very_big_black {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #fff
}

.tp-caption.modern_medium_fat, .tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat {
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: Open Sans, sans-serif
}

.tp-caption.modern_medium_fat_white {
    color: #fff;
    font-weight: 800
}

.tp-caption.modern_medium_fat_white, .tp-caption.modern_medium_light {
    position: absolute;
    text-shadow: none;
    font-size: 24px;
    line-height: 20px;
    font-family: Open Sans, sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light {
    color: #000;
    font-weight: 300
}

.tp-caption.modern_big_bluebg {
    font-weight: 800;
    background-color: #4e5b6c
}

.tp-caption.modern_big_bluebg, .tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-size: 30px;
    line-height: 36px;
    font-family: Open Sans, sans-serif;
    padding: 3px 10px;
    margin: 0;
    border-width: 0;
    border-style: none;
    letter-spacing: 0
}

.tp-caption.modern_big_redbg {
    font-weight: 300;
    padding-top: 1px;
    background-color: #de543e
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.black {
    color: #000;
    text-shadow: none
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.tp-caption a:hover {
    color: #ffa902
}

.tp-caption.thinheadline_dark {
    font-size: 30px;
    line-height: 30px
}

.tp-caption.thinheadline_dark, .tp-caption.thintext_dark {
    position: absolute;
    color: #000;
    color: rgba(0, 0, 0, .85);
    text-shadow: none;
    font-weight: 300;
    font-family: Open Sans;
    background-color: transparent
}

.tp-caption.thintext_dark {
    font-size: 1pc;
    line-height: 26px
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    background-color: rgba(0, 0, 0, .498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border: 0 none #000
}

.tp-caption.largeblackbg, .tp-caption.smoothcircle {
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: #000
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    padding: 0 20px 5px;
    text-shadow: none;
    border: 0 none #fff
}

.tp-caption.largepinkbg {
    color: #fff;
    background-color: #db4360
}

.tp-caption.largepinkbg, .tp-caption.largewhitebg {
    position: absolute;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: Open Sans;
    padding: 0 20px;
    border-radius: 0
}

.tp-caption.largewhitebg {
    color: #000;
    background-color: #fff
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: Open Sans;
    background-color: #67ae73;
    padding: 0 20px;
    border-radius: 0
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #fff;
    background-color: #000;
    letter-spacing: -1.5px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border: 0 none #fff
}

.tp-caption.excerpt, .tp-caption.large_bold_grey {
    text-decoration: none;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: Open Sans;
    color: #666;
    background-color: transparent;
    border: 0 none #ffd658
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    color: #666
}

.tp-caption.medium_thin_grey, .tp-caption.small_thin_grey {
    font-weight: 300;
    font-family: Open Sans;
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0;
    text-shadow: none;
    margin: 0;
    border: 0 none #ffd658
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    color: #757575
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: #ebebeb;
    width: 370px;
    height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border: 0 none #222
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    color: #34495e;
    background-color: transparent
}

.tp-caption.large_bold_darkblue, .tp-caption.medium_bg_darkblue {
    font-weight: 800;
    font-family: Open Sans;
    text-decoration: none;
    border: 0 none #ffd658
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #34495e;
    padding: 10px
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800
}

.tp-caption.medium_bold_red, .tp-caption.medium_light_red {
    font-family: Open Sans;
    color: #e33a0c;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border: 0 none #ffd658
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #e33a0c;
    padding: 10px
}

.tp-caption.medium_bg_red, .tp-caption.medium_bold_orange {
    font-weight: 800;
    font-family: Open Sans;
    text-decoration: none;
    border: 0 none #ffd658
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    color: #f39c12;
    background-color: transparent
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border: 0 none #ffd658
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: #a0b397;
    width: 250pc;
    height: 150px;
    border: 0 none #222
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800
}

.tp-caption.large_bold_white, .tp-caption.medium_light_white {
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border: 0 none #ffd658
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    padding: 0
}

.tp-caption.mediumlarge_light_white, .tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border: 0 none #ffd658
}

.tp-caption.mediumlarge_light_white_center {
    text-align: center
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: #7f8c8d;
    padding: 10px;
    border: 0 none #ffd658
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    padding: 0
}

.tp-caption.large_bold_black, .tp-caption.medium_light_black {
    font-family: Open Sans;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border: 0 none #ffd658
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    color: #34495e
}

.tp-caption.mediumlarge_light_darkblue, .tp-caption.small_light_white {
    font-weight: 300;
    font-family: Open Sans;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border: 0 none #ffd658
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    color: #fff
}

.tp-caption.roundedimage {
    border: 0 none #222
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    padding: 10px 20px 15px;
    border: 0 none #ffd658
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: Open Sans;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 15px 10px;
    text-shadow: none;
    border: 0 none #000
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: Open Sans;
    color: #fff;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border: 0 none #ffd658
}

.tp-caption.boxshadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: Open Sans, sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    right: 0
}

.tp-caption .backcorner, .tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-bottom: 40px solid #00a8ff;
    position: absolute;
    top: 0
}

.tp-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    left: -40px
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00a8ff;
    position: absolute;
    right: 0;
    top: 0
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../../e16.rok5.com/images/4912786eaa91c5f7b19d591426bb2ddd.png)  repeat-x top;
    font-family: arial, sans-serif;
    font-weight: 700;
    letter-spacing: -1px
}

.tp-simpleresponsive .button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(../../e16.rok5.com/images/ba8a54d683f09cb9f43c3c35294fd602.png)  repeat-x top
}

.tp-simpleresponsive .button.big:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .purchase:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: 400
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-simpleresponsive .button {
        padding: 2px 5px;
        line-height: 20px !important;
        font-size: 10px !important
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    box-shadow: 0 3px 0 0 #104d0b
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px 0 0 #0f3e68
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px 0 0 #7c1212
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    box-shadow: 0 3px 0 0 #a34c00
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    box-shadow: 0 3px 0 0 #222
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px 0 0 #555
}

.fullscreen-container, .fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    overflow: hidden
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    -webkit-filter: none !important;
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-bannershadow.tp-shadow1 {
    background: url(../../e16.rok5.com/images/e32b622cc793ecd8ae2df266efd7835a.png)  no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(../../e16.rok5.com/images/4b3c40d070971a9b27d933e26b56f422.png)  no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(../../e16.rok5.com/images/2132557fd6d693dc0f0277841fc1bad8.png)  no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo video, .fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.html5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #fff;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}

.html5vid .tp-revstop {
    width: 15px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none
}

.html5vid.videoisplaying .revicon-right-dir {
    display: none
}

.html5vid.videoisplaying .tp-revstop {
    display: block
}

.html5vid.videoisplaying .tp-video-play-button {
    display: none
}

.html5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(0, 0, 0)), color-stop(1, rgb(50, 50, 50)));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

.tp-video-button {
    background: #000;
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #eee;
    border-radius: 3px;
    cursor: pointer;
    line-height: 9pt;
    font-size: 9pt;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: 0
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-seek-bar, .tp-volume-bar {
    width: 100%;
    cursor: pointer;
    outline: 0;
    line-height: 9pt;
    margin: 0;
    padding: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.tp-dottedoverlay.twoxtwo {
    background: url(../../e16.rok5.com/images/bdc21cc00e9290a24aef7b34a0377dc4.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../../e16.rok5.com/images/969259228d87828935939c20a884fc24.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../../e16.rok5.com/images/32962e55384eb5f08af6d123119f98cf.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../../e16.rok5.com/images/678700e6b8d760b9990e3289611d60e3.png)
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px)
}

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../../e16.rok5.com/images/9ee6f56fe8ba89e63b6dc4a4d3245473.png) ;
    height: 40px;
    padding: 0 10px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(../../e16.rok5.com/images/d1c9f9a753be6aa09135d6b077b6bed4.png) ;
    height: 35px;
    padding: 0 10px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/1d9b619191601f6dee14cf5d6e302c49.png)  no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0;
    float: left;
    margin-top: 0;
    margin-left: 3px
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/a5045ded13f7bdafb40f39718882fe92.png)  no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/6087c55f214de2265a108c0178c74525.png)  no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/6087c55f214de2265a108c0178c74525.png)  no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/aba529a3d7abb00e184b48d68edc02e4.png)  no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../../e16.rok5.com/images/5abba4696745986d3c69eff14fe5332d.png)  no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets .bullet.selected, .tp-bullets.simplebullets .bullet:hover {
    background-position: top left
}

.tp-bullets.simplebullets.navbar .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
    background-position: bottom left
}

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}

.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow {
    background: url(../../e16.rok5.com/images/c7d7eee3ae27c6eea078e5b6c30c8763.png)  no-Repeat top left
}

.tp-leftarrow, .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    background: url(../../e16.rok5.com/images/21c9f3380e28a14fe7461d3c6ef29f64.png)  no-Repeat top left
}

.tp-leftarrow.round {
    background: url(../../e16.rok5.com/images/c58c78835c983ece519fa2354419cdc7.png)  no-Repeat top left
}

.tp-leftarrow.round, .tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round {
    background: url(../../e16.rok5.com/images/234c53e8bfca8b621dc83c0323dc38f5.png)  no-Repeat top left
}

.tp-leftarrow.round-old {
    background: url(../../e16.rok5.com/images/56458574dfbdc004d385499c968c516b.png)  no-Repeat top left
}

.tp-leftarrow.round-old, .tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round-old {
    background: url(../../e16.rok5.com/images/528f50a273ef6fa047f7376ca321d6d7.png)  no-Repeat top left
}

.tp-leftarrow.navbar {
    background: url(../../e16.rok5.com/images/f750ed4e89c4391ba1fb5d532a441467.png)  no-Repeat top left;
    margin-right: 6px
}

.tp-leftarrow.navbar, .tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 15px;
    float: left;
    margin-top: 9pt
}

.tp-rightarrow.navbar {
    background: url(../../e16.rok5.com/images/1609b70a465389bfe1944d108d55354c.png)  no-Repeat top left;
    margin-left: 6px
}

.tp-leftarrow.navbar-old {
    background: url(../../e16.rok5.com/images/1601a090cc9c29f61903040cbff16f9b.png)  no-Repeat top left;
    margin-right: 6px
}

.tp-leftarrow.navbar-old, .tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 9px;
    height: 1pc;
    float: left;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    background: url(../../e16.rok5.com/images/3036bdfc70e00499e5da821030e61b14.png)  no-Repeat top left;
    margin-left: 6px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}

.tp-leftarrow.square {
    background: url(../../e16.rok5.com/images/904f4a773b15b429b665a6c6e79ff104.png)  no-Repeat top left;
    margin-right: 0
}

.tp-leftarrow.square, .tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 9pt;
    height: 17px;
    float: left;
    margin-top: 0
}

.tp-rightarrow.square {
    background: url(../../e16.rok5.com/images/81d17d06ca481b690b3a116ba7a7f25b.png)  no-Repeat top left;
    margin-left: 0
}

.tp-leftarrow.square-old {
    background: url(../../e16.rok5.com/images/904f4a773b15b429b665a6c6e79ff104.png)  no-Repeat top left;
    margin-right: 0
}

.tp-leftarrow.square-old, .tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 9pt;
    height: 17px;
    float: left;
    margin-top: 0
}

.tp-rightarrow.square-old {
    background: url(../../e16.rok5.com/images/81d17d06ca481b690b3a116ba7a7f25b.png)  no-Repeat top left;
    margin-left: 0
}

.tp-leftarrow.default {
    background: url(../../e16.rok5.com/images/c7d7eee3ae27c6eea078e5b6c30c8763.png)  no-Repeat 0 0
}

.tp-leftarrow.default, .tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px
}

.tp-rightarrow.default {
    background: url(../../e16.rok5.com/images/21c9f3380e28a14fe7461d3c6ef29f64.png)  no-Repeat 0 0
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 75pt;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.tp-bullets.tp-thumbs .bullet.selected, .tp-bullets.tp-thumbs .bullet:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../images/ba593bd9fc9e07110f3dc74f728b3768.png) ;
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    bottom: 0;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets, .responsive .tparrows {
        display: none
    }
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none
}

.tp-simpleresponsive > ul > li {
    list-style: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../../e16.rok5.com/images/397e5bd80bc0fe4e18c1837deead5e72.png)  repeat
}

.tp-caption.slidelink a span {
    background: url(../../e16.rok5.com/images/397e5bd80bc0fe4e18c1837deead5e72.png)  repeat
}

.tparrows .tp-arr-imgholder, .tparrows .tp-arr-titleholder {
    display: none
}

.tparrows.preview1 {
    width: 75pt;
    height: 75pt;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}

.tparrows.preview1:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: revicons;
    color: #fff;
    font-size: 30px;
    width: 75pt;
    height: 75pt;
    text-align: center;
    background: #fff;
    background: rgba(0, 0, 0, .15);
    z-index: 2;
    line-height: 75pt;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.tp-rightarrow.preview1:after {
    content: '\E825'
}

.tp-leftarrow.preview1:after {
    content: '\E824'
}

.tparrows.preview1:hover:after {
    background: #fff;
    color: #aaa
}

.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview1 .tp-arr-iwrapper {
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows.preview1:hover .tp-arr-iwrapper {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tp-leftarrow.preview1 .tp-arr-imgholder, .tp-rightarrow.preview1 .tp-arr-imgholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 5pc;
        height: 5pc;
        line-height: 5pc;
        font-size: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 9pt
    }
}

.tp-bullets.preview1 {
    height: 21px
}

.tp-bullets.preview1 .bullet {
    cursor: pointer;
    position: relative !important;
    background: #000 !important;
    background: rgba(0, 0, 0, .15) !important;
    box-shadow: none;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid transparent !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview1 .bullet.last {
    margin-right: 0
}

.tp-bullets.preview1 .bullet.selected, .tp-bullets.preview1 .bullet:hover {
    box-shadow: none;
    background: #aaa !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid #fff !important
}

.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width .3s, background-color .3s, opacity .3s;
    transition: width .3s, background-color .3s, opacity .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: revicons;
    color: #aaa;
    font-size: 25px;
    margin-top: -9pt;
    -webkit-transition: color .3s;
    transition: color .3s
}

.tp-rightarrow.preview2:after {
    content: '\E81E';
    right: 18px
}

.tp-leftarrow.preview2:after {
    content: '\E81F';
    left: 18px
}

.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    visibility: hidden;
    position: relative;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0 10px
}

.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.tparrows.preview2.hovered {
    width: 300px
}

.tparrows.preview2:hover {
    background: #fff
}

.tparrows.preview2:hover:after {
    color: #000
}

.tparrows.preview2:hover .tp-arr-titleholder {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    position: absolute
}

.tp-bullets.preview2 {
    height: 17px
}

.tp-bullets.preview2 .bullet {
    cursor: pointer;
    position: relative !important;
    background: #000 !important;
    background: rgba(0, 0, 0, .5) !important;
    border-radius: 10px;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview2 .bullet.last {
    margin-right: 0
}

.tp-bullets.preview2 .bullet.selected, .tp-bullets.preview2 .bullet:hover {
    box-shadow: none;
    background: #fff !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #000 !important
}

.tp-arr-titleholder.alwayshidden {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: revicons;
        font-size: 20px;
        margin-top: -9pt
    }

    .tp-rightarrow.preview2:after {
        content: '\E81E';
        right: 11px
    }

    .tp-leftarrow.preview2:after {
        content: '\E81F';
        left: 11px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 9pt;
        line-height: 40px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: revicons;
        font-size: 14px;
        margin-top: -9pt
    }

    .tp-rightarrow.preview2:after {
        content: '\E81E';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\E81F';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: revicons;
        font-size: 14px;
        margin-top: -9pt
    }

    .tp-rightarrow.preview2:after {
        content: '\E81E';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\E81F';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }

    .tparrows.preview2:hover {
        width: 30px !important;
        height: 30px !important
    }
}

.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    -webkit-transform-style: flat
}

.tparrows.preview3:after {
    position: absolute;
    line-height: 70px;
    text-align: center;
    font-family: revicons;
    color: #aaa;
    font-size: 30px;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    width: 70px;
    height: 70px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.tparrows.preview3:hover:after {
    color: #000
}

.tp-rightarrow.preview3:after {
    content: '\E825'
}

.tp-leftarrow.preview3:after {
    content: '\E824'
}

.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, .75);
    display: table;
    min-height: 90px;
    top: -10px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0
}

.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0;
    padding-right: 70px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0;
    direction: rtl;
    padding-left: 70px
}

.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 1pc;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}

.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.tp-bullets.preview3 {
    height: 17px
}

.tp-bullets.preview3 .bullet {
    cursor: pointer;
    position: relative !important;
    background: #000 !important;
    background: rgba(0, 0, 0, .5) !important;
    border-radius: 10px;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview3 .bullet.last {
    margin-right: 0
}

.tp-bullets.preview3 .bullet.selected, .tp-bullets.preview3 .bullet:hover {
    box-shadow: none;
    background: #fff !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #000 !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3, .tparrows.preview3:after {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }

    .tparrows.preview3 .tp-arr-imgholder {
        min-width: 70px;
        height: 70px
    }

    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }

    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }

    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 1pc
    }
}

@media only screen and (max-width: 767px) {
    .tparrows.preview3, .tparrows.preview3:after {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
}

.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000
}

.tparrows.preview4:after {
    position: absolute;
    line-height: 110px;
    text-align: center;
    font-family: revicons;
    color: #fff;
    font-size: 20px;
    top: 0;
    left: 0;
    z-index: 0;
    width: 30px;
    height: 110px;
    background: #000;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview4:after {
    content: '>'
}

.tp-leftarrow.preview4:after {
    content: '<'
}

.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 90pt;
    top: 0;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 750pt;
    -webkit-transform-style: flat
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0
}

.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder, .tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview4 .tp-arr-imgholder2 {
    position: absolute;
    left: 180px
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}

.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 9pt;
    line-height: 25px;
    padding: 0 10px;
    text-align: left;
    position: relative;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows.preview4:after {
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}

.tp-leftarrow.preview4:after {
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media only screen and (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.tp-bullets.preview4 {
    height: 17px
}

.tp-bullets.preview4 .bullet {
    cursor: pointer;
    position: relative !important;
    background: #000 !important;
    background: rgba(0, 0, 0, .5) !important;
    border-radius: 10px;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview4 .bullet.last {
    margin-right: 0
}

.tp-bullets.preview4 .bullet.selected, .tp-bullets.preview4 .bullet:hover {
    box-shadow: none;
    background: #fff !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #000 !important
}

@media only screen and (max-width: 767px) {
    .tparrows.preview4 {
        width: 20px;
        height: 5pc
    }

    .tparrows.preview4:after {
        width: 20px;
        height: 5pc;
        line-height: 5pc;
        font-size: 14px
    }

    .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper {
        display: none !important
    }
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    background: url(../images/4b3afb84b2b71ef56df09997a350bd04.gif)  no-repeat center center;
    background-color: #fff
}

.tp-loader.spinner0, .tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    background-color: #fff
}

.tp-loader.spinner5 {
    background: url(../images/4b3afb84b2b71ef56df09997a350bd04.gif)  no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    to {
        -webkit-transform: scale(1.0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    to {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, to {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, to {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes tp-rotate {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%, to {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bounce {
    0%, to {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-transparentimg {
    content: "url(../assets/transparent.png)"
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1
}

@font-face {
    font-family: revicons;
    src: url(../font/2feb69ccb596730c72920c6ba3e37ef8.eot)
;
    src: url(../font/2feb69ccb596730c72920c6ba3e37ef8.eot#iefix)  format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" revicon-"]:before, [class^=revicon-]:before {
    font-family: revicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\E802'
}

.revicon-pencil-1:before {
    content: '\E831'
}

.revicon-picture-1:before {
    content: '\E803'
}

.revicon-cancel:before {
    content: '\E80A'
}

.revicon-info-circled:before {
    content: '\E80F'
}

.revicon-trash:before {
    content: '\E801'
}

.revicon-left-dir:before {
    content: '\E817'
}

.revicon-right-dir:before {
    content: '\E818'
}

.revicon-down-open:before {
    content: '\E83B'
}

.revicon-left-open:before {
    content: '\E819'
}

.revicon-right-open:before {
    content: '\E81A'
}

.revicon-angle-left:before {
    content: '\E820'
}

.revicon-angle-right:before {
    content: '\E81D'
}

.revicon-left-big:before {
    content: '\E81F'
}

.revicon-right-big:before {
    content: '\E81E'
}

.revicon-magic:before {
    content: '\E807'
}

.revicon-picture:before {
    content: '\E800'
}

.revicon-export:before {
    content: '\E80B'
}

.revicon-cog:before {
    content: '\E832'
}

.revicon-login:before {
    content: '\E833'
}

.revicon-logout:before {
    content: '\E834'
}

.revicon-video:before {
    content: '\E805'
}

.revicon-arrow-combo:before {
    content: '\E827'
}

.revicon-left-open-1:before {
    content: '\E82A'
}

.revicon-right-open-1:before {
    content: '\E82B'
}

.revicon-left-open-mini:before {
    content: '\E822'
}

.revicon-right-open-mini:before {
    content: '\E823'
}

.revicon-left-open-big:before {
    content: '\E824'
}

.revicon-right-open-big:before {
    content: '\E825'
}

.revicon-left:before {
    content: '\E836'
}

.revicon-right:before {
    content: '\E826'
}

.revicon-ccw:before {
    content: '\E808'
}

.revicon-arrows-ccw:before {
    content: '\E806'
}

.revicon-palette:before {
    content: '\E829'
}

.revicon-list-add:before {
    content: '\E80C'
}

.revicon-doc:before {
    content: '\E809'
}

.revicon-left-open-outline:before {
    content: '\E82E'
}

.revicon-left-open-2:before {
    content: '\E82C'
}

.revicon-right-open-outline:before {
    content: '\E82F'
}

.revicon-right-open-2:before {
    content: '\E82D'
}

.revicon-equalizer:before {
    content: '\E83A'
}

.revicon-layers-alt:before {
    content: '\E804'
}

.revicon-popup:before {
    content: '\E828'
}

.fullwidthbanner {
    width: 100%;
    position: relative
}

.rev-text-center {
    text-align: center;
    font-size: 24px;
    color: #fff !important;
    font-weight: 300;
    line-height: 30px
}

.rev-text-center, .rev-title-v1 {
    font-family: Open Sans, sans-serif !important
}

.rev-title-v1 {
    font-weight: 700;
    text-transform: uppercase
}

.rev-buttons a {
    color: #fff;
    margin: 5px
}

.rev-buttons .btn-theme-bg:hover {
    color: #fff
}

.rev-buttons .border-white:hover {
    color: #333
}

.tp-caption.modern_big_redbg {
    font-family: Open Sans, sans-serif !important
}

.slider-text-title {
    font-size: 50px;
    color: #fff
}

.uppercase-title {
    font-weight: 800;
    font-size: 45px;
    color: #fff;
    text-transform: uppercase
}

.lowercase-caption {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    line-height: 26px
}

.tp-banner-container {
    position: relative;
    max-width: 1170px;
    margin: 20px auto
}

.Ken-burns-heading {
    font-size: 60px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Raleway, sans-serif !important
}

.ken-burns-cap {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    font-family: Open Sans, sans-serif
}

.caption.title-2 {
    color: #fff;
    font-size: 3pc;
    line-height: 56px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Raleway, sans-serif
}

.caption.text {
    font-size: 1pc;
    font-weight: 300;
    color: #fff;
    font-family: Open Sans, sans-serif
}

.caption.title {
    font-size: 72px;
    line-height: 85px;
    font-weight: 700;
    font-family: Raleway, sans-serif
}

.caption.subtitle, .caption.title {
    color: #fff;
    text-transform: uppercase
}

.caption.subtitle {
    padding-left: 25px;
    border-left: 3px solid #bbb;
    font-size: 24px;
    line-height: 33px
}

.revo-slider-emphasis-text {
    font-size: 4pc;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: Open Sans, sans-serif
}

.revo-slider-caps-text {
    font-size: 1pc;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: Open Sans, sans-serif
}

.shop-slide-heading {
    color: #fff;
    font-size: 45px;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.shop-slide-text {
    color: #fff
}

.shop-discount {
    color: #fff;
    width: 5pc;
    height: 5pc;
    line-height: 5pc;
    text-align: center;
    background-color: #3498db;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.modern_big_bluebg {
    font-family: Open Sans, sans-serif !important;
    text-transform: uppercase
}

.text-center-top {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 60px;
    font-family: Raleway, sans-serif
}

.text-center-btm {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px !important
}

.left-tile-text {
    font-size: 50px
}

.left-tile-text, .vertical-title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Raleway, sans-serif
}

.vertical-title {
    font-size: 60px
}

.vertical-caption {
    color: #fff;
    font-size: 20px;
    font-weight: 300
}

#message_wrap{
    clear: both;
}

.lam_box .ow_links span{
    background: #08a369;
}
.lam_box .message-submit{
    box-shadow: none;
    background:#08a369;
}
.lam_box .ow_links h2 i{
    color: #000;
}