@font-face {
    font-family: thameen;
    src: url(https://www.fontstatic.com/fonts/thameen/thameen.eot?#iefix);
    src: local('ثمين'), local('thameen'), url(https://www.fontstatic.com/fonts/thameen/thameen.woff) format('woff')
}

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

:active,
:focus {
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #333
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #333
}

::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: #333
}

button {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

img {
    border: 0;
    vertical-align: top
}

input:-webkit-autofill {
    color: #fff !important
}

:focus,
button,
input {
    outline: 0 !important
}

img {
    vertical-align: middle
}

p {
    display: block;
    -webkit-margin-before: .1em;
    -webkit-margin-after: .1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a,
a:active,
a:focus,
a:hover {
    outline: 0;
    cursor: pointer
}

form,
p,
table,
ul {
    margin-bottom: 30px
}

:active,
:focus {
    outline: 0 !important
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
    outline: 0 none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: thameen, 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: var(--primary2dark);;
    position: relative;
    margin: 0 0 30px 0;
    line-height: 1.5;
    z-index: 0;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-size: 36px;
    margin: 0 0 44px 0
}

h2 {
    font-size: 30px;
    margin: 0 0 32px 0
}

h3 {
    font-size: 24px;
    letter-spacing: normal;
    margin: 0 0 32px 0
}

h4 {
    font-size: 18px;
    letter-spacing: normal;
    margin: 0 0 14px 0
}

h5 {
    font-size: 14px;
    letter-spacing: normal;
    margin: 0 0 20px 0
}

h6 {
    font-size: 12px;
    letter-spacing: normal;
    margin: 0 0 20px 0
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span {
    color: #1abc9c
}

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

:-moz-placeholder {
    color: #999
}

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

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

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-17 {
    font-size: 17px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-21 {
    font-size: 21px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-23 {
    font-size: 23px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-35 {
    font-size: 35px !important
}

.fs-40 {
    font-size: 40px !important
}

.fs-45 {
    font-size: 45px !important
}

.fs-50 {
    font-size: 50px !important
}

.fs-55 {
    font-size: 55px !important
}

.fs-60 {
    font-size: 60px !important
}

.fs-65 {
    font-size: 65px !important
}

.fs-70 {
    font-size: 70px !important
}

.fs-75 {
    font-size: 75px !important
}

.fs-80 {
    font-size: 80px !important
}

.fs-90 {
    font-size: 90px !important
}

.fs-100 {
    font-size: 100px !important
}

.fs-120 {
    font-size: 120px !important
}

.fs-130 {
    font-size: 130px !important
}

.fs-140 {
    font-size: 140px !important
}

.fs-150 {
    font-size: 150px !important
}

.fs-200 {
    font-size: 200px !important
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-9 {
    margin-bottom: 9px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-130 {
    margin-bottom: 130px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-18 {
    margin-top: 18px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mt-200 {
    margin-top: 200px !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 1px !important
}

.m-2 {
    margin: 2px !important
}

.m-3 {
    margin: 3px !important
}

.m-4 {
    margin: 4px !important
}

.m-5 {
    margin: 5px !important
}

.m-6 {
    margin: 6px !important
}

.m-7 {
    margin: 7px !important
}

.m-8 {
    margin: 8px !important
}

.m-9 {
    margin: 9px !important
}

.m-10 {
    margin: 10px !important
}

.m-12 {
    margin: 12px !important
}

.m-15 {
    margin: 15px !important
}

.m-18 {
    margin: 18px !important
}

.m-20 {
    margin: 20px !important
}

.m-25 {
    margin: 20px !important
}

.m-30 {
    margin: 30px !important
}

.m-35 {
    margin: 35px !important
}

.m-40 {
    margin: 40px !important
}

.m-45 {
    margin: 45px !important
}

.m-50 {
    margin: 50px !important
}

.m-60 {
    margin: 60px !important
}

.m-70 {
    margin: 70px !important
}

.m-80 {
    margin: 80px !important
}

.m-90 {
    margin: 90px !important
}

.m-100 {
    margin: 100px !important
}

.m-110 {
    margin: 110px !important
}

.m-120 {
    margin: 120px !important
}

.m-130 {
    margin: 130px !important
}

.m-140 {
    margin: 140px !important
}

.m-150 {
    margin: 150px !important
}

.m-200 {
    margin: 200px !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 1px !important
}

.p-2 {
    padding: 2px !important
}

.p-3 {
    padding: 3px !important
}

.p-4 {
    padding: 4px !important
}

.p-5 {
    padding: 5px !important
}

.p-6 {
    padding: 6px !important
}

.p-7 {
    padding: 7px !important
}

.p-8 {
    padding: 8px !important
}

.p-9 {
    padding: 9px !important
}

.p-10 {
    padding: 10px !important
}

.p-12 {
    padding: 12px !important
}

.p-15 {
    padding: 15px !important
}

.p-18 {
    padding: 18px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-35 {
    padding: 35px !important
}

.p-40 {
    padding: 40px !important
}

.p-45 {
    padding: 45px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-110 {
    padding: 110px !important
}

.p-120 {
    padding: 120px !important
}

.p-130 {
    padding: 130px !important
}

.p-140 {
    padding: 140px !important
}

.p-150 {
    padding: 150px !important
}

.p-200 {
    padding: 200px !important
}

.b-0 {
    border: 0 !important
}

.br-0 {
    border-right: 0 !important
}

.h-1 {
    height: 1px !important
}

.h-2 {
    height: 2px !important
}

.h-3 {
    height: 3px !important
}

.h-4 {
    height: 4px !important
}

.h-5 {
    height: 5px !important
}

.h-6 {
    height: 6px !important
}

.h-7 {
    height: 7px !important
}

.h-8 {
    height: 8px !important
}

.h-9 {
    height: 9px !important
}

.h-10 {
    height: 10px !important
}

.h-15 {
    height: 15px !important
}

.h-20 {
    height: 20px !important
}

.h-25 {
    height: 25px !important
}

.h-30 {
    height: 30px !important
}

.h-35 {
    height: 35px !important
}

.h-40 {
    height: 40px !important
}

.h-45 {
    height: 45px !important
}

.h-50 {
    height: 50px !important
}

.h-60 {
    height: 60px !important
}

.h-70 {
    height: 70px !important
}

.h-80 {
    height: 80px !important
}

.h-90 {
    height: 90px !important
}

.h-100 {
    height: 100px !important
}

.h-110 {
    height: 110px !important
}

.h-120 {
    height: 120px !important
}

.h-130 {
    height: 130px !important
}

.h-140 {
    height: 140px !important
}

.h-150 {
    height: 150px !important
}

.h-200 {
    height: 200px !important
}

.h-250 {
    height: 250px !important
}

.h-300 {
    height: 300px !important
}

.h-350 {
    height: 350px !important
}

.h-400 {
    height: 400px !important
}

.h-450 {
    height: 450px !important
}

.h-500 {
    height: 500px !important
}

.h-550 {
    height: 550px !important
}

.h-600 {
    height: 600px !important
}

.h-650 {
    height: 650px !important
}

.h-700 {
    height: 700px !important
}

.h-750 {
    height: 750px !important
}

.h-800 {
    height: 800px !important
}

.h-100p {
    height: 100vh !important
}

.h-75p {
    height: 75vh !important
}

.h-50p {
    height: 50vh !important
}

.h-33p {
    height: 33vh !important
}

.h-25p {
    height: 25vh !important
}

.h-20p {
    height: 20vh !important
}

.h-10p {
    height: 10vh !important
}

.font-style-italic {
    font-style: italic
}

.block {
    display: block !important
}

.block-inline {
    display: inline-block !important
}

.inline-block {
    display: inline-block !important
}

.justify {
    text-align: justify
}

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

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

.display-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99
}

.display-table-cell {
    display: table-cell;
    width: 100%;
    height: 100%
}

.vertical-align-middle {
    vertical-align: middle
}

.hide {
    display: none
}

img.float-left {
    margin: 0 20px 10px 0
}

img.float-right {
    margin: 0 0 10px 20px
}

ul>li>i {
    margin-right: 10px
}

.text-underline {
    text-decoration: underline !important
}

.no-text-underline {
    text-decoration: none
}

.btn>i {
    padding-right: 6px
}

.rtl {
    direction: rtl
}

.text-vertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width:1024px) {
    .text-md-center {
        text-align: center !important
    }

    .text-vertical {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

@media only screen and (max-width:760px) {
    .text-sm-center {
        text-align: center !important
    }
}

.border-top-1 {
    border-top: 1px solid #ddd
}

.border-top-2 {
    border-top: 2px solid #ddd
}

.border-top-3 {
    border-top: 3px solid #ddd
}

.border-bottom-1 {
    border-bottom: 1px solid #ddd
}

.border-bottom-2 {
    border-bottom: 2px solid #ddd
}

.border-bottom-3 {
    border-bottom: 3px solid #ddd
}

section.dark .border-bottom-1,
section.dark .border-bottom-2,
section.dark .border-bottom-3,
section.dark .border-top-1,
section.dark .border-top-2,
section.dark .border-top-3 {
    border-color: #555
}

.box-border-shadow {
    border: 1px solid rgba(0, 0, 0, .125);
    display: block;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15)
}

.text-default {
    color: #c6c6c6 !important
}

.text-info {
    color: #28a4c9 !important
}

.text-primary {
    color: #245580 !important
}

.top-left {
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.top-right {
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

.bottom-left {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto
}

.bottom-right {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}

.top-center {
    top: 0;
    bottom: auto;
    left: auto;
    right: auto
}

.bottom-center {
    top: auto;
    bottom: 0;
    left: auto;
    right: auto
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent)
}

section.dark hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
    background-image: linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent)
}

.box-default {
    color: #111;
    background-color: #c6c6c6 !important
}

.box-info {
    color: #fff;
    background-color: #28a4c9 !important
}

.box-primary {
    color: #fff;
    background-color: #245580 !important
}

.box-white {
    color: #111;
    background-color: #fff !important
}

.inline-search {
    display: block;
    position: relative;
    flex: none
}

.inline-search form button {
    background: rgba(0, 0, 0, 0);
    border-left: #e3e3e3 1px solid;
    font-size: 17px;
    width: 39px;
    height: 39px;
    line-height: 39px;
    vertical-align: bottom;
    position: absolute;
    right: 0
}

section.dark .inline-search form button {
    border-left: #666 1px solid;
    color: #999
}

section.dark .inline-search form button:hover {
    color: #fff
}

.shadow-0 {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.hover-shadow:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.rounded {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}

ul.list-icons {
    margin-left: 1.75em;
    position: relative
}

ul.list-icons>li {
    position: relative
}

ul.list-icons>li>i {
    position: absolute;
    left: -1.75em;
    width: 14px;
    text-align: center;
    top: 5px
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15)
}

.col-lg-5th,
.col-md-5th,
.col-sm-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left
}

.col-5-th {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

@media (min-width:768px) {
    .col-sm-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:992px) {
    .col-md-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1200px) {
    .col-lg-5th {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (max-width:992px) {
    .col-md-5th {
        width: 33%;
        float: none;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%
    }

    .col-md-5th.col-sm-5th {
        width: 20%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (max-width:769px) {
    .col-md-5th.col-sm-5th {
        width: 50%;
        float: none;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

table .btn {
    margin: 0 3px
}

section .nav-pills {
    display: inline-block
}

section .nav-pills>li.active>a,
section .nav-pills>li.active>a:focus,
section .nav-pills>li.active>a:hover,
section .nav-pills>li>a:focus,
section .nav-pills>li>a:hover {
    background-color: rgba(0, 0, 0, .1) !important
}

section .nav-pills>li>a {
    padding: 6px 15px;
    margin-bottom: 6px;
    letter-spacing: 1px
}

@media only screen and (max-width:550px) {
    section .nav-pills {
        background-color: rgba(0, 0, 0, .02)
    }

    section .nav-pills,
    section .nav-pills>li,
    section .nav-pills>li>a {
        display: block !important;
        float: none
    }
}

.pattern1 {
    background: url(../images/img/patterns/pattern1.png) repeat fixed
}

.pattern2 {
    background: url(../images/img/patterns/pattern2.png) repeat fixed
}

.pattern3 {
    background: url(../images/img/patterns/pattern3.png) repeat fixed
}

.pattern4 {
    background: url(../images/img/patterns/pattern4.png) repeat fixed
}

.pattern5 {
    background: url(../images/img/patterns/pattern5.png) repeat fixed
}

.pattern6 {
    background: url(../images/img/patterns/pattern6.png) repeat fixed
}

.pattern7 {
    background: url(../images/img/patterns/pattern7.png) repeat fixed
}

.pattern8 {
    background: url(../images/img/patterns/pattern8.png) repeat fixed
}

.pattern9 {
    background: url(../images/img/patterns/pattern9.png) repeat fixed
}

.pattern10 {
    background: url(../images/img/patterns/pattern10.png) repeat fixed
}

.pattern11 {
    background: url(../images/img/patterns/pattern11.png) repeat fixed
}

.bg-blue {
    background-color: #0074d9 !important
}

.bg-green {
    background-color: #2ecc40 !important
}

.bg-yellow {
    background-color: #ffdc00 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-white {
    background-color: #fff !important
}

.text-blue {
    color: #0074d9 !important
}

.text-green {
    color: #2ecc40 !important
}

.text-yellow {
    color: #ffdc00 !important
}

.text-orange {
    color: #ff851b !important
}

.text-white {
    color: #fff !important
}

.border-blue {
    border-color: #0074d9 !important
}

.border-green {
    border-color: #2ecc40 !important
}

.border-yellow {
    border-color: #ffdc00 !important
}

.border-orange {
    border-color: #ff851b !important
}

.border-white {
    border-color: #fff !important
}

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

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

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

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

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -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 {

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

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

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

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

@-webkit-keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {

    from,
    to {
        -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 {

    from,
    to {
        -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)
    }
}

@-webkit-keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

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

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

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

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

@keyframes rubberBand {

    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

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

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

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

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

@-webkit-keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

@keyframes shake {

    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

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

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

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

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

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

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

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

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

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

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

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes tada {

    from,
    to {
        -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 {

    from,
    to {
        -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)
    }
}

@-webkit-keyframes wobble {

    from,
    to {
        -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 {

    from,
    to {
        -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)
    }
}

@-webkit-keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@keyframes jello {

    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {

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

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

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

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

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

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

@keyframes bounceIn {

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

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

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

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

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

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

@-webkit-keyframes bounceInDown {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -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);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    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);
        -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);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -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);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    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);
        -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);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-float-left {
    float: left
}

.fa-float-right {
    float: right
}

.fa.fa-float-left {
    margin-right: .3em
}

.fa.fa-float-right {
    margin-left: .3em
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.fa.float-left {
    margin-right: .3em
}

.fa.float-right {
    margin-left: .3em
}

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

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

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

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

.fa-search:before {
    content: "\f002"
}

.fa-user:before {
    content: "\f007"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-home:before {
    content: "\f015"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-flag:before {
    content: "\f024"
}

.fa-font:before {
    content: "\f031"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-image:before {
    content: "\f03e"
}

.fa-edit:before {
    content: "\f044"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-group:before {
    content: "\f0c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-info:before {
    content: "\f129"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-toggle-up:before {
    content: "\f151"
}

.fa-toggle-right:before {
    content: "\f152"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-apple:before {
    content: "\f179"
}

.fa-android:before {
    content: "\f17b"
}

.fa-toggle-left:before {
    content: "\f191"
}

.fa-bank:before {
    content: "\f19c"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-edge:before {
    content: "\f282"
}

.fa-fa:before {
    content: "\f2b4"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-s15:before {
    content: "\f2cd"
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

@font-face {
    font-family: et-line;
    src: url(../fonts/et-line.eot);
    src: url(../fonts/et-line.eot?#iefix) format('embedded-opentype'), url(../fonts/et-line.woff) format('woff'), url(../fonts/et-line.ttf) format('truetype'), url(../fonts/et-line.svg#et-line) format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: et-line;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

@font-face {
    font-family: font-icons;
    src: url(../fonts/font-icons.eot);
    src: url(../fonts/font-icons.eot) format('embedded-opentype'), url(../fonts/font-icons.woff) format('woff'), url(../fonts/font-icons.ttf) format('truetype'), url(../fonts/font-icons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    display: inline-block;
    font-family: font-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-3x {
    font-size: 3em
}

.icon-4x {
    font-size: 4em
}

.icon-5x {
    font-size: 5em
}

.icon-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.icon-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.icon.float-left {
    margin-right: .3em
}

.icon.float-right {
    margin-left: .3em
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

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

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

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.icon-type:before {
    content: "\e600"
}

.icon-box:before {
    content: "\e601"
}

.icon-files:before {
    content: "\e605"
}

.icon-settings:before {
    content: "\e60f"
}

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

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

.icon-flag:before {
    content: "\e61f"
}

.icon-image:before {
    content: "\e631"
}

.icon-bars:before {
    content: "\e633"
}

.icon-align-left:before {
    content: "\e63b"
}

.icon-align-right:before {
    content: "\e63c"
}

.icon-align-center:before {
    content: "\e63d"
}

.icon-align-justify:before {
    content: "\e63e"
}

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

.icon-list:before {
    content: "\e648"
}

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

.icon-user2:before {
    content: "\e66e"
}

.icon-display:before {
    content: "\e691"
}

.icon-user3:before {
    content: "\e69c"
}

.icon-search2:before {
    content: "\e69e"
}

.icon-settings2:before {
    content: "\e69f"
}

.icon-data:before {
    content: "\e6b0"
}

.icon-android:before {
    content: "\e835"
}

.icon-html5:before {
    content: "\e842"
}

.icon-ie:before {
    content: "\e843"
}

.icon-linkedin:before {
    content: "\e858"
}

.icon-youtube:before {
    content: "\e860"
}

.icon-chrome:before {
    content: "\e865"
}

.icon-facebook:before {
    content: "\e86f"
}

.icon-login:before {
    content: "\e893"
}

.icon-search3:before {
    content: "\e6be"
}

.icon-user4:before {
    content: "\e6c3"
}

.icon-th:before {
    content: "\e6c6"
}

.icon-th-list:before {
    content: "\e6c7"
}

.icon-remove:before {
    content: "\e6c9"
}

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

.icon-list-alt:before {
    content: "\e6db"
}

.icon-flag2:before {
    content: "\e6dd"
}

.icon-font:before {
    content: "\e6ea"
}

.icon-italic:before {
    content: "\e6ec"
}

.icon-text-height:before {
    content: "\e6ed"
}

.icon-text-width:before {
    content: "\e6ee"
}

.icon-align-left2:before {
    content: "\e6ef"
}

.icon-align-center2:before {
    content: "\e6f0"
}

.icon-align-right2:before {
    content: "\e6f1"
}

.icon-align-justify2:before {
    content: "\e6f2"
}

.icon-list2:before {
    content: "\e6f3"
}

.icon-edit:before {
    content: "\e6fc"
}

.icon-external-link:before {
    content: "\e742"
}

.icon-facebook2:before {
    content: "\e74d"
}

.icon-globe:before {
    content: "\e75e"
}

.icon-group:before {
    content: "\e764"
}

.icon-link:before {
    content: "\e765"
}

.icon-copy:before {
    content: "\e769"
}

.icon-list-ul:before {
    content: "\e76e"
}

.icon-underline:before {
    content: "\e771"
}

.icon-table:before {
    content: "\e772"
}

.icon-linkedin2:before {
    content: "\e783"
}

.icon-user-md:before {
    content: "\e791"
}

.icon-mobile:before {
    content: "\e7ab"
}

.icon-collapse-alt:before {
    content: "\e7b6"
}

.icon-flag-alt:before {
    content: "\e7bc"
}

.icon-info:before {
    content: "\e7c7"
}

.icon-html52:before {
    content: "\e7d8"
}

.icon-css3:before {
    content: "\e7d9"
}

.icon-level-up:before {
    content: "\e7e4"
}

.icon-collapse:before {
    content: "\e7eb"
}

.icon-collapse-top:before {
    content: "\e7ec"
}

.icon-youtube2:before {
    content: "\e801"
}

.icon-apple:before {
    content: "\e812"
}

.icon-android2:before {
    content: "\e814"
}

.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border-color: transparent;
    overflow: hidden;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    letter-spacing: 0 !important;
    color: #eaeaea !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.social-icon:hover>i {
    color: #fff
}

.social-icon i {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 6px;
    font-size: 28px
}

.social-icon:hover i:first-child {
    margin-top: -38px
}

.social-icon:hover i:last-child {
    margin-top: 4px
}

@media only screen and (min-width:768px) {
    .social-icon {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .social-icon i {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
}

a.social-icon>i[class*=" icon-"],
a.social-icon>i[class^=icon-] {
    font-size: 15px;
    line-height: 1.7
}

a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm>i {
    width: 30px;
    height: 30px;
    margin-top: 3px;
    font-size: 17px;
    line-height: 23px
}

a.social-icon.social-icon-sm>i:last-child {
    padding-top: 7px
}

a.social-icon.social-icon-sm>i[class*=" icon-"],
a.social-icon.social-icon-sm>i[class^=icon-] {
    font-size: 17px
}

.social-facebook:hover {
    background-color: #3b5998 !important
}

.social-facebook {
    background-color: #3b5998
}

.social-android:hover {
    background-color: #a4c639 !important
}

.social-android {
    background-color: #a4c639
}

.social-linkedin:hover {
    background-color: #0e76a8 !important
}

.social-linkedin {
    background-color: #0e76a8
}

.social-youtube:hover {
    background-color: #c4302b !important
}

.social-youtube {
    background-color: #c4302b
}

a.social-icon.social-icon-border {
    background-color: transparent;
    border: #999 1px solid;
    color: #565656 !important;
    text-shadow: none
}

a.social-icon.social-icon-border:hover {
    border-color: transparent
}

a.social-icon.social-icon-border:hover>i {
    color: #fff !important
}

section.dark a.social-icon.social-icon-border {
    color: #fff !important
}

section.dark a.social-icon.social-icon-border:hover>i {
    color: #111 !important
}

a.social-icon.social-icon-dark {
    background-color: #444;
    text-shadow: none;
    color: #eee !important
}

a.social-icon.social-icon-dark:hover>i {
    color: #fff !important
}

section.dark a.social-icon.social-icon-dark {
    background-color: #111;
    color: #fff !important
}

a.social-icon.social-icon-transparent {
    background-color: transparent;
    text-shadow: none;
    color: #666 !important
}

a.social-icon.social-icon-transparent:hover>i {
    color: #fff !important
}

section.dark a.social-icon.social-icon-transparent {
    color: #999 !important
}

section.dark a.social-icon.social-icon-transparent:hover>i {
    color: #fff !important
}

.btn,
.btn-group .btn {
    line-height: 1
}

.btn-group.float-right,
.btn.float-right {
    margin: 5px 0 5px 5px
}

.btn-shadow-1,
.shadow-1 {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .065);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .065)
}

.btn-shadow-1:active,
.btn-shadow-1:focus,
.shadow-1:active,
.shadow-1:focus {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .065) !important;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .065) !important
}

.btn-dark {
    color: #fff !important;
    background-color: #000
}

.btn-dark:hover {
    opacity: .8
}

.btn-group .btn {
    margin-right: 0;
    margin-left: 0
}

#footer .btn,
#header .btn,
.dropdown .btn,
.input-group .btn {
    margin: 0
}

.btn-3d {
    border-bottom: 3px solid rgba(0, 0, 0, .15)
}

.btn-3d:hover {
    opacity: .9
}

.btn-3d.btn-link {
    border-bottom: 0
}

.btn-yellow {
    background-color: #ecd078;
    color: #333 !important
}

.btn-green {
    background-color: #59ba41;
    color: #fff !important
}

.btn-blue {
    background-color: #1265a8;
    color: #fff !important
}

.btn-white {
    background-color: #f9f9f9;
    color: #333 !important
}

section.dark .btn-default {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5)
}

.btn-clean {
    color: #555
}

.btn,
.form-control:not(textarea) {
    height: 40px
}

.btn-lg,
.btn-sm {
    height: auto
}

a.btn.btn-sm {
    line-height: inherit
}

.btn-3d {
    line-height: 25px;
    margin-bottom: 3px
}

.btn-social {
    position: relative;
    padding-left: 54px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    margin: 0
}

.btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 42px;
    line-height: 40px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social>i {
    padding-right: 0;
    height: 40px
}

.btn-social.btn-lg {
    padding-left: 61px
}

.btn-social.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social.btn-sm {
    padding-left: 38px
}

.btn-social.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social.btn-sm {
    padding-left: 30px
}

.btn-social.btn-sm>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0
}

.btn-social-icon>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social-icon.btn-lg {
    padding-left: 61px
}

.btn-social-icon.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social-icon.btn-sm {
    padding-left: 38px
}

.btn-social-icon.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social-icon.btn-sm {
    padding-left: 30px
}

.btn-social-icon.btn-sm>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon>:first-child {
    border: none;
    text-align: center;
    width: 100% !important
}

.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-sm {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0
}

.btn-facebook {
    color: #fff !important;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open>.dropdown-toggle.btn-facebook {
    color: #fff !important;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active,
.btn-facebook:active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook[disabled],
.btn-facebook[disabled].active,
.btn-facebook[disabled]:active,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin {
    color: #fff !important;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff !important;
    background-color: #005983;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active,
.btn-linkedin:active,
.open>.dropdown-toggle.btn-linkedin {
    background-image: none
}

.btn-linkedin[disabled],
.btn-linkedin[disabled].active,
.btn-linkedin[disabled]:active,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2)
}

.btn-featured {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 70px;
    padding: 0 !important;
    border: 0;
    font-size: 13px !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.btn-featured.btn-default {
    background-color: #666
}

.btn-featured:active,
.btn-featured:focus,
.btn-featured:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.btn-featured:active:before,
.btn-featured:focus:before,
.btn-featured:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.btn-featured:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: "transform, opacity";
    transition-property: "transform, opacity"
}

.btn-featured span {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: calc(100% - 70px);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-featured i {
    background-color: rgba(0, 0, 0, .1);
    float: left;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 0
}

.box-icon {
    margin: 30px 0
}

.box-icon .box-icon-title,
.box-icon>a {
    text-decoration: none !important;
    display: block
}

.box-icon .box-icon-title>i {
    height: 35px;
    width: 35px;
    line-height: 37px;
    font-size: 18px;
    margin-right: 15px;
    background-color: #333;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

section.dark .box-icon .box-icon-title>i {
    background-color: #666
}

.box-icon .box-icon-title.box-icon-transparent>i {
    color: #414141;
    background-color: transparent
}

section.dark .box-icon .box-icon-title.box-icon-transparent>i {
    color: #fff
}

.box-icon.box-icon-left .box-icon-title>i {
    float: left
}

.box-icon .box-icon-title>h2 {
    font-size: 18px;
    line-height: 35px;
    margin: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.box-icon .box-icon-title>img+h2,
.box-icon .box-icon-title>img+h3,
.box-icon .box-icon-title>img+h4,
.box-icon .box-icon-title>img+h5 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 20px
}

.box-icon p {
    margin: 15px 0
}

.box-icon.box-icon-right .box-icon-title>i {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.box-icon.box-icon-right {
    text-align: right
}

@media only screen and (max-width:760px) {
    .box-icon.box-icon-right .box-icon-title>i {
        float: left;
        margin-right: 10px;
        margin-left: 0
    }

    .box-icon.box-icon-right {
        text-align: left
    }
}

.box-icon.box-icon-center .box-icon-title,
.box-icon.box-icon-center p {
    text-align: center !important
}

.box-icon.box-icon-center .box-icon-title>i {
    float: none;
    margin: 0 0 10px 0
}

.box-icon.box-icon-transparent .box-icon-title>i {
    background-color: transparent;
    border: #ccc 1px solid;
    color: #333
}

section.dark .box-icon.box-icon-transparent .box-icon-title>i {
    color: #fff;
    background-color: #212121;
    border: #555 1px solid
}

.box-icon.box-icon-content {
    background-color: rgba(0, 0, 0, .05);
    padding: 45px 15px 15px 15px;
    display: block;
    margin-top: 33px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

section.dark .box-icon.box-icon-content {
    background-color: rgba(0, 0, 0, .1)
}

.box-icon.box-icon-content .box-icon-title>i {
    background-color: #fff;
    top: 0;
    margin-left: -33px;
    position: absolute
}

.box-image {
    border: rgba(0, 0, 0, .1) 1px solid;
    margin: 30px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

section.dark .box-image {
    border: rgba(255, 255, 255, .1) 1px solid
}

.box-image .box-image-title {
    text-decoration: none !important
}

.box-image img {
    margin-bottom: 20px
}

.box-image .box-image-title h2 {
    margin: 0 15px 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.box-image .btn,
.box-image button,
.box-image p {
    margin-bottom: 15px
}

.box-image p {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px
}

@media only screen and (max-width:760px) {
    .box-icon {
        margin: 60px 0
    }

    .box-icon.box-icon-content .box-icon-title>i {
        top: -33px
    }
}

.box-static {
    padding: 15px;
    background-color: rgba(0, 0, 0, .05);
    border-top: transparent 3px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.box-static.box-transparent {
    background-color: transparent
}

.box-static.box-color,
.box-static.box-dark {
    color: #fff;
    background-color: #333
}

.box-static.box-color h1,
.box-static.box-color h2,
.box-static.box-color h3,
.box-static.box-color h4,
.box-static.box-color h5,
.box-static.box-color h6,
.box-static.box-dark h1,
.box-static.box-dark h2,
.box-static.box-dark h3,
.box-static.box-dark h4,
.box-static.box-dark h5,
.box-static.box-dark h6 {
    color: #fff
}

.box-static.box-border-top {
    border-top: rgba(0, 0, 0, .5) 3px solid
}

.box-static .box-title {
    margin-bottom: 20px;
    border-bottom: rgba(0, 0, 0, .1) 1px solid
}

.box-static.box-color .box-title,
.box-static.box-dark .box-title {
    border-bottom: rgba(255, 255, 255, .1) 1px solid
}

section.dark .box-static {
    color: #fff;
    padding: 15px;
    background-color: #333
}

section.dark .box-static input {
    color: #fff
}

section.dark .box-static .box-title {
    border-bottom: rgba(255, 255, 255, .1) 1px solid
}

.box-dark {
    color: #fff;
    padding: 15px;
    background-color: #333
}

.box-dark h1,
.box-dark h2,
.box-dark h3,
.box-dark h4,
.box-dark h5,
.box-dark h6 {
    color: #fff
}

.box-inner {
    padding: 15px;
    display: block
}

.box-inner h1,
.box-inner h2,
.box-inner h3,
.box-inner h4,
.box-inner h5,
.box-inner h6 {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 12px;
    border-bottom: rgba(0, 0, 0, .1) 1px solid;
    margin-bottom: 15px
}

.box-dark .box-inner {
    background-color: #111
}

.box-footer {
    margin: 1px 0;
    padding: 8px 15px
}

.box-dark .box-footer {
    background-color: #111
}

section.dark .box-dark {
    background-color: rgba(0, 0, 0, .8)
}

section.dark .box-dark .box-inner {
    background-color: #111
}

section.dark .box-dark .box-footer {
    background-color: #111
}

section.dark .box-inner h1,
section.dark .box-inner h2,
section.dark .box-inner h3,
section.dark .box-inner h4,
section.dark .box-inner h5,
section.dark .box-inner h6 {
    border-bottom-color: rgba(255, 255, 255, .1)
}

section.dark .box-inner h1>a:hover,
section.dark .box-inner h2>a:hover,
section.dark .box-inner h3>a:hover,
section.dark .box-inner h4>a:hover,
section.dark .box-inner h5>a:hover,
section.dark .box-inner h6>a:hover {
    text-decoration: underline !important
}

.box-blue>div:nth-child(1) {
    background-color: #004080
}

.box-blue>div:nth-child(2) {
    background-color: #006fdd
}

.box-blue>div:nth-child(3) {
    background-color: #2b95ff
}

.box-blue>div:nth-child(4) {
    background-color: #6cb6ff
}

.box-orange>div:nth-child(1) {
    background-color: #ea5726
}

.box-orange>div:nth-child(2) {
    background-color: #ee754d
}

.box-orange>div:nth-child(3) {
    background-color: #f19272
}

.box-orange>div:nth-child(4) {
    background-color: #f5b39c
}

.box-yellow>div:nth-child(1) {
    background-color: #e3a42d
}

.box-yellow>div:nth-child(2) {
    background-color: #eaba60
}

.box-yellow>div:nth-child(3) {
    background-color: #eec882
}

.box-yellow>div:nth-child(4) {
    background-color: #f2d7a4
}

.box-green>div:nth-child(1) {
    background-color: #0c5849
}

.box-green>div:nth-child(2) {
    background-color: #117964
}

.box-green>div:nth-child(3) {
    background-color: #16a387
}

.box-green>div:nth-child(4) {
    background-color: #1ccaa7
}

section .nav-pills>li.active>a,
section .nav-pills>li.active>a:hover,
section .nav-pills>li>a {
    color: #111
}

section.dark .nav-pills>li.active>a,
section.dark .nav-pills>li.active>a:hover,
section.dark .nav-pills>li>a {
    color: #fff
}

section.dark .nav-pills>li.active>a {
    background-color: rgba(255, 255, 255, .3) !important
}

.card {
    margin-bottom: 30px
}

.card-footer .social-icon {
    margin-top: 0;
    margin-bottom: 0
}

.card-footer .btn {
    margin: 0
}

.card-footer .btn:not(.btn-default) {
    color: #fff !important
}

.card-footer.card-footer-transparent {
    background-color: transparent
}

section.dark .card {
    background-color: #373737;
    border-color: #666
}

section.dark .card .btn {
    color: #fff !important
}

section.dark .card-footer {
    border-top-color: rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .1)
}

.card .table {
    background-color: transparent
}

section.dark table {
    color: #fff;
    background-color: #373737
}

section.dark .card>.card-body+.table,
section.dark .card>.table+.card-body {
    border-top-color: #666
}

.modal-content {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.modal-footer .btn,
.modal-header .btn {
    margin-top: 0;
    margin-bottom: 0
}

.modal-content {
    border: 0;
    border-top: #333 4px solid
}

.modal-header {
    display: block
}

.modal-header .close {
    margin: 0;
    padding: 3px
}

.navbar .btn,
.navbar .button,
.navbar form,
.navbar input {
    margin: 0
}

.navbar-primary .navbar-nav>li>a,
.navbar-primary a,
.navbar-primary button {
    color: #ddd
}

.navbar-primary .navbar-nav>li>a:hover,
.navbar-primary a:hover,
.navbar-primary button:hover {
    color: #fff
}

.navbar-primary .navbar-nav>.active>a,
.navbar-primary .navbar-nav>.active>a:focus,
.navbar-primary .navbar-nav>.active>a:hover {
    background-color: rgba(0, 0, 0, .1)
}

section.dark .navbar-default .navbar-nav>li>a {
    color: #999
}

section.dark .navbar-default .navbar-nav>li>a:hover {
    color: #ddd
}

section.dark .navbar-default .navbar-nav>.active>a,
section.dark .navbar-default .navbar-nav>.active>a:focus,
section.dark .navbar-default .navbar-nav>.active>a:hover,
section.dark .navbar-default .navbar-nav>.open>a,
section.dark .navbar-default .navbar-nav>.open>a:focus,
section.dark .navbar-default .navbar-nav>.open>a:hover {
    color: #ddd;
    background-color: rgba(0, 0, 0, .2)
}

section.dark .navbar-default {
    background-color: #555;
    border-color: #555
}

.info-bar {
    margin: 0;
    border: 0;
    color: #000;
    background-color: rgba(0, 0, 0, .05);
    padding: 10px 0
}

.info-bar div.row>div {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 !important;
    border-right: transparent 1px solid
}

.info-bar div.row>div:last-child {
    border: 0
}

.info-bar div.row>div i {
    color: #333;
    font-size: 32px;
    line-height: 1.2;
    margin-right: 10px;
    float: left
}

.info-bar h1,
.info-bar h2,
.info-bar h3,
.info-bar h4,
.info-bar h5,
.info-bar h6,
.info-bar p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.info-bar p {
    font-size: 12px;
    line-height: 1
}

.info-bar.info-bar-dark {
    background-color: #171717
}

.info-bar.info-bar-dark a,
.info-bar.info-bar-dark div.row>div i,
.info-bar.info-bar-dark h1,
.info-bar.info-bar-dark h2,
.info-bar.info-bar-dark h3,
.info-bar.info-bar-dark h4,
.info-bar.info-bar-dark h5,
.info-bar.info-bar-dark h6,
.info-bar.info-bar-dark p {
    color: #fff
}

.info-bar.info-bar-dark div.row>div {
    border-right-color: rgba(255, 255, 255, .1)
}

.info-bar.info-bar-color a,
.info-bar.info-bar-color div.row>div i,
.info-bar.info-bar-color h1,
.info-bar.info-bar-color h2,
.info-bar.info-bar-color h3,
.info-bar.info-bar-color h4,
.info-bar.info-bar-color h5,
.info-bar.info-bar-color h6,
.info-bar.info-bar-color p {
    color: #fff
}

.info-bar.info-bar-color div.row>div {
    border-right-color: rgba(0, 0, 0, .1)
}

.info-bar.info-bar-clean {
    background-color: #fff;
    border-bottom: rgba(0, 0, 0, .1) 1px solid
}

section.dark .info-bar-dark {
    background-color: #313131
}

section.dark .info-bar div.row>div {
    border-right-color: rgba(255, 255, 255, .1)
}

section.dark .info-bar div.row>div i {
    color: #fff
}

section.dark .info-bar.info-bar-color div.row>div {
    border-right-color: rgba(255, 255, 255, .2)
}

i.ico-color,
i.ico-dark,
i.ico-rounded,
i.ico-transparent {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    border: 1px solid #555;
    background-color: transparent;
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
    margin: 4px 8px 7px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

i.ico-transparent {
    border: transparent
}

i.ico-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

i.ico-dark {
    color: #fff;
    border: transparent;
    background-color: #333
}

i.ico-color {
    color: #fff;
    border: transparent;
    text-shadow: rgba(0, 0, 0, .3) 1px 1px 1px
}

i.ico-hover:hover {
    color: #fff;
    background-color: #111
}

i.ico-hover-dark:hover {
    color: #fff !important;
    background-color: #111 !important
}

i.ico-color.ico-hover:hover {
    background-color: #212121
}

i.ico-lg {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 45px
}

section.dark i.ico-rounded {
    color: #ddd;
    border-color: #666
}

section.dark i.ico-dark {
    color: #ccc;
    background-color: #111
}

section.dark i.ico-transparent {
    color: #ddd
}

section.dark i.ico-color.ico-hover:hover {
    background-color: #666
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: transparent !important;
    background-color: transparent !important
}

.nav>li {
    position: relative;
    display: block
}

section.dark .nav-bottom-border li>a {
    background-color: transparent !important
}

div.toggle {
    margin: 10px 0 0;
    position: relative;
    clear: both
}

div.toggle div.toggle-content {
    border: rgba(0, 0, 0, .03) 1px solid;
    display: none;
    background: rgba(0, 0, 0, .03);
    margin-top: -5px;
    padding: 15px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

div.toggle div.toggle-content p:last-child {
    margin-bottom: 0
}

section.dark div.toggle div.toggle-content {
    background: rgba(255, 255, 255, .05)
}

.toggle .toggle-content {
    border: 0 !important
}

.toggle.toggle-transparent .toggle-content,
.toggle.toggle-transparent-body .toggle-content {
    background: 0 0
}

.box-shadow-1 *,
.box-shadow-2 *,
.box-shadow-3 *,
.box-shadow-4 *,
.box-shadow-5 *,
.box-shadow-6 *,
.box-shadow-7 *,
.box-shadow-8 * {
    z-index: 1;
    position: relative
}

.box-shadow-1:after,
.box-shadow-1:before {
    top: 80%;
    left: 5px;
    width: 50%;
    z-index: 0;
    content: "";
    bottom: 15px;
    max-width: 300px;
    position: absolute
}

.box-shadow-1 {
    -webkit-box-shadow: 0 14px 6px -6px #666;
    -moz-box-shadow: 0 14px 6px -6px #666;
    box-shadow: 0 14px 6px -6px #666
}

section.dark .box-shadow-1 {
    -webkit-box-shadow: 0 14px 6px -6px #111;
    -moz-box-shadow: 0 14px 6px -6px #111;
    box-shadow: 0 14px 6px -6px #111
}

.box-shadow-2 {
    position: relative
}

.box-shadow-2:after,
.box-shadow-2:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.box-shadow-2:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

section.dark .box-shadow-2:after,
section.dark .box-shadow-2:before {
    background: #111;
    -webkit-box-shadow: 0 15px 10px #111;
    -moz-box-shadow: 0 15px 10px #111;
    box-shadow: 0 15px 10px #111
}

.box-shadow-3 {
    position: relative
}

.box-shadow-3:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

section.dark .box-shadow-3:before {
    background: #111;
    -webkit-box-shadow: 0 15px 10px #111;
    -moz-box-shadow: 0 15px 10px #111;
    box-shadow: 0 15px 10px #111
}

.box-shadow-4 {
    position: relative
}

.box-shadow-4:after {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

section.dark .box-shadow-4:after {
    background: #111;
    -webkit-box-shadow: 0 15px 10px #111;
    -moz-box-shadow: 0 15px 10px #111;
    box-shadow: 0 15px 10px #111
}

.box-shadow-5 {
    position: relative
}

.box-shadow-5:after,
.box-shadow-5:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

.box-shadow-5:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto
}

section.dark .box-shadow-5:after,
section.dark .box-shadow-5:before {
    background: #111;
    -webkit-box-shadow: 0 35px 20px #111;
    -moz-box-shadow: 0 35px 20px #111;
    box-shadow: 0 35px 20px #111
}

.box-shadow-6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.box-shadow-6:after,
.box-shadow-6:before {
    content: "";
    position: absolute;
    z-index: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px
}

section.dark .box-shadow-6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset
}

section.dark .box-shadow-6:after,
section.dark .box-shadow-6:before {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8)
}

.box-shadow-7 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.box-shadow-7:after,
.box-shadow-7:before {
    content: "";
    position: absolute;
    z-index: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px
}

.box-shadow-7:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

section.dark .box-shadow-7 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(255, 255, 255, .1) inset
}

section.dark .box-shadow-7:after,
section.dark .box-shadow-7:before {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8)
}

.box-shadow-8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.box-shadow-8:after,
.box-shadow-8:before {
    content: "";
    position: absolute;
    z-index: 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px/10px;
    border-radius: 100px/10px
}

.box-shadow-8:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

section.dark .box-shadow-8 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

section.dark .box-shadow-8:after,
section.dark .box-shadow-8:before {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8)
}

form div.row:last-child {
    margin-bottom: 0
}

form>input {
    margin-bottom: 8px
}

.inline-group {
    margin: 0 -30px -4px 0
}

.inline-group:after {
    content: '';
    display: table;
    clear: both
}

.input:hover input,
.toggle:hover i {
    border-color: rgba(0, 0, 0, .6)
}

section.dark .input:hover input,
section.dark .toggle:hover i {
    border-color: rgba(255, 255, 255, .3)
}

.button:hover {
    opacity: 1
}

.input input:focus,
.toggle input:focus+i {
    border-color: rgba(0, 0, 0, .6)
}

section.dark .input input:focus,
section.dark .toggle input:focus+i {
    border-color: rgba(255, 255, 255, .7)
}

.toggle input:checked+i {
    border-color: rgba(0, 0, 0, 8)
}

section.dark .toggle input:checked+i {
    border-color: rgba(255, 255, 255, 8)
}

.form-control:not(textarea),
.input-group-btn .btn {
    height: 46px !important
}

.input-group-btn>.btn {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

input.form-control {
    border-color: #dee5ed
}

section.dark .dropdown-menu,
section.dark .dropdown-menu a,
section.dark .dropdown-menu p,
section.dark .dropdown-menu>li>a,
section.dark .dropdown-menu>li>a>h1,
section.dark .dropdown-menu>li>a>h2,
section.dark .dropdown-menu>li>a>h3,
section.dark .dropdown-menu>li>a>h4,
section.dark .dropdown-menu>li>a>h5,
section.dark .dropdown-menu>li>a>h6 {
    color: #000
}

.hr-color {
    border-top: #333 1px solid;
    background: 0 0;
    display: inline-block;
    width: 100%
}

.hr-color.hr-default {
    border-color: #ccc
}

.hr-color.hr-info {
    border-color: #28a4c9
}

h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before {
    content: attr(data-bgtext);
    color: rgba(148, 149, 150, .07);
    font-size: 100px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: .3;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: 6px
}