.ma35 {
    margin: 35px!important
}
.ma30 {
    margin: 30px!important
}
.ma25 {
    margin: 25px!important
}
.ma20 {
    margin: 20px!important
}
.ma15 {
    margin: 15px!important
}
.ma10 {
    margin: 10px!important
}
.ma5 {
    margin: 5px!important
}
.nm {
    margin: 0!important
}
.ma-35 {
    margin: -35px!important
}
.ma-30 {
    margin: -30px!important
}
.ma-25 {
    margin: -25px!important
}
.ma-20 {
    margin: -20px!important
}
.ma-15 {
    margin: -15px!important
}
.ma-10 {
    margin: -10px!important
}
.ma-5 {
    margin: -5px!important
}
.mt35 {
    margin-top: 35px!important
}
.mt30 {
    margin-top: 30px!important
}
.mt25 {
    margin-top: 25px!important
}
.mt20 {
    margin-top: 20px!important
}
.mt15 {
    margin-top: 15px!important
}
.mt10 {
    margin-top: 10px!important
}
.mt5 {
    margin-top: 5px!important
}
.mt4 {
    margin-top: 4px!important
}
.mt3 {
    margin-top: 3px!important
}
.mt2 {
    margin-top: 2px!important
}
.mt1 {
    margin-top: 1px!important
}
.mt0 {
    margin-top: 0!important
}
.mt-35 {
    margin-top: -35px!important
}
.mt-30 {
    margin-top: -30px!important
}
.mt-25 {
    margin-top: -25px!important
}
.mt-20 {
    margin-top: -20px!important
}
.mt-15 {
    margin-top: -15px!important
}
.mt-10 {
    margin-top: -10px!important
}
.mt-5 {
    margin-top: -5px!important
}
.mr35 {
    margin-right: 35px!important
}
.mr30 {
    margin-right: 30px!important
}
.mr25 {
    margin-right: 25px!important
}
.mr20 {
    margin-right: 20px!important
}
.mr15 {
    margin-right: 15px!important
}
.mr10 {
    margin-right: 10px!important
}
.mr5 {
    margin-right: 5px!important
}
.mr0 {
    margin-right: 0!important
}
.mr-25 {
    margin-right: -25px!important
}
.mr-20 {
    margin-right: -20px!important
}
.mr-15 {
    margin-right: -15px!important
}
.mr-10 {
    margin-right: -10px!important
}
.mr-5 {
    margin-right: -5px!important
}
.mb35 {
    margin-bottom: 35px!important
}
.mb30 {
    margin-bottom: 30px!important
}
.mb25 {
    margin-bottom: 25px!important
}
.mb20 {
    margin-bottom: 20px!important
}
.mb15 {
    margin-bottom: 15px!important
}
.mb10 {
    margin-bottom: 10px!important
}
.mb5 {
    margin-bottom: 5px!important
}
.mb4 {
    margin-bottom: 4px!important
}
.mb3 {
    margin-bottom: 3px!important
}
.mb2 {
    margin-bottom: 2px!important
}
.mb1 {
    margin-bottom: 1px!important
}
.mb0 {
    margin-bottom: 0!important
}
.mb-35 {
    margin-bottom: -35px!important
}
.mb-30 {
    margin-bottom: -30px!important
}
.mb-25 {
    margin-bottom: -25px!important
}
.mb-20 {
    margin-bottom: -20px!important
}
.mb-15 {
    margin-bottom: -15px!important
}
.mb-10 {
    margin-bottom: -10px!important
}
.mb-5 {
    margin-bottom: -5px!important
}
.ml35 {
    margin-left: 35px!important
}
.ml30 {
    margin-left: 30px!important
}
.ml25 {
    margin-left: 25px!important
}
.ml20 {
    margin-left: 20px!important
}
.ml15 {
    margin-left: 15px!important
}
.ml10 {
    margin-left: 10px!important
}
.ml5 {
    margin-left: 5px!important
}
.ml0 {
    margin-left: 0!important
}
.ml-35 {
    margin-left: -35px!important
}
.ml-30 {
    margin-left: -30px!important
}
.ml-25 {
    margin-left: -25px!important
}
.ml-20 {
    margin-left: -20px!important
}
.ml-15 {
    margin-left: -15px!important
}
.ml-10 {
    margin-left: -10px!important
}
.ml-5 {
    margin-left: -5px!important
}
.pa35 {
    padding: 35px!important
}
.pa30 {
    padding: 30px!important
}
.pa25 {
    padding: 25px!important
}
.pa20 {
    padding: 20px!important
}
.pa15 {
    padding: 15px!important
}
.pa10 {
    padding: 10px!important
}
.pa5 {
    padding: 5px!important
}
.np {
    padding: 0!important
}
.pt35 {
    padding-top: 35px!important
}
.pt30 {
    padding-top: 30px!important
}
.pt25 {
    padding-top: 25px!important
}
.pt20 {
    padding-top: 20px!important
}
.pt15 {
    padding-top: 15px!important
}
.pt10 {
    padding-top: 10px!important
}
.pt7 {
    padding-top: 7px!important
}
.pt6 {
    padding-top: 6px!important
}
.pt5 {
    padding-top: 5px!important
}
.pt0 {
    padding-top: 0!important
}
.pr35 {
    padding-right: 35px!important
}
.pr30 {
    padding-right: 30px!important
}
.pr25 {
    padding-right: 25px!important
}
.pr20 {
    padding-right: 20px!important
}
.pr15 {
    padding-right: 15px!important
}
.pr10 {
    padding-right: 10px!important
}
.pr5 {
    padding-right: 5px!important
}
.pr0 {
    padding-right: 0!important
}
.pb35 {
    padding-bottom: 35px!important
}
.pb30 {
    padding-bottom: 30px!important
}
.pb25 {
    padding-bottom: 25px!important
}
.pb20 {
    padding-bottom: 20px!important
}
.pb15 {
    padding-bottom: 15px!important
}
.pb10 {
    padding-bottom: 10px!important
}
.pb5 {
    padding-bottom: 5px!important
}
.pb0 {
    padding-bottom: 0!important
}
.pl35 {
    padding-left: 35px!important
}
.pl30 {
    padding-left: 30px!important
}
.pl25 {
    padding-left: 25px!important
}
.pl20 {
    padding-left: 20px!important
}
.pl15 {
    padding-left: 15px!important
}
.pl10 {
    padding-left: 10px!important
}
.pl5 {
    padding-left: 5px!important
}
.pl0 {
    padding-left: 0!important
}
.valign-top {
    vertical-align: top!important
}
.valign-middle {
    vertical-align: middle!important
}
.valign-bottom {
    vertical-align: bottom!important
}
.bradius0 {
    border-radius: 0!important
}
.bdr0, bdr-a-0 {
    border-width: 0!important
}
.bdr-t-0 {
    border-top-width: 0!important
}
.bdr-b-0 {
    border-bottom-width: 0!important
}
.noshadow {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
.dis-none {
    display: none
}
.overflow-hidden, .ovf-h {
    overflow: hidden
}
.float-none {
    float: none!important
}
.handle {
    cursor: move!important
}
.bdr-a {
    border: 1px solid #cfd9db!important
}
.bdr-l {
    border-left: 1px solid #cfd9db!important
}
.bdr-r {
    border-right: 1px solid #cfd9db!important
}
.bdr-t {
    border-top: 1px solid #cfd9db!important
}
.bdr-b {
    border-bottom: 1px solid #cfd9db!important
}
.bdr-c-t {
    border-color: transparent!important
}
.bdr-w-0 {
    border-width: 0!important
}
.bdr-l-w-0 {
    border-left-width: 0!important
}
.bdr-r-w-0 {
    border-right-width: 0!important
}
.bdr-t-w-0 {
    border-top-width: 0!important
}
.bdr-b-w-0 {
    border-bottom-width: 0!important
}
.bdr-rds-0 {
    border-radius: 0!important
}
.bdr-rds {
    border-radius: 3px!important
}
@media (min-width: 480px) {
    .bdr-l-xs {
        border-left: 1px solid #cfd9db
   }
   .bdr-r-xs {
       border-right: 1px solid #cfd9db
  }
  .bdr-t-xs {
      border-top: 1px solid #cfd9db
 }
 .bdr-b-xs {
     border-bottom: 1px solid #cfd9db
}
}
@media (min-width: 768px) {
    .bdr-l-sm {
        border-left: 1px solid #cfd9db
   }
   .bdr-r-sm {
       border-right: 1px solid #cfd9db
  }
  .bdr-t-sm {
      border-top: 1px solid #cfd9db
 }
 .bdr-b-sm {
     border-bottom: 1px solid #cfd9db
}
}
@media (min-width: 992px) {
    .bdr-l-md {
        border-left: 1px solid #cfd9db
   }
   .bdr-r-md {
       border-right: 1px solid #cfd9db
  }
  .bdr-t-md {
      border-top: 1px solid #cfd9db
 }
 .bdr-b-md {
     border-bottom: 1px solid #cfd9db
}
}
@media (min-width: 1200px) {
    .bdr-l-lg {
        border-left: 1px solid #cfd9db
   }
   .bdr-r-lg {
       border-right: 1px solid #cfd9db
  }
  .bdr-t-lg {
      border-top: 1px solid #cfd9db
 }
 .bdr-b-lg {
     border-bottom: 1px solid #cfd9db
}
}
.form-control {
    font-size: 13px;
    border: 1px solid #cfd9db;
    line-height: normal;
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-control.form-control-minimal {
    border-width: 0;
    border-radius: 0;
    background-color: transparent
}
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #00b1e1
}
.form-control.input-lg {
    font-size: 16px
}
.form-control.input-sm {
    font-size: 12px
}
.input-group {
    width: 100%
}
.has-icon {
    position: relative;
    float: none!important
}
.has-icon>.form-control {
    padding-right: 34px
}
.has-icon.pull-left>.form-control {
    padding-left: 34px;
    padding-right: 0
}
.has-icon.pull-left>.form-control-icon {
    right: auto;
    left: 0
}
.has-icon>.form-control-icon {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 34px;
    line-height: 33px;
    text-align: center;
    color: #777
}
.has-icon>.form-control.input-lg+.form-control-icon {
    line-height: 45px;
    font-size: 16px
}
.has-feedback .form-control-feedback {
    position: absolute;
    line-height: 33px;
    color: #777
}
.form-horizontal .has-feedback>.form-control-feedback {
    right: 0
}
.has-success .form-control-feedback {
    color: #4e7325
}
.has-warning .form-control-feedback {
    color: #d09700
}
.has-error .form-control-feedback {
    color: #a11122
}
.form-group .form-stack+.form-stack .form-control {
    margin-top: -1px
}
.form-group .form-stack .form-control {
    position: relative;
    border-radius: 0;
    margin-top: -1px;
    z-index: 1
}
.form-group .form-stack .form-control.input-lg {
    font-size: 13px
}
.form-group .form-stack-wrapper>.form-stack:first-child .form-control, .form-group .form-stack:first-child .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.form-group .form-stack-wrapper>.form-stack: last-child .form-control, .form-group .form-stack: last-child .form-control {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.form-group .form-stack .form-control:focus {
    z-index: 2
}
.control-label {
    font-weight: 600;
    color: #6f6f6f
}
.help-block {
    color: #888
}
.input-group-addon {
    color: #a2a2a2;
    border-color: #cfd9db;
    background-color: #ecf0f1
}
input[type=email], input[type=password], input[type=search], input[type=text], textarea {
    -webkit-appearance: none
}
input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
    line-height: normal
}
.checkbox-inline~.checkbox-inline, .radio-inline~.radio-inline {
    margin-top: 0;
    margin-left: 10px
}
.checkbox, .checkbox label, .checkbox-inline, .checkbox-inline label, .radio, .radio label, .radio-inline, .radio-inline label {
    min-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400
}
.checkbox-icon.checkbox, .checkbox-icon.checkbox-inline, .custom-checkbox.checkbox, .custom-checkbox.checkbox-inline, .custom-radio.radio, .custom-radio.radio-inline {
    padding-left: 0
}
.checkbox-icon>label, .custom-checkbox>label, .custom-radio>label {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    font-weight: 400;
    margin: 0
}
.checkbox-icon>label:after, .checkbox-icon>label:before, .custom-checkbox>label:after, .custom-checkbox>label:before, .custom-radio>label:after, .custom-radio>label:before {
    font-family: iconfont;
    font-weight: 400;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0
}
.custom-checkbox:hover>label:before, .custom-radio:hover>label:before {
    border: 1px solid #007dc6
}
.custom-checkbox>label:before {
    background-color: #fff;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 3px
}
.custom-radio>label:before {
    background-color: #fff;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 50%
}
.checkbox-icon>label:before {
    content: "";
    width: 18px;
    height: 18px
}
.custom-checkbox>input[type=checkbox]: checked+label:before, .custom-radio>input[type=radio]: checked+label:before {
    border-color: #007dc6;
    background-color: #007dc6
}
.custom-checkbox>label:after {
    float: left;
    content: "\e370";
    overflow: hidden;
    color: transparent;
    font-size: 10px;
    line-height: 10px;
    left: 4px;
    top: 4px;
    -webkit-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s
}
.custom-checkbox>input[type=checkbox]: checked+label:after {
    color: #fff
}
.custom-radio>label:after {
    float: left;
    content: "";
    overflow: hidden;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    -webkit-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s
}
.custom-radio>input[type=radio]: checked+label:after {
    background-color: #fff
}
.checkbox-icon>label:after {
    float: left;
    overflow: hidden;
    color: #94aab0;
    font-size: 16px;
    line-height: 16px;
    left: 1px;
    top: 1px;
    -webkit-transition: max-width ease .1s;
    -o-transition: max-width ease .1s;
    transition: max-width ease .1s
}
.checkbox-icon:hover>label:after {
    color: #77939a
}
.checkbox-icon.icon-star>label:after {
    content: "\e2ff";
    top: 0
}
.checkbox-icon.icon-star>input[type=checkbox]: checked+label:after {
    content: "\e301";
    color: #ffd66a
}
.checkbox-icon.icon-heart>label:after {
    content: "\e682"
}
.checkbox-icon.icon-heart>input[type=checkbox]: checked+label:after {
    content: "\e604";
    color: #ed5466
}
.checkbox-icon>input[type=checkbox], .custom-checkbox>input[type=checkbox], .custom-radio>input[type=radio] {
    display: none
}
.custom-checkbox-primary:hover>label:before, .custom-radio-primary:hover>label:before {
    border: 1px solid #00b1e1
}
.custom-checkbox-primary>input[type=checkbox]: checked+label:before, .custom-radio-primary>input[type=radio]: checked+label:before {
    border-color: #00b1e1;
    background-color: #00b1e1
}
.custom-checkbox-info:hover>label:before, .custom-radio-info:hover>label:before {
    border: 1px solid #63d3e9
}
.custom-checkbox-info>input[type=checkbox]: checked+label:before, .custom-radio-info>input[type=radio]: checked+label:before {
    border-color: #63d3e9;
    background-color: #63d3e9
}
.custom-checkbox-success:hover>label:before, .custom-radio-success:hover>label:before, .has-success .custom-checkbox:hover>label:before, .has-success .custom-checkbox>label:before, .has-success .custom-radio:hover>label:before, .has-success .custom-radio>label:before {
    border: 1px solid #91c854
}
.custom-checkbox-success>input[type=checkbox]: checked+label:before, .custom-radio-success>input[type=radio]: checked+label:before, .has-success .custom-checkbox>input[type=checkbox]: checked+label:before, .has-success .custom-radio>input[type=radio]: checked+label:before {
    border-color: #91c854;
    background-color: #91c854
}
.custom-checkbox-warning:hover>label:before, .custom-radio-warning:hover>label:before, .has-warning .custom-checkbox:hover>label:before, .has-warning .custom-checkbox>label:before, .has-warning .custom-radio:hover>label:before, .has-warning .custom-radio>label:before {
    border: 1px solid #ffd66a
}
.custom-checkbox-warning>input[type=checkbox]: checked+label:before, .custom-radio-warning>input[type=radio]: checked+label:before, .has-warning .custom-checkbox>input[type=checkbox]: checked+label:before, .has-warning .custom-radio>input[type=radio]: checked+label:before {
    border-color: #ffd66a;
    background-color: #ffd66a
}
.custom-checkbox-danger:hover>label:before, .custom-radio-danger:hover>label:before, .has-error .custom-checkbox:hover>label:before, .has-error .custom-checkbox>label:before, .has-error .custom-radio:hover>label:before, .has-error .custom-radio>label:before {
    border: 1px solid #ed5466
}
.custom-checkbox-danger>input[type=checkbox]: checked+label:before, .custom-radio-danger>input[type=radio]: checked+label:before, .has-error .custom-checkbox>input[type=checkbox]: checked+label:before, .has-error .custom-radio>input[type=radio]: checked+label:before {
    border-color: #ed5466;
    background-color: #ed5466
}
.custom-checkbox-teal:hover>label:before, .custom-radio-teal:hover>label:before {
    border: 1px solid #6bccb4
}
.custom-checkbox-teal>input[type=checkbox]: checked+label:before, .custom-radio-teal>input[type=radio]: checked+label:before {
    border-color: #6bccb4;
    background-color: #6bccb4
}
.custom-checkbox-inverse:hover>label:before, .custom-radio-inverse:hover>label:before {
    border: 1px solid #2a2a2a
}
.custom-checkbox-inverse>input[type=checkbox]: checked+label:before, .custom-radio-inverse>input[type=radio]: checked+label:before {
    border-color: #2a2a2a;
    background-color: #2a2a2a
}
.btn-file {
    position: relative;
    overflow: hidden
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block
}
.has-success .form-control, .has-success .form-control:focus {
    border-color: #91c854
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
    color: #91c854
}
.has-success .input-group-addon {
    color: #436320;
    border-color: #91c854;
    background-color: #91c854
}
.has-error .form-control, .has-error .form-control:focus {
    border-color: #ed5466
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
    color: #ed5466
}
.has-error .input-group-addon {
    color: #981020;
    border-color: #ed5466;
    background-color: #ed5466
}
.has-warning .form-control, .has-warning .form-control:focus {
    border-color: #ffd66a
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
    color: #ffd66a
}
.has-warning .input-group-addon {
    color: #d09700;
    border-color: #ffd66a;
    background-color: #ffd66a
}
.has-error .form-control, .has-error .form-control:focus, .has-success .form-control, .has-success .form-control:focus, .has-warning .form-control, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-horizontal.form-bordered .form-group, .form-horizontal.form-striped .form-group {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-top: 1px solid transparent;
    border-top-color: #e0e7e8!important
}
.form-horizontal.form-bordered .form-group .no-border, .form-horizontal.form-striped .form-group .no-border {
    border-top-width: 0
}
.form-horizontal.form-bordered .form-group .help-block, .form-horizontal.form-striped .form-group .help-block {
    margin-bottom: 0
}
.form-horizontal.form-bordered .form-group:first-child, .form-horizontal.form-striped .form-group:first-child {
    border-top-width: 0
}
.form-horizontal.form-bordered .form-group:first-child.header, .form-horizontal.form-striped .form-group:first-child.header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.form-horizontal.form-striped .form-group: nth-child(even) {
    background-color: #f8f8f8
}
.form-horizontal .form-group.message-container {
    padding: 15px
}
.form-horizontal .form-group.message-container: empty {
    display: none
}
.form-horizontal .form-group.message-container: empty+.form-group {
    border-top-width: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.form-horizontal .form-group.message-container>.alert {
    margin-bottom: 0
}
.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0
}
.parsley-errors-list.filled {
    display: block
}
.parsley-errors-list>li {
    font-size: 12px;
    list-style: none;
    color: #ed5466
}
.parsley-error {
    border-color: #ed5466!important
}
.parsley-custom-error-message {
    color: #ed5466
}
.parsley-error.custom-checkbox:hover>label:before, .parsley-error.custom-checkbox>label:before, .parsley-error.custom-radio:hover>label:before, .parsley-error.custom-radio>label:before {
    border: 1px solid #ed5466
}
.parsley-error.custom-checkbox>input[type=checkbox]: checked+label:before, .parsley-error.custom-radio>input[type=checkbox]: checked+label:before {
    border-color: #ed5466;
    background-color: #ed5466
}
.parsley-error.custom-checkbox>label, .parsley-error.custom-radio>label {
    color: #ed5466
}
a {
    color: #00b1e1;
    text-decoration: none
}
a:active, a:focus, a:hover {
    color: #009dc8;
    outline: 0;
    text-decoration: none
}
.btn {
    font-size: 13px;
    padding: 7px 12px;
    line-height: 18px
}
.btn:active, .btn:focus, .btn:hover {
    outline: 0!important
}
.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1)
}
.btn>.caret {
    margin-top: -1px
}
.btn-lg {
    font-size: 18px;
    padding: 10px 16px
}
.btn-sm {
    font-size: 12px;
    padding: 5px 10px
}
.btn-xs {
    font-size: 11px;
    padding: 1px 5px
}
.btn.btn-link {
    color: #00b1e1
}
.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
    color: #009dc8;
    outline: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-group.open .dropdown-toggle {
    outline: 0;
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1)
}
.btn-group.open .btn-outline {
    background-color: transparent!important
}
.btn-tag .btn {
    margin-bottom: 3px
}
.btn-rounded {
    border-radius: 34px
}
.btn-rounded.btn-ls {
    border-radius: 40px
}
.btn-rounded.btn-sm {
    border-radius: 30px
}
.btn-rounded.btn-xs {
    border-radius: 22px
}
.btn-inverse .caret, .btn-teal .caret {
    border-top-color: #fff
}
.btn-default {
    color: #6a6a6a;
    background-color: #ecf0f1;
    border-color: #cfd9db
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #6a6a6a !important;
    background-color: #dde4e6 !important;
    border-color: #c0cdd1 ;
    font-weight: normal !important; 
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #ecf0f1;
    border-color: #cfd9db
}
.btn-default .badge {
    color: #ecf0f1;
    background-color: #6a6a6a
}
.btn-default.btn-outline {
    color: #cfd9db;
    background-color: transparent
}
.btn-primary {
    color: #fff;
    background-color: #00b1e1;
    border-color: #00a5d2
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #009dc8 !important;
    border-color: #0091b8;
    font-weight: normal !important;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #00b1e1;
    border-color: #00a5d2
}
.btn-primary .badge {
    color: #00b1e1;
    background-color: #fff
}
.btn-primary.btn-outline {
    color: #00a5d2;
    background-color: transparent
}
.btn-success {
    color: #fff;
    background-color: #91c854;
    border-color: #8ac448
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    color: #fff !important;
    background-color: #85c241 !important;
    border-color: #7db83b;
    font-weight: normal !important;
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
    background-image: none
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #91c854;
    border-color: #8ac448
}
.btn-success .badge {
    color: #91c854;
    background-color: #fff
}
.btn-success.btn-outline {
    color: #8ac448;
    background-color: transparent
}
.btn-info {
    color: #fff;
    background-color: #63d3e9;
    border-color: #36c6e3
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    color: #fff !important;
    background-color: #4dcde6 !important;
    border-color: #20c0e0;
    font-weight: normal !important;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    background-image: none
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #63d3e9;
    border-color: #36c6e3
}
.btn-info .badge {
    color: #63d3e9;
    background-color: #fff
}
.btn-info.btn-outline {
    color: #36c6e3;
    background-color: transparent
}
.btn-warning {
    color: #fff;
    background-color: #ffd66a;
    border-color: #ffd25b
}
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
    color: #fff !important;
    background-color: #ffcf51 !important;
    border-color: #ffcb41;
    font-weight: normal !important;
}
.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
    background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #ffd66a;
    border-color: #ffd25b
}
.btn-warning .badge {
    color: #ffd66a;
    background-color: #fff
}
.btn-warning.btn-outline {
    color: #ffd25b;
    background-color: transparent
}
.btn-danger {
    color: #fff;
    background-color: #ed5466;
    border-color: #ec465a
}
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #eb3d51;
    border-color: #e92f45
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    background-image: none
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #ed5466;
    border-color: #ec465a
}
.btn-danger .badge {
    color: #ed5466;
    background-color: #fff
}
.btn-danger.btn-outline {
    color: #ec465a;
    background-color: transparent
}
.btn-inverse {
    color: #fff;
    background-color: #2a2a2a;
    border-color: #222
}
.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #161616
}
.btn-inverse.active, .btn-inverse:active, .open>.dropdown-toggle.btn-inverse {
    background-image: none
}
.btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
    background-color: #2a2a2a;
    border-color: #222
}
.btn-inverse .badge {
    color: #2a2a2a;
    background-color: #fff
}
.btn-inverse.btn-outline {
    color: #222;
    background-color: transparent
}
.btn-teal {
    color: #fff;
    background-color: #6bccb4;
    border-color: #60c8ae
}
.btn-teal.active, .btn-teal.focus, .btn-teal:active, .btn-teal:focus, .btn-teal:hover, .open>.dropdown-toggle.btn-teal {
    color: #fff;
    background-color: #58c5aa;
    border-color: #4dc2a5
}
.btn-teal.active, .btn-teal:active, .open>.dropdown-toggle.btn-teal {
    background-image: none
}
.btn-teal.disabled, .btn-teal.disabled.active, .btn-teal.disabled.focus, .btn-teal.disabled:active, .btn-teal.disabled:focus, .btn-teal.disabled:hover, .btn-teal[disabled], .btn-teal[disabled].active, .btn-teal[disabled].focus, .btn-teal[disabled]:active, .btn-teal[disabled]:focus, .btn-teal[disabled]:hover, fieldset[disabled] .btn-teal, fieldset[disabled] .btn-teal.active, fieldset[disabled] .btn-teal.focus, fieldset[disabled] .btn-teal:active, fieldset[disabled] .btn-teal:focus, fieldset[disabled] .btn-teal:hover {
    background-color: #6bccb4;
    border-color: #60c8ae
}
.btn-teal .badge {
    color: #6bccb4;
    background-color: #fff
}
.btn-teal.btn-outline {
    color: #60c8ae;
    background-color: transparent
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #37538d
}
.btn-facebook.active, .btn-facebook.focus, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #344e86;
    border-color: #30487b
}
.btn-facebook.active, .btn-facebook:active, .open>.dropdown-toggle.btn-facebook {
    background-image: none
}
.btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled.focus, .btn-facebook.disabled:active, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled].focus, .btn-facebook[disabled]:active, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook, fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook.focus, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover {
    background-color: #3b5998;
    border-color: #37538d
}
.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff
}
.btn-facebook.btn-outline {
    color: #37538d;
    background-color: transparent
}
.btn-google {
    color: #fff;
    background-color: #DA4D2F;
    border-color: #DA4D2F
}
.btn-google.active, .btn-google.focus, .btn-google:active, .btn-google:focus, .btn-google:hover, .open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #DA4D2F;
    border-color: #30487b
}
.btn-google.active, .btn-google:active, .open>.dropdown-toggle.btn-google {
    background-image: none
}
.btn-google.disabled, .btn-google.disabled.active, .btn-google.disabled.focus, .btn-google.disabled:active, .btn-google.disabled:focus, .btn-google.disabled:hover, .btn-google[disabled], .btn-google[disabled].active, .btn-google[disabled].focus, .btn-google[disabled]:active, .btn-google[disabled]:focus, .btn-google[disabled]:hover, fieldset[disabled] .btn-google, fieldset[disabled] .btn-google.active, fieldset[disabled] .btn-google.focus, fieldset[disabled] .btn-google:active, fieldset[disabled] .btn-google:focus, fieldset[disabled] .btn-google:hover {
    background-color: #DA4D2F;
    border-color: #DA4D2F
}
.btn-google .badge {
    color: #DA4D2F;
    background-color: #fff
}
.btn-google.btn-outline {
    color: #DA4D2F;
    background-color: transparent
}
.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: #47a5ed
}
.btn-twitter.active, .btn-twitter.focus, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #3ea1ec;
    border-color: #309aea
}
.btn-twitter.active, .btn-twitter:active, .open>.dropdown-toggle.btn-twitter {
    background-image: none
}
.btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled.focus, .btn-twitter.disabled:active, .btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled], .btn-twitter[disabled].active, .btn-twitter[disabled].focus, .btn-twitter[disabled]:active, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter, fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter.focus, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover {
    background-color: #55acee;
    border-color: #47a5ed
}
.btn-twitter .badge {
    color: #55acee;
    background-color: #fff
}
.btn-twitter.btn-outline {
    color: #47a5ed;
    background-color: transparent
}
.pager>li>a, .pager>li>span, .pagination>li>a, .pagination>li>span {
    color: #00b1e1;
    border-color: #cfd9db
}
.pager>li>a:focus, .pager>li>a:hover, .pager>li>span:focus, .pager>li>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #00a5d2;
    background-color: #ecf0f1;
    border-color: #c9d4d7
}
.pager>.active>a, .pager>.active>a:focus, .pager>.active>a:hover, .pager>.active>span, .pager>.active>span:focus, .pager>.active>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #00a9d7;
    background-color: #ecf0f1;
    border-color: #c9d4d7
}
.dropdown-menu {
    font-size: 13px;
    border-color: #cfd9db;
    padding: 5px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}
.dropdown-menu .dropdown-menu {
    position: static;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.dropdown-menu>li {
    margin: 0;
    text-align: left
}
.dropdown-menu>li>a {
    line-height: 20px;
    color: #5e5e5e;
    padding: 4px 15px!important
}
.dropdown-menu>li>a:active, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    outline: 0;
    background-color: #f8f8f8;
    color: #444
}
.dropdown-menu>li>a>.icon {
    display: inline-block;
    min-width: 14px;
    text-align: center;
    margin-right: 6px
}
.dropdown-menu>li.active>a, .dropdown-menu>li:active>a {
    background-color: #f8f8f8;
    color: #444
}
.dropdown-menu>li.active>a:hover, .dropdown-menu>li:active>a:hover {
    background-color: #f8f8f8;
    color: #373737
}
.dropdown-menu>.dropdown-header {
    padding: 6px 15px!important;
    font-size: 13px;
    font-weight: 600
}
.dropdown-menu>.dropdown-content {
    padding: 4px 15px
}
.dropdown-menu .divider {
    margin: 4px 0;
    background-color: #ecf0f1
}
.dropdown-menu.dropdown-menu-alt {
    min-width: 220px;
    padding: 0
}
.dropdown-menu.dropdown-menu-alt>li>a {
    padding: 8px 15px!important
}
.dropdown-menu.dropdown-menu-alt>li+li {
    border-top: 1px solid #eff2f3
}
.dropdown-menu.dropdown-menu-alt>li: last-child>a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.dropdown.custom>.dropdown-menu {
    border-color: #e0e7e8
}
.dropdown.custom>.dropdown-menu>.dropdown-header {
    display: table;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e6ebed;
    padding: 0 15px!important;
    height: 36px;
    line-height: 36px;
    color: #5e5e5e
}
.dropdown.custom>.dropdown-menu>.dropdown-header>.title {
    display: table-cell;
    font-weight: 600
}
.dropdown.custom>.dropdown-menu>.dropdown-header>.option {
    display: table-cell;
    font-weight: 400
}
.dropdown.custom>.dropdown-menu .dropdown-body, .dropdown.custom>.dropdown-menu>.viewport {
    max-height: 300px
}
.dropdown.custom>.dropdown-menu .dropdown-body {
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}
.dropdown.custom>.dropdown-menu .form-horizontal, .dropdown.custom>.dropdown-menu form {
    padding: 6px 15px;
    background-color: #fafafa;
    border-bottom: 1px solid #e6ebed
}
.dropdown.mega>.dropdown-menu {
    width: auto!important;
    left: 0!important;
    right: 0!important
}
.badge, .label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.7;
    height: 18px;
    min-width: 18px;
    padding: 0 6px
}
.badge: empty, .label: empty {
    display: none
}
.hasnotification {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-indent: -999999px;
    border-radius: 50%;
    background-color: #eee
}
.badge-default, .label-default {
    background-color: #ecf0f1;
    color: #94aab0
}
.badge-primary, .hasnotification-primary, .label-primary {
    background-color: #00b1e1
}
.badge-success, .hasnotification-success, .label-success {
    background-color: #91c854
}
.badge-info, .hasnotification-info, .label-info {
    background-color: #63d3e9
}
.badge-warning, .hasnotification-warning, .label-warning {
    background-color: #ffd66a
}
.badge-danger, .hasnotification-danger, .label-danger {
    background-color: #ed5466
}
.badge-teal, .hasnotification-teal, .label-teal {
    background-color: #6bccb4
}
.badge-inverse, .hasnotification-inverse, .label-inverse {
    background-color: #2a2a2a;
    color: #fff
}

blockquote {
    padding-left: 40px;
    border-width: 0
}
blockquote>p {
    position: relative;
    font-style: italic;
    font-size: 18px!important
}
blockquote>p:before {
    position: absolute;
    top: -1px;
    margin-left: -25px;
    font-family: iconfont;
    font-size: 18px;
    content: "\e19f";
    color: #eee
}
blockquote>p:after {
    position: absolute;
    bottom: -1px;
    margin-left: 5px;
    font-family: iconfont;
    font-size: 18px;
    content: "\e1a0";
    color: #eee
}
.blockquote-reverse {
    padding-left: 20px;
    padding-right: 40px;
    border-width: 0
}
.breadcrumb.breadcrumb-transparent {
    background-color: transparent
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    line-height: normal
}
h1>small, h2>small, h3>small, h4>small, h5>small, h6>small {
    color: inherit
}
.bold {
    font-weight: 700
}
.semibold {
    font-weight: 600
}
.thin {
    font-weight: 300
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-white {
    color: #fff!important
}
.text-accent {
    color: #007dc6!important
}
a.text-accent:hover {
    color: #009d95!important
}
.text-default {
    color: #777!important
}
a.text-default:hover {
    color: #5e5e5e!important
}
.text-white {
    color: #f2f2f2!important
}
a.text-white:hover {
    color: #fff!important
}
.text-muted {
    color: #a2a2a2!important
}
a.text-muted:hover {
    color: #bbb!important
}
.text-primary {
    color: #00b1e1!important
}
a.text-primary:hover {
    color: #009dc8!important
}
.text-success {
    color: #91c854!important
}
a.text-success:hover {
    color: #85c241!important
}
.text-info {
    color: #63d3e9!important
}
a.text-info:hover {
    color: #4dcde6!important
}
.text-warning {
    color: #ffd66a!important
}
a.text-warning:hover {
    color: #ffcf51!important
}
.text-danger {
    color: #ed5466!important
}
a.text-danger:hover {
    color: #eb3d51!important
}
.text-teal {
    color: #6bccb4!important
}
a.text-teal:hover {
    color: #58c5aa!important
}
.longshadow {
    text-shadow: #e2e2e2 1px 1px, #e2e2e2 2px 2px, #e2e2e2 3px 3px, #e3e3e3 4px 4px, #e5e5e5 5px 5px, #e7e7e7 6px 6px, #e8e8e8 7px 7px, #eaeaea 8px 8px, #ececec 9px 9px, #eee 10px 10px
}
.dropcap {
    float: left;
    padding: 0 10px;
    font-size: 32px;
    margin-right: 10px;
    border-radius: 3px
}
.img-circle {
    border-radius: 50%!important
}
.img-bordered {
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff
}
.img-bordered-primary {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00b1e1;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00b1e1
}
.img-bordered-success {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #91c854;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #91c854
}
.img-bordered-info {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #63d3e9;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #63d3e9
}
.img-bordered-warning {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd66a;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd66a
}
.img-bordered-danger {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ed5466;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ed5466
}
.img-bordered-inverse {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2a2a2a;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2a2a2a
}
.img-bordered-teal {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6bccb4;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6bccb4
}
.img-group>.more, .img-group>img {
    width: 38px;
    height: 38px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}
.img-group>.more {
    display: inline-block;
    vertical-align: top;
    background-color: #007dc6;
    line-height: 38px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff
}
.img-group-stack>img~.more, .img-group-stack>img~img {
    margin-left: -18px
}
.img-grid .row {
    margin: 0
}
.img-grid .row+.row {
    padding-top: 5px
}
.img-grid .row[class*=" col-"], .img-grid .row>[class^=col-] {
    padding: 0
}
.img-grid .row[class*=" col-"][class*=" col-"], .img-grid .row[class*=" col-"]+[class^=col-], .img-grid .row>[class^=col-][class*=" col-"], .img-grid .row>[class^=col-]+[class^=col-] {
    padding-left: 5px
}
.img-grid+.row {
    padding-top: 5px
}
.indicator {
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 2px;
    cursor: progress
}
.indicator.inline {
    display: block;
    position: relative;
    z-index: 9;
    height: 34px;
    background-color: transparent;
    border-radius: 0
}
.indicator>.fa-refresh {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;

}
.pln {
    color: #000
}
.str {
    color: #080
}
.kwd {
    color: #008
}
.com {
    color: #800
}
.typ {
    color: #606
}
.lit {
    color: #066
}
.clo, .opn, .pun {
    color: #660
}
.tag {
    color: #008
}
.atn {
    color: #606
}
.atv {
    color: #080
}
.dec, .var {
    color: #606
}
.fun {
    color: red
}
pre.prettyprint {
    padding: 2px
}
ol.linenums {
    margin: 0
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #eee
}
.progress {
    display: block;
    margin-bottom: 15px;
    background-color: #e6ebed;
    box-shadow: none;
    -webkit-box-shadow: none
}
.progress.progress-sm {
    height: 15px
}
.progress.progress-xs {
    height: 6px
}
.progress .progress-bar {
    background-color: #00b1e1;
    box-shadow: none;
    -webkit-box-shadow: none
}
.progress .progress-bar.progress-bar-success {
    background-color: #91c854
}
.progress .progress-bar.progress-bar-info {
    background-color: #63d3e9
}
.progress .progress-bar.progress-bar-warning {
    background-color: #ffd66a
}
.progress .progress-bar.progress-bar-danger {
    background-color: #ed5466
}
.modal-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
}
.modal-header {
    border-bottom: 1px solid #cfd9db
}
.modal-header+.modal-body {
    border-radius: 0
}
.modal-body {
    background-color: #f5f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.modal-footer {
    margin-top: 0;
    border-top: 1px solid #cfd9db;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.alert {
    padding: 10px
}
.alert: empty {
    display: none
}
.alert-dismissable {
    padding-right: 10px
}
.alert-dismissable .close {
    right: 0
}
.alert-success {
    color: #4e7325!important;
    background-color: #e0f0cf;
    border-color: #d2e8b8
}
.alert-success .gritter-close, .alert-success .gritter-item {
    color: #4e7325!important
}
.alert-info {
    color: #16879d!important;
    background-color: #e9f9fc;
    border-color: #d3f3f9
}
.alert-info .gritter-close, .alert-info .gritter-item {
    color: #16879d!important
}
.alert-warning {
    color: #da9e00!important;
    background-color: #fff9ea;
    border-color: #fff3d5
}
.alert-warning .gritter-close, .alert-warning .gritter-item {
    color: #da9e00!important
}
.alert-danger {
    color: #e8263d!important;
    background-color: #fcdee2;
    border-color: #faccd1
}
.alert-danger .gritter-close, .alert-danger .gritter-item {
    color: #e8263d!important
}
.animation {
    visibility: hidden
}
.animation.delay {
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}
.animation.infinite {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animation.animating {
    visibility: visible;
    -webkit-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}
.animation.animated {
    visibility: visible
}
.animation.hinge {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   40% {
       -webkit-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px)
 }
}
@-o-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   40% {
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       -o-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  60% {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px)
 }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   40% {
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       -o-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  60% {
      -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px)
 }
}
.bounce {
    -webkit-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
   }
   25%, 75% {
       opacity: 0
  }
}
@-o-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
   }
   25%, 75% {
       opacity: 0
  }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
   }
   25%, 75% {
       opacity: 0
  }
}
.flash {
    -webkit-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
   }
   50% {
       -webkit-transform: scale(1.1);
       transform: scale(1.1)
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1)
 }
}
@-o-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   50% {
       -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
       transform: scale(1.1)
  }
  100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
 }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   50% {
       -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
       transform: scale(1.1)
  }
  100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1)
 }
}
.pulse {
    -webkit-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
   }
   30% {
       -webkit-transform: scaleX(1.25) scaleY(0.75);
       transform: scaleX(1.25) scaleY(0.75)
  }
  40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25)
 }
 60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1)
}
}
@-o-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   30% {
       -webkit-transform: scaleX(1.25) scaleY(0.75);
       -ms-transform: scaleX(1.25) scaleY(0.75);
       -o-transform: scaleX(1.25) scaleY(0.75);
       transform: scaleX(1.25) scaleY(0.75)
  }
  40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      -ms-transform: scaleX(0.75) scaleY(1.25);
      -o-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25)
 }
 60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     -ms-transform: scaleX(1.15) scaleY(0.85);
     -o-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   30% {
       -webkit-transform: scaleX(1.25) scaleY(0.75);
       -ms-transform: scaleX(1.25) scaleY(0.75);
       -o-transform: scaleX(1.25) scaleY(0.75);
       transform: scaleX(1.25) scaleY(0.75)
  }
  40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      -ms-transform: scaleX(0.75) scaleY(1.25);
      -o-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25)
 }
 60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     -ms-transform: scaleX(1.15) scaleY(0.85);
     -o-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   10%, 30%, 50%, 70%, 90% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px)
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px)
 }
}
@-o-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   10%, 30%, 50%, 70%, 90% {
       -webkit-transform: translateX(-10px);
       -ms-transform: translateX(-10px);
       -o-transform: translateX(-10px);
       transform: translateX(-10px)
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px)
 }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   10%, 30%, 50%, 70%, 90% {
       -webkit-transform: translateX(-10px);
       -ms-transform: translateX(-10px);
       -o-transform: translateX(-10px);
       transform: translateX(-10px)
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px)
 }
}
.shake {
    -webkit-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
   }
   40% {
       -webkit-transform: rotate(-10deg);
       transform: rotate(-10deg)
  }
  60% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg)
 }
 80% {
     -webkit-transform: rotate(-5deg);
     transform: rotate(-5deg)
}
100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
}
@-o-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg)
   }
   40% {
       -webkit-transform: rotate(-10deg);
       -ms-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
       transform: rotate(-10deg)
  }
  60% {
      -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg)
 }
 80% {
     -webkit-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     transform: rotate(-5deg)
}
100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg)
   }
   40% {
       -webkit-transform: rotate(-10deg);
       -ms-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
       transform: rotate(-10deg)
  }
  60% {
      -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
      -o-transform: rotate(5deg);
      transform: rotate(5deg)
 }
 80% {
     -webkit-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     transform: rotate(-5deg)
}
100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
   }
   10%, 20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg)
 }
 40%, 60%, 80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
}
100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   10%, 20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       -ms-transform: scale(0.9) rotate(-3deg);
       -o-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      -o-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg)
 }
 40%, 60%, 80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     -o-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
}
100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   10%, 20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       -ms-transform: scale(0.9) rotate(-3deg);
       -o-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      -o-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg)
 }
 40%, 60%, 80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     -o-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
}
100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}
}
.tada {
    -webkit-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
   }
   15% {
       -webkit-transform: translateX(-25%) rotate(-5deg);
       transform: translateX(-25%) rotate(-5deg)
  }
  30% {
      -webkit-transform: translateX(20%) rotate(3deg);
      transform: translateX(20%) rotate(3deg)
 }
 45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
}
60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
}
75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
}
100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}
}
@-o-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
   }
   15% {
       -webkit-transform: translateX(-25%) rotate(-5deg);
       -ms-transform: translateX(-25%) rotate(-5deg);
       -o-transform: translateX(-25%) rotate(-5deg);
       transform: translateX(-25%) rotate(-5deg)
  }
  30% {
      -webkit-transform: translateX(20%) rotate(3deg);
      -ms-transform: translateX(20%) rotate(3deg);
      -o-transform: translateX(20%) rotate(3deg);
      transform: translateX(20%) rotate(3deg)
 }
 45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     -ms-transform: translateX(-15%) rotate(-3deg);
     -o-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
}
60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
}
75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
}
100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}
}
@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
   }
   15% {
       -webkit-transform: translateX(-25%) rotate(-5deg);
       -ms-transform: translateX(-25%) rotate(-5deg);
       -o-transform: translateX(-25%) rotate(-5deg);
       transform: translateX(-25%) rotate(-5deg)
  }
  30% {
      -webkit-transform: translateX(20%) rotate(3deg);
      -ms-transform: translateX(20%) rotate(3deg);
      -o-transform: translateX(20%) rotate(3deg);
      transform: translateX(20%) rotate(3deg)
 }
 45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     -ms-transform: translateX(-15%) rotate(-3deg);
     -o-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
}
60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
}
75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
}
100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}
}
.wobble {
    -webkit-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       transform: scale(1.05)
  }
  70% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9)
 }
 100% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
}
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
       transform: scale(1.05)
  }
  70% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9)
 }
 100% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1)
}
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
       transform: scale(1.05)
  }
  70% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9)
 }
 100% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1)
}
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(30px);
       transform: translateY(30px)
  }
  80% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
 }
 100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(30px);
       -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
       transform: translateY(30px)
  }
  80% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px)
 }
 100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0)
}
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(30px);
       -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
       transform: translateY(30px)
  }
  80% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px)
 }
 100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0)
}
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(30px);
       transform: translateX(30px)
  }
  80% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px)
 }
 100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(30px);
       -ms-transform: translateX(30px);
       -o-transform: translateX(30px);
       transform: translateX(30px)
  }
  80% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      -o-transform: translateX(-10px);
      transform: translateX(-10px)
 }
 100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0)
}
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(30px);
       -ms-transform: translateX(30px);
       -o-transform: translateX(30px);
       transform: translateX(30px)
  }
  80% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      -o-transform: translateX(-10px);
      transform: translateX(-10px)
 }
 100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0)
}
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
       transform: translateX(-30px)
  }
  80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px)
 }
 100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
       -ms-transform: translateX(-30px);
       -o-transform: translateX(-30px);
       transform: translateX(-30px)
  }
  80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px)
 }
 100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0)
}
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
       -ms-transform: translateX(-30px);
       -o-transform: translateX(-30px);
       transform: translateX(-30px)
  }
  80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      -o-transform: translateX(10px);
      transform: translateX(10px)
 }
 100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0)
}
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  80% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px)
 }
 100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       -o-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  80% {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px)
 }
 100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0)
}
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       -o-transform: translateY(-30px);
       transform: translateY(-30px)
  }
  80% {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px)
 }
 100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0)
}
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
   }
   25% {
       -webkit-transform: scale(0.95);
       transform: scale(0.95)
  }
  50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
 }
 100% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     transform: scale(0.3)
}
}
@-o-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   25% {
       -webkit-transform: scale(0.95);
       -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
       transform: scale(0.95)
  }
  50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1)
 }
 100% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     -ms-transform: scale(0.3);
     -o-transform: scale(0.3);
     transform: scale(0.3)
}
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
   }
   25% {
       -webkit-transform: scale(0.95);
       -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
       transform: scale(0.95)
  }
  50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1)
 }
 100% {
     opacity: 0;
     -webkit-transform: scale(0.3);
     -ms-transform: scale(0.3);
     -o-transform: scale(0.3);
     transform: scale(0.3)
}
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      transform: translateY(2000px)
 }
}
@-o-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
       transform: translateY(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px)
 }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
       transform: translateY(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(2000px);
      -ms-transform: translateY(2000px);
      -o-transform: translateY(2000px);
      transform: translateY(2000px)
 }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       transform: translateX(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      transform: translateX(-2000px)
 }
}
@-o-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       -o-transform: translateX(20px);
       transform: translateX(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px)
 }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       -o-transform: translateX(20px);
       transform: translateX(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(-2000px);
      -ms-transform: translateX(-2000px);
      -o-transform: translateX(-2000px);
      transform: translateX(-2000px)
 }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      transform: translateX(2000px)
 }
}
@-o-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       -o-transform: translateX(-20px);
       transform: translateX(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px)
 }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       -o-transform: translateX(-20px);
       transform: translateX(-20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(2000px);
      -ms-transform: translateX(2000px);
      -o-transform: translateX(2000px);
      transform: translateX(2000px)
 }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       transform: translateY(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px)
 }
}
@-o-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       -o-transform: translateY(20px);
       transform: translateY(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px)
 }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       -o-transform: translateY(20px);
       transform: translateY(20px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      -o-transform: translateY(-2000px);
      transform: translateY(-2000px)
 }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
   }
   100% {
       opacity: 1
  }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
   }
   100% {
       opacity: 1
  }
}
@keyframes fadeIn {
    0% {
        opacity: 0
   }
   100% {
       opacity: 1
  }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
   }
   100% {
       opacity: 0
  }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1
   }
   100% {
       opacity: 0
  }
}
@keyframes fadeOut {
    0% {
        opacity: 1
   }
   100% {
       opacity: 0
  }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       transform: translateY(20px)
  }
}
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       -o-transform: translateY(20px);
       transform: translateY(20px)
  }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       -o-transform: translateY(20px);
       transform: translateY(20px)
  }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       -o-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       -o-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px)
  }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       -o-transform: translateX(-20px);
       transform: translateX(-20px)
  }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       -o-transform: translateX(-20px);
       transform: translateX(-20px)
  }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       -o-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       -o-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       transform: translateX(20px)
  }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       -o-transform: translateX(20px);
       transform: translateX(20px)
  }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       -o-transform: translateX(20px);
       transform: translateX(20px)
  }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       -o-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       -o-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px)
  }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
       transform: translateY(-20px)
  }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
       transform: translateY(-20px)
  }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       -o-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       -o-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
   }
   40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out
  }
  50% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
 }
 80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
}
100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
}
@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
   }
   40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out
  }
  50% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
 }
 80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in;
     -o-animation-timing-function: ease-in;
     animation-timing-function: ease-in
}
100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
   }
   40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -webkit-animation-timing-function: ease-out;
       -o-animation-timing-function: ease-out;
       animation-timing-function: ease-out
  }
  50% {
      -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      -webkit-animation-timing-function: ease-in;
      -o-animation-timing-function: ease-in;
      animation-timing-function: ease-in
 }
 80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
     -webkit-animation-timing-function: ease-in;
     -o-animation-timing-function: ease-in;
     animation-timing-function: ease-in
}
100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateX(-10deg);
       transform: perspective(400px) rotateX(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
}
}
@-o-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateX(-10deg);
       -ms-transform: perspective(400px) rotateX(-10deg);
       transform: perspective(400px) rotateX(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      -ms-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
}
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateX(-10deg);
       -ms-transform: perspective(400px) rotateX(-10deg);
       transform: perspective(400px) rotateX(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      -ms-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateY(-10deg);
       transform: perspective(400px) rotateY(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
}
}
@-o-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateY(-10deg);
       -ms-transform: perspective(400px) rotateY(-10deg);
       transform: perspective(400px) rotateY(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      -ms-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
}
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
   }
   40% {
       -webkit-transform: perspective(400px) rotateY(-10deg);
       -ms-transform: perspective(400px) rotateY(-10deg);
       transform: perspective(400px) rotateY(-10deg)
  }
  70% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      -ms-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg)
 }
 100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
}
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0
  }
}
@-o-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       -ms-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0
  }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       -ms-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0
  }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0
  }
}
@-o-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       -ms-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0
  }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       -ms-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0
  }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
   }
   60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       opacity: 1
  }
  80% {
      -webkit-transform: translateX(0%) skewX(-15deg);
      transform: translateX(0%) skewX(-15deg);
      opacity: 1
 }
 100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
}
}
@-o-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
   }
   60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       -ms-transform: translateX(-20%) skewX(30deg);
       -o-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       opacity: 1
  }
  80% {
      -webkit-transform: translateX(0%) skewX(-15deg);
      -ms-transform: translateX(0%) skewX(-15deg);
      -o-transform: translateX(0%) skewX(-15deg);
      transform: translateX(0%) skewX(-15deg);
      opacity: 1
 }
 100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     -o-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
}
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
   }
   60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       -ms-transform: translateX(-20%) skewX(30deg);
       -o-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       opacity: 1
  }
  80% {
      -webkit-transform: translateX(0%) skewX(-15deg);
      -ms-transform: translateX(0%) skewX(-15deg);
      -o-transform: translateX(0%) skewX(-15deg);
      transform: translateX(0%) skewX(-15deg);
      opacity: 1
 }
 100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     -o-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
}
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0
  }
}
@-o-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       -ms-transform: translateX(100%) skewX(-30deg);
       -o-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0
  }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
   }
   100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       -ms-transform: translateX(100%) skewX(-30deg);
       -o-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0
  }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@-o-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       -o-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       -o-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@-o-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@-o-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       opacity: 1
  }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0
  }
}
@-o-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       -o-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(200deg);
       -ms-transform: rotate(200deg);
       -o-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0
  }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       -o-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(200deg);
       -ms-transform: rotate(200deg);
       -o-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0
  }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0
  }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
   }
   100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       -o-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0
  }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px)
   }
   100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0)
  }
}
@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
   }
   100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       -o-transform: translateX(0);
       transform: translateX(0)
  }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
@-o-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       -o-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       -o-transform: translateX(-2000px);
       transform: translateX(-2000px)
  }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
@-o-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       -o-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       -o-transform: translateX(2000px);
       transform: translateX(2000px)
  }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
@-o-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       -o-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       -o-transform: translateY(-2000px);
       transform: translateY(-2000px)
  }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(0);
       transform: translateY(0)
  }
}
@-o-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
  }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
@-o-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       -o-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       -o-transform: translateY(2000px);
       transform: translateY(2000px)
  }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(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: rotate(80deg);
       transform: rotate(80deg);
       -webkit-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out
  }
  40% {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
 }
 80% {
     -webkit-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
}
100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0
}
}
@-o-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
   }
   20%, 60% {
       -webkit-transform: rotate(80deg);
       -ms-transform: rotate(80deg);
       -o-transform: rotate(80deg);
       transform: rotate(80deg);
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       -o-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out
  }
  40% {
      -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      -o-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      -o-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      -o-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
 }
 80% {
     -webkit-transform: rotate(60deg) translateY(0);
     -ms-transform: rotate(60deg) translateY(0);
     -o-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     -o-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     -o-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
}
100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0
}
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
   }
   20%, 60% {
       -webkit-transform: rotate(80deg);
       -ms-transform: rotate(80deg);
       -o-transform: rotate(80deg);
       transform: rotate(80deg);
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       -o-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out
  }
  40% {
      -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      -o-transform: rotate(60deg);
      transform: rotate(60deg);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      -o-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      -o-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
 }
 80% {
     -webkit-transform: rotate(60deg) translateY(0);
     -ms-transform: rotate(60deg) translateY(0);
     -o-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     -o-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     -o-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
}
100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0
}
}
.hinge {
    -webkit-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg)
  }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       -ms-transform: translateX(0px) rotate(0deg);
       -o-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg)
  }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       -ms-transform: translateX(0px) rotate(0deg);
       -o-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg)
  }
}
.rollIn {
    -webkit-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(100%) rotate(120deg);
       transform: translateX(100%) rotate(120deg)
  }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(100%) rotate(120deg);
       -ms-transform: translateX(100%) rotate(120deg);
       -o-transform: translateX(100%) rotate(120deg);
       transform: translateX(100%) rotate(120deg)
  }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(100%) rotate(120deg);
       -ms-transform: translateX(100%) rotate(120deg);
       -o-transform: translateX(100%) rotate(120deg);
       transform: translateX(100%) rotate(120deg)
  }
}
.rollOut {
    -webkit-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}
.nav>li h1, .nav>li h2, .nav>li h3, .nav>li h4, .nav>li h5, .nav>li h6 {
    margin: 0
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    border-color: transparent
}
.nav-pills>li>a {
    border-radius: 3px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #00b1e1
}
.nav-pills>li>a:focus, .nav-pills>li>a:hover {
    background-color: #eee
}
.nav-tabs {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #dde4e6
}
.nav-tabs>li>a {
    color: #aaa;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.nav-tabs>li.open>a, .nav-tabs>li>a:hover {
    color: #777
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #cfd9db;
    border-bottom-color: transparent;
    color: #5e5e5e
}
.tab-content.panel {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.tab-content.panel .tab-pane {
    padding: 15px
}
.nav-justified>li {
    display: table-cell;
    width: 1%
}
.nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    border-bottom-color: #cfd9db
}
.nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li.active>a:hover {
    border-bottom-color: transparent
}
.nav-section.nav-justified>li {
    display: table-cell;
    width: 1%
}
.nav-section>li {
    position: relative
}
.nav-section>li>.section, .nav-section>li>a {
    position: relative;
    padding: 5px 10px;
    margin: 0;
    text-align: center
}
.nav-section>li>.section:after, .nav-section>li>a:after {
    position: absolute;
    z-index: 1;
    content: "";
    width: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyMTUsIDIyNCwgMjI2KSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q3ZTBlMiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjE1LCAyMjQsIDIyNikiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, rgba(215, 224, 226, .2) 0, #d7e0e2 50%, rgba(215, 224, 226, .2) 100%);
    background-image: -o-linear-gradient(top, rgba(215, 224, 226, .2) 0, #d7e0e2 50%, rgba(215, 224, 226, .2) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(215, 224, 226, .2)), color-stop(50%, #d7e0e2), to(rgba(215, 224, 226, .2)));
    background-image: linear-gradient(to bottom, rgba(215, 224, 226, .2) 0, #d7e0e2 50%, rgba(215, 224, 226, .2) 100%)
}
.nav-section>li: last-child>.section:after, .nav-section>li: last-child>a:after {
    background: 0 0;
    -webkit-filter: none;
    filter: none
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    border-color: #e6ebed;
    padding: 10px
}
.table tr>th, .table>thead>tr>th {
    color: #5e5e5e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    font-weight: 600;
    background-color: #f9f9f9
}
.table>thead>tr>th {
    border-bottom: 2px solid #cfd9db!important
}
.table-responsive>.table {
    margin-bottom: 0
}
.table .media-object {
    display: inline-block;
    width: 30px;
    height: 30px
}
.table .media-object>img {
    width: 100%
}
.table-email>tbody>tr:first-child>td {
    border-top-width: 0
}
.table-email>tbody>tr>td.meta>.sender {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #5e5e5e
}
.table-email>tbody>tr>td.meta>.date {
    margin: 0;
    font-size: 12px;
    color: #aaa
}
.table-email>tbody>tr>td.message>.heading {
    margin: 0;
    font-size: 13px;
    font-weight: 600
}
.table-email>tbody>tr>td.message>.text {
    margin: 0;
    color: #919191
}
.table-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
    padding: 0
}
.table-layout.table-layout-section>[class*=" col-xs"], .table-layout.table-layout-section>[class^=col-xs] {
    border-right: 1px solid #ecf0f1
}
.table-layout.table-layout-section>[class*=" col-xs"]: last-child, .table-layout.table-layout-section>[class^=col-xs]: last-child {
    border-right-width: 0
}
.table-layout>[class*=" col-"], .table-layout>[class^=col-] {
    position: static;
    padding: 0
}
.table-layout>.col-xs-1, .table-layout>.col-xs-10, .table-layout>.col-xs-11, .table-layout>.col-xs-2, .table-layout>.col-xs-3, .table-layout>.col-xs-4, .table-layout>.col-xs-5, .table-layout>.col-xs-6, .table-layout>.col-xs-7, .table-layout>.col-xs-8, .table-layout>.col-xs-9 {
    display: table-cell;
    table-layout: fixed;
    float: none;
    vertical-align: middle
}
@media (min-width: 768px) {
    .table-layout>.col-sm-1, .table-layout>.col-sm-10, .table-layout>.col-sm-11, .table-layout>.col-sm-2, .table-layout>.col-sm-3, .table-layout>.col-sm-4, .table-layout>.col-sm-5, .table-layout>.col-sm-6, .table-layout>.col-sm-7, .table-layout>.col-sm-8, .table-layout>.col-sm-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle
   }
   .table-layout.table-layout-section>[class*=" col-sm"], .table-layout.table-layout-section>[class^=col-sm] {
       border-right: 1px solid #ecf0f1
  }
  .table-layout.table-layout-section>[class*=" col-sm"]: last-child, .table-layout.table-layout-section>[class^=col-sm]: last-child {
      border-right-width: 0
 }
}
@media (min-width: 992px) {
    .table-layout>.col-md-1, .table-layout>.col-md-10, .table-layout>.col-md-11, .table-layout>.col-md-2, .table-layout>.col-md-3, .table-layout>.col-md-4, .table-layout>.col-md-5, .table-layout>.col-md-6, .table-layout>.col-md-7, .table-layout>.col-md-8, .table-layout>.col-md-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle
   }
   .table-layout.table-layout-section>[class*=" col-md"], .table-layout.table-layout-section>[class^=col-md] {
       border-right: 1px solid #ecf0f1
  }
  .table-layout.table-layout-section>[class*=" col-md"]: last-child, .table-layout.table-layout-section>[class^=col-md]: last-child {
      border-right-width: 0
 }
}
@media (min-width: 1200px) {
    .table-layout>.col-lg-1, .table-layout>.col-lg-10, .table-layout>.col-lg-11, .table-layout>.col-lg-2, .table-layout>.col-lg-3, .table-layout>.col-lg-4, .table-layout>.col-lg-5, .table-layout>.col-lg-6, .table-layout>.col-lg-7, .table-layout>.col-lg-8, .table-layout>.col-lg-9 {
        display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: middle
   }
   .table-layout.table-layout-section>[class*=" col-lg"], .table-layout.table-layout-section>[class^=col-lg] {
       border-right: 1px solid #ecf0f1
  }
  .table-layout.table-layout-section>[class*=" col-lg"]: last-child, .table-layout.table-layout-section>[class^=col-lg]: last-child {
      border-right-width: 0
 }
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #f8f8f8
}
.table-striped>tbody>tr.odd>td, .table-striped>tbody>tr.odd>th, .table-striped>tbody>tr: nth-child(odd)>td, .table-striped>tbody>tr: nth-child(odd)>th {
    background-color: #fbfbfb
}
.table>tbody>tr.stroke>td, .table>tbody>tr.stroke>th, .table>tbody>tr>td.stroke, .table>tbody>tr>th.stroke, .table>tfoot>tr.stroke>td, .table>tfoot>tr.stroke>th, .table>tfoot>tr>td.stroke, .table>tfoot>tr>th.stroke, .table>thead>tr.stroke>td, .table>thead>tr.stroke>th, .table>thead>tr>td.stroke, .table>thead>tr>th.stroke {
    background-color: #ecf0f1;
    color: #ccc;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    text-decoration: line-through
}
.table-hover>tbody>tr.stroke:hover>td {
    background-color: #f5f5f5
}
.table-hover>tbody>.active:hover>td, .table-hover>tbody>.active:hover>th, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr>.active:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #ecf0f1!important;
    border-color: #cfd9db
}
.table-hover>tbody>.info:hover>td, .table-hover>tbody>.info:hover>th, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr>.info:hover, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #e9f9fc!important;
    border-color: #d3f3f9
}
.table-hover>tbody>.warning:hover>td, .table-hover>tbody>.warning:hover>th, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr>.warning:hover, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #fff9ea!important;
    border-color: #fff3d5
}
.table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr>.success:hover, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #e0f0cf!important;
    border-color: #d2e8b8
}
.table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr>.danger:hover, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #fcdee2!important;
    border-color: #faccd1
}
.table td .toolbar {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}
.table td .toolbar .btn.btn-link {
    border: none;
    padding: 0 5px
}
.table td .toolbar.toolbar-hover {
    display: none
}
.table tr:hover .toolbar.toolbar-hover {
    display: inline-block
}
@media (max-width: 768px) {
    .table td .toolbar {
        min-width: 80px
   }
   .table-responsive {
       width: 100%;
       overflow-x: scroll;
       overflow-y: hidden;
       border: 0;
       -ms-overflow-style: -ms-autohiding-scrollbar;
       -webkit-overflow-scrolling: touch
  }
  .panel .table-responsive {
      border-left: 0;
      border-right: 0;
      border-top: 0
 }
}
.thumbnail {
    position: relative;
    padding: 0;
    border-width: 0;
    border-radius: 3px
}
.thumbnail .media {
    position: relative;
    overflow: hidden;
    margin-top: 0
}
.thumbnail .media>iframe, .thumbnail .media>img {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    border: 0
}
.thumbnail .media>img[data-toggle=unveil] {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.thumbnail .media>img[data-toggle=unveil].unveiled {
    opacity: 1
}
.thumbnail .media>.indicator {
    display: block;
    z-index: 1
}
.thumbnail .media>.overlay {
    position: absolute;
    z-index: 4;
    border-radius: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 182, 173, .4);
    opacity: 0;
    color: #fff;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.thumbnail .media>.overlay.show {
    opacity: 1
}
.thumbnail .media>.overlay>.toolbar {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center
}
.thumbnail .media>.overlay>.toolbar>.btn {
    width: 40px;
    line-height: 26px;
    border-radius: 50%;
    overflow: hidden;
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 300ms ease;
    -o-transition: -o-transform 300ms ease;
    transition: transform 300ms ease
}
.thumbnail .media>.overlay>.toolbar>.btn+.btn {
    -webkit-transition: -webkit-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: transform 250ms ease
}
.thumbnail .media>.overlay>.toolbar>.btn+.btn+.btn {
    -webkit-transition: -webkit-transform 200ms ease;
    -o-transition: -o-transform 200ms ease;
    transition: transform 200ms ease
}
.thumbnail .media>.overlay>.toolbar>.btn+.btn+.btn+.btn {
    -webkit-transition: -webkit-transform 150ms ease;
    -o-transition: -o-transform 150ms ease;
    transition: transform 150ms ease
}
.thumbnail .media>.overlay>.toolbar>.btn+.btn+.btn+.btn+.btn {
    -webkit-transition: -webkit-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    transition: transform 100ms ease
}
.touch .thumbnail .media>.overlay>.toolbar>.btn {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.touch .thumbnail .media>.overlay>.toolbar {
    top: 15px;
    margin-top: 0
}
.touch .thumbnail .media>.overlay {
    background-color: transparent;
    opacity: 1
}
.thumbnail .media .meta {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.thumbnail .media .meta.meta-hover {
    top: -20%;
    -webkit-transition: top ease-in-out .3s;
    -o-transition: top ease-in-out .3s;
    transition: top ease-in-out .3s
}
.thumbnail .media .meta.bottom {
    top: auto;
    bottom: 0;
    border-radius: 0 0 3px 3px
}
.thumbnail .media .meta.bottom.meta-hover {
    top: auto;
    bottom: -20%;
    -webkit-transition: bottom ease-in-out .3s;
    -o-transition: bottom ease-in-out .3s;
    transition: bottom ease-in-out .3s
}
.thumbnail .media .meta.dark, .thumbnail .media .meta.darken {
    background-color: rgba(0, 0, 0, .5)
}
.thumbnail .media .meta.light {
    background-color: rgba(255, 255, 255, .7)
}
.thumbnail .media:hover>.overlay {
    opacity: 1
}
.thumbnail .media:hover>.overlay>.toolbar>.btn {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.thumbnail .media:hover .meta.meta-hover {
    top: 0;
    -webkit-transition: top ease-in-out .3s;
    -o-transition: top ease-in-out .3s;
    transition: top ease-in-out .3s
}
.thumbnail .media:hover .meta.bottom.meta-hover {
    top: auto;
    bottom: 0;
    -webkit-transition: bottom ease-in-out .3s;
    -o-transition: bottom ease-in-out .3s;
    transition: bottom ease-in-out .3s
}
.thumbnail>.caption .tag {
    font-size: 11px;
    color: #919191;
    margin: 0
}
.thumbnail>.caption~.caption {
    border-top: 1px solid #cfd9db
}
.thumbnail.thumbnail-album {
    border: 1px solid #cfd9db;
    background-color: #fff;
    padding: 0;
    border-radius: 4px
}
.thumbnail.thumbnail-album>.media>.overlay, .thumbnail.thumbnail-album>.media>img {
    border-radius: 3px 3px 0 0
}
.thumbnail.thumbnail-album .meta {
    padding: 9px;
    margin: 0
}
.thumbnail.thumbnail-album .meta>li {
    display: table-cell;
    vertical-align: middle;
    width: 1%
}
a.thumbnail {
    position: relative;
    padding: 4px;
    border-width: 1px
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #00b1e1
}
.panel .thumbnail {
    border-radius: 0;
    border: 0;
    margin-bottom: 0
}
.panel .thumbnail+.thumbnail {
    margin-top: 5px
}
.panel .thumbnail .media iframe, .panel .thumbnail .media img, .panel .thumbnail .media>.overlay, .panel .thumbnail.thumbnail-album .media>.overlay {
    border-radius: 0
}
.panel {
    position: relative;
    border-width: 1px 1px 2px;
    /*border-color: #cfd9db #cfd9db #c0cdd1;*/
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}
.panel.no-border {
    border-width: 0
}
.panel hr {
    border-color: #dde4e6
}
.sidebar .panel {
    background-color: transparent;
    border-radius: 0!important;
    color: #888;
    border-width: 0!important
}
.panel>.panel-collapse.pull {
    display: none
}
.panel>.panel-collapse.pull.out {
    position: relative;
    display: block
}
.panel>.panel-collapse.pulling {
    position: relative;
    overflow: hidden
}
.widget {
    margin-bottom: 20px
}
.widget .panel, .widget.panel {
    border-bottom-width: 1px;
    border-bottom-color: #cfd9db;
    overflow: hidden
}
.panel>.panel-ribbon {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    top: -1px;
    left: -1px;
    width: 40px;
    height: 40px;
    border-top-left-radius: 3px;
    color: #888;
    text-decoration: none
}
.panel>.panel-ribbon.pull-right {
    left: auto;
    right: -1px;
    border-top-right-radius: 3px;
    text-align: right
}
.panel>.panel-ribbon>[class*=" ico-"], .panel>.panel-ribbon>[class^=ico-] {
    display: inline-block;
    position: relative;
    width: 13px;
    line-height: 13px;
    margin-top: 6px;
    margin-left: 6px;
    text-align: center;
    z-index: 1
}
.panel>.panel-ribbon.pull-right>[class*=" ico-"], .panel>.panel-ribbon.pull-right>[class^=ico-] {
    margin-right: 6px;
    margin-left: 0
}
.panel>.panel-ribbon.pull-right:after {
    border-width: 0 40px 40px 0;
    border-color: transparent #eee transparent transparent
}
.panel>.panel-ribbon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #eee transparent transparent
}
.panel>.panel-ribbon-primary {
    color: #007594
}
.panel>.panel-ribbon-primary:after {
    border-color: #00b1e1 transparent transparent
}
.panel>.panel-ribbon-primary.pull-right:after {
    border-color: transparent #00b1e1 transparent transparent
}
.panel>.panel-ribbon-success {
    color: #6b9d32
}
.panel>.panel-ribbon-success:after {
    border-color: #91c854 transparent transparent
}
.panel>.panel-ribbon-success.pull-right:after {
    border-color: transparent #91c854 transparent transparent
}
.panel>.panel-ribbon-warning {
    color: #ffc11e
}
.panel>.panel-ribbon-warning:after {
    border-color: #ffd66a transparent transparent
}
.panel>.panel-ribbon-warning.pull-right:after {
    border-color: transparent #ffd66a transparent transparent
}
.panel>.panel-ribbon-info {
    color: #20c0e0
}
.panel>.panel-ribbon-info:after {
    border-color: #63d3e9 transparent transparent
}
.panel>.panel-ribbon-info.pull-right:after {
    border-color: transparent #63d3e9 transparent transparent
}
.panel>.panel-ribbon-danger {
    color: #dd172f
}
.panel>.panel-ribbon-danger:after {
    border-color: #ed5466 transparent transparent
}
.panel>.panel-ribbon-danger.pull-right:after {
    border-color: transparent #ed5466 transparent transparent
}
.panel>.panel-ribbon-inverse {
    color: #040404
}
.panel>.panel-ribbon-inverse:after {
    border-color: #2a2a2a transparent transparent
}
.panel>.panel-ribbon-inverse.pull-right:after {
    border-color: transparent #2a2a2a transparent transparent
}
.panel>.panel-ribbon-teal {
    color: #3cae92
}
.panel>.panel-ribbon-teal:after {
    border-color: #6bccb4 transparent transparent
}
.panel>.panel-ribbon-teal.pull-right:after {
    border-color: transparent #6bccb4 transparent transparent
}
.panel-heading {
    padding: 0 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    border: 1px solid transparent
}
.panel-heading>.panel-title, .panel-heading>.panel-toolbar {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 40px;
    float: none!important
}
.panel-heading>.panel-title.ellipsis, .panel-heading>.panel-toolbar.ellipsis {
    max-width: 10px
}
.panel-heading>.panel-title {
    font-size: 14px;
    font-weight: 600
}
.panel-heading>.panel-title>.icon {
    margin-right: 5px
}
.panel-heading>.panel-title>a, .panel-heading>.panel-title>a:active, .panel-heading>.panel-title>a:focus, .panel-heading>.panel-title>a:hover {
    text-decoration: none;
    outline: 0
}
.panel-heading>.panel .panel-heading+.panel-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.panel-toolbar-wrapper {
    display: block;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e6ebed;
    padding: 0 15px
}
.panel-toolbar-wrapper.bottom {
    border-bottom-width: 0;
    border-top: 1px solid #cfd9db
}
.panel-toolbar-wrapper>.panel-toolbar {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
    height: 40px;
    float: none!important
}
.panel-toolbar-wrapper>.panel-toolbar.ellipsis {
    max-width: 10px
}
.panel .panel-footer>.panel-toolbar-wrapper {
    background-color: transparent;
    padding: 0;
    border-width: 0
}
.panel .panel-toolbar .static-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    color: #777
}
.panel .panel-toolbar .btn-link {
    color: #f3f3f3;
    text-decoration: none
}
.panel .panel-toolbar .btn-link:active, .panel .panel-toolbar .btn-link:focus, .panel .panel-toolbar .btn-link:hover {
    color: #fff;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
.panel.panel-default .panel-toolbar .btn-link {
    color: #00b1e1
}
.panel.panel-default .panel-toolbar .btn-link:active, .panel.panel-default .panel-toolbar .btn-link:focus, .panel.panel-default .panel-toolbar .btn-link:hover {
    color: #009dc8
}
.panel .panel-toolbar>.option {
    display: inline-block;
    float: right;
    min-height: 34px
}
.panel .panel-toolbar>.option>.btn {
    float: left;
    /*background-color:transparent;color:#f3f3f3;*/

padding-left: 6px;
    padding-right: 6px
}
.panel.panel-default .panel-toolbar>.option>.btn {
    /*color:#777*/
}
.panel .panel-toolbar>.option>.btn:active, .panel .panel-toolbar>.option>.btn:focus, .panel .panel-toolbar>.option>.btn:hover {
    color: #fff;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
.panel.panel-default .panel-toolbar>.option>.btn:active, .panel.panel-default .panel-toolbar>.option>.btn:focus, .panel.panel-default .panel-toolbar>.option>.btn:hover {
    color: #5e5e5e
}
.panel .panel-toolbar>.option>.btn .arrow, .panel .panel-toolbar>.option>.btn .reload, .panel .panel-toolbar>.option>.btn .remove {
    display: block;
    font-family: iconfont;
    font-size: 12px;
    width: 12px;
    text-align: center;
    font-style: normal
}
.panel .panel-toolbar>.option>.btn.up>.arrow:before {
    content: "\e670"
}
.panel .panel-toolbar>.option>.btn>.arrow:before {
    content: "\e671"
}
.panel .panel-toolbar>.option>.btn>.reload:before {
    content: "\e61d";
    font-size: 13px
}
.panel .panel-toolbar>.option>.btn>.remove:before {
    content: "\e36c"
}
.panel .panel-toolbar>.form-horizontal .form-group {
    margin: 0
}
.panel .panel-toolbar>.form-horizontal .has-feedback .form-control-feedback {
    right: 0
}
.panel .panel-toolbar>.nav-tabs {
    border-bottom: 0;
    margin-bottom: -4px;
    background-color: transparent
}
.panel .panel-toolbar>.nav-tabs>li>a {
    padding: 8px 15px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    color: #f3f3f3
}
.panel .panel-toolbar>.nav-tabs>li.active>a, .panel .panel-toolbar>.nav-tabs>li.active>a:active, .panel .panel-toolbar>.nav-tabs>li.active>a:focus, .panel .panel-toolbar>.nav-tabs>li.active>a:hover {
    border-color: #cfd9db #cfd9db transparent;
    background-color: #fff;
    color: #444
}
.panel .panel-toolbar>.nav-tabs>li.active>a:before {
    display: none
}
.panel-default .panel-toolbar>.nav-tabs>li.open>a, .panel-default .panel-toolbar>.nav-tabs>li>a:hover {
    border-bottom-color: #cfd9db;
    color: #777
}
.panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li>a, .panel-default .panel-toolbar>.nav-tabs>li>a {
    color: #aaa
}
.panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li.active>a, .panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li.active>a:active, .panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li.active>a:focus, .panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li.active>a:hover, .panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li.open>a, .panel .panel-toolbar-wrapper>.panel-toolbar>.nav-tabs>li>a:hover {
    color: #777
}
.panel-body {
    position: relative
}
.panel-body: last-child {
    border-bottom: 0
}
.panel-body.no-contextual {
    background-color: inherit!important;
    color: inherit!important
}
.panel .panel-body+.table-responsive {
    border-top: 1px solid #e6ebed
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive {
    border-color: #e6ebed
}
.panel-body>.indicator {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.panel .viewport:after {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #fff), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, #fff 0, #fff 15%, rgba(255, 255, 255, 0) 100%)
}
.panel .viewport:before {
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(85%, #fff), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 85%, #fff 100%)
}
.touch .panel-body.slimscroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}
.panel-footer {
    overflow: auto;
    background-color: #f8f8f8;
    border-top: 1px solid #e6ebed;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel-body .panel-footer {
    margin: 15px -15px -15px
}
.panel-footer+.panel-body {
    border-top: 1px solid #cfd9db
}
.panel-group .panel {
    border-radius: 4px
}
.panel-group.panel-group-compact .panel, .panel-group.panel-group-compact .panel .panel-heading {
    border-bottom: none;
    border-radius: 0
}
.panel-group.panel-group-compact .panel:first-child, .panel-group.panel-group-compact .panel:first-child .panel-heading {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
.panel-group.panel-group-compact .panel: last-child {
    border-bottom: 1px solid #cfd9db;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel-group.panel-group-compact .panel+.panel {
    margin: 0
}
.panel-group.panel-group-compact .panel-minimal: last-child {
    border-bottom-width: 0
}
.panel-group .panel-title>a>.arrow, .panel-group .panel-title>a>.plus {
    text-align: left;
    font-family: iconfont;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    width: 12px
}
.panel-group .panel-title>a>.arrow:before {
    content: "\e670"
}
.panel-group .panel-title>a.collapsed>.arrow:before {
    content: "\e671"
}
.panel-group .panel-title>a>.plus:before {
    content: "\e662"
}
.panel-group .panel-title>a.collapsed>.plus:before {
    content: "\e661"
}
.panel-default>.panel-heading {
    color: #444;
    background-color: #f1f1f1;
    border-color: #cfd9db
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00b1e1;
    border-color: #00a5d2
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #009dc8
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #91c854;
    border-color: #85c241
}
.panel-info>.panel-heading {
    color: #fff;
    background-color: #63d3e9;
    border-color: #48cbe5
}
.panel-warning>.panel-heading {
    color: #fff;
    background-color: #ffd66a;
    border-color: #ffce4b
}
.panel-danger>.panel-heading {
    color: #fff;
    background-color: #ed5466;
    border-color: #ea384d
}
.panel-inverse>.panel-heading {
    color: #fff;
    background-color: #2a2a2a;
    border-color: #1b1b1b
}
.panel-teal>.panel-heading {
    color: #fff;
    background-color: #6bccb4;
    border-color: #58c5aa
}
.panel.panel-minimal {
    border-width: 0;
    border-radius: 0;
    background-color: transparent
}
.panel.panel-minimal>.panel-heading {
    border-width: 0;
    background-color: transparent!important
}
.panel.panel-minimal>.panel-toolbar-wrapper {
    background-color: transparent;
    border-color: transparent
}
.panel.panel-minimal .panel-footer {
    background-color: transparent;
    border-width: 0
}
.panel.panel-noborder {
    border-width: 0
}
.table-layout>[class*=" col-"].panel-minimal:first-child+[class*=" col-"].panel, .table-layout>[class^=col-].panel-minimal:first-child+[class^=col-].panel {
    border-left-width: 1px
}
.table-layout>[class*=" col-"].panel-minimal:first-child+[class*=" col-"].panel.panel-minimal, .table-layout>[class^=col-].panel-minimal:first-child+[class^=col-].panel.panel-minimal {
    border-left-width: 0
}
.table-layout>[class*=" col-xs"].panel, .table-layout>[class^=col-xs].panel {
    border-radius: 0
}
.table-layout>[class*=" col-xs"].panel+[class*=" col-xs"].panel, .table-layout>[class^=col-xs].panel+[class^=col-xs].panel {
    border-left-width: 0
}
.table-layout>[class*=" col-xs"].panel:first-child, .table-layout>[class^=col-xs].panel:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.table-layout>[class*=" col-xs"].panel: last-child, .table-layout>[class^=col-xs].panel: last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
@media (min-width: 768px) {
    .table-layout>[class*=" col-sm"].panel, .table-layout>[class^=col-sm].panel {
        border-radius: 0
   }
   .table-layout>[class*=" col-sm"].panel+[class*=" col-sm"].panel, .table-layout>[class^=col-sm].panel+[class^=col-sm].panel {
       border-left-width: 0
  }
  .table-layout>[class*=" col-sm"].panel:first-child, .table-layout>[class^=col-sm].panel:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
 }
 .table-layout>[class*=" col-sm"].panel: last-child, .table-layout>[class^=col-sm].panel: last-child {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
}
@media (min-width: 992px) {
    .table-layout>[class*=" col-md"].panel, .table-layout>[class^=col-md].panel {
        border-radius: 0
   }
   .table-layout>[class*=" col-md"].panel+[class*=" col-md"].panel, .table-layout>[class^=col-md].panel+[class^=col-md].panel {
       border-left-width: 0
  }
  .table-layout>[class*=" col-md"].panel:first-child, .table-layout>[class^=col-md].panel:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
 }
 .table-layout>[class*=" col-md"].panel: last-child, .table-layout>[class^=col-md].panel: last-child {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
}
@media (min-width: 1200px) {
    .table-layout>[class*=" col-lg"].panel, .table-layout>[class^=col-lg].panel {
        border-radius: 0
   }
   .table-layout>[class*=" col-lg"].panel+[class*=" col-lg"].panel, .table-layout>[class^=col-lg].panel+[class^=col-lg].panel {
       border-left-width: 0
  }
  .table-layout>[class*=" col-lg"].panel:first-child, .table-layout>[class^=col-lg].panel:first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px
 }
 .table-layout>[class*=" col-lg"].panel: last-child, .table-layout>[class^=col-lg].panel: last-child {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px
}
}
.panel .panel-figure>.thumbnail, .panel>.thumbnail {
    border-radius: 0;
    border-width: 0;
    margin: 0
}
.panel .panel-figure>.thumbnail>.media>.overlay, .panel .panel-figure>.thumbnail>.media>img, .panel>.thumbnail>.media>.overlay, .panel>.thumbnail>.media>img {
    border-radius: 0
}
.panel .panel-figure>.thumbnaill>.caption, .panel .panel-figure>.thumbnaill>.meta, .panel>.thumbnail>.caption, .panel>.thumbnail>.meta {
    padding: 9px 15px
}
.container-fluid .page-header {
    width: auto;
    float: none
}
.container-fluid .page-header.page-header-block {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px
}
.page-header {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    overflow: visible
}
.page-header .title {
    margin: 0;
    color: #5e5e5e;
    font-size: 18px;
    line-height: 34px
}
.page-header>[class*=" col-"], .page-header>[class^=col-] {
    padding-left: 0;
    padding-right: 0
}
.page-header .page-header-section+.page-header-section {
    margin-top: 10px
}
.page-header .toolbar {
    text-align: left;
    margin-bottom: 5px
}
.page-header .toolbar[class*=" col-"], .page-header .toolbar[class^=col-] {
    padding-left: 0;
    padding-right: 0
}
.page-header .toolbar .toolbar-label {
    display: block;
    text-align: left
}
.page-header.page-header-block {
    padding: 14px 15px 16px;
    background-color: #fbfcfc
}
.page-header.page-header-block .title {
    margin: 0
}
.page-header.page-header-block>[class*=" col-"], .page-header.page-header-block>[class^=col-] {
    padding-left: 15px;
    padding-right: 15px
}
.page-header .breadcrumb {
    padding-left: 0;
    padding-right: 0
}
@media (min-width: 768px) {
    .page-header .page-header-section {
        display: table-cell;
        width: 1%;
        vertical-align: middle;
        margin-top: 0
   }
   .page-header .toolbar {
       text-align: right;
       margin-bottom: 0
  }
  .page-header .toolbar .toolbar-label {
      display: inline-block;
      vertical-align: middle;
      line-height: 34px
 }
}
.jumbotron {
    position: relative;
    padding: 0;
    background: url(background.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background.jpg*/

center top/cover no-repeat fixed;
    -webkit-background-size: cover;
    color: #fff!important
}
.jumbotron.jumbotron-bg1 {
    background: url(background1.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background1.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg2 {
    background: url(background2.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background2.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg3 {
    background: url(background3-1.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background3.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg4 {
    background: url(background4.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background4.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg5 {
    background: url(background5.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background5.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg6 {
    background: url(background6.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background6.jpg*/

center top no-repeat fixed
}
.jumbotron.jumbotron-bg7 {
    background: url(background7.jpg)/*tpa=http://theme.pampersdry.info/css/html/image/stellar/background7.jpg*/

center top no-repeat fixed
}
.jumbotron .h1, .jumbotron h1 {
    font-size: 28px;
    line-height: 1.4
}
.jumbotron:first-child {
    margin: 0
}
.jumbotron p {
    font-size: 13px;
    font-weight: 400
}
@media (min-width: 768px) {
    .jumbotron .h1, .jumbotron h1 {
        font-size: 34px
   }
}
@media (min-width: 992px) {
    .jumbotron .h1, .jumbotron h1 {
        font-size: 38px
   }
}
.list-group-header {
    font-weight: 600;
    padding: 10px 15px;
    color: #777;
    font-size: 14px
}
.list-group-item {
    border-color: #ecf0f1
}
a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    background-color: #00b1e1;
    border-color: #00a5d2
}
a.list-group-item:focus, a.list-group-item:hover {
    background-color: #f7f7f7;
    color: #777
}
.list-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0
}
.list-table>li {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: auto;
    padding: 0 5px
}
.list-table>li:first-child {
    padding-left: 0
}
.list-table>li: last-child {
    padding-right: 0
}
.list-group-tabs>.list-group-item {
    padding: 0
}
.list-group-tabs>.list-group-item:first-child>a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}
.list-group-tabs>.list-group-item: last-child>a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.list-group-tabs>.list-group-item>a {
    display: block;
    padding: 10px 15px;
    color: #919191
}
.list-group-tabs>.list-group-item.active {
    color: #fff;
    background-color: #00b1e1;
    border-color: #00b1e1
}
.list-group-tabs>.list-group-item.active>a {
    color: #fff
}
.media-list>.media {
    overflow: auto;
    position: relative;
    padding: 10px 15px
}
.media-list>.media+.media {
    margin-top: 0
}
.media-list>a.media {
    display: block
}
.media-list>a.media:active {
    background-color: #eee
}
.media-list>a.media:focus, .media-list>a.media:hover {
    background-color: rgba(238, 238, 238, .15);
    outline: 0
}
.media-list>.media:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 75px;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #dde4e6
}
.media-list>.media: last-child:after {
    border-bottom-width: 0
}
.media-list>.media.border-dotted:after {
    border-bottom-style: dotted
}
.media-list>.media.no-border:after {
    border-bottom-width: 0
}
.media-list .media-body {
    display: block;
    overflow: hidden;
    zoom: 1
}
.media-list>.media>.media-body>.media-heading {
    display: block;
    font-weight: 600;
    color: #007dc6;
    margin-bottom: 0
}
.media-list>.media>.media-body>.media-text {
    display: block;
    color: #444;
    margin: 0
}
.media-list>.media>.media-body .media-meta {
    font-size: 11px;
    margin: 0
}
.media-list>.media>.media-body p.media-meta, .media-list>.media>.media-body small.media-meta, .media-list>.media>.media-body span.media-meta {
    color: #777
}
.media-list>.media>.media-body span.media-meta+span.media-meta {
    margin-left: 3px
}
.media-list>.media.read>.media-body p.media-meta, .media-list>.media.read>.media-body small.media-meta, .media-list>.media.read>.media-body span.media-meta, .media-list>.media.read>.media-body>.media-heading, .media-list>.media.read>.media-body>.media-text {
    color: #aaa
}
.media-list>.media .media-object {
    width: 50px;
    height: 50px;
    text-align: center
}
.media-list>.media .media-object.pull-left {
    padding-right: 0;
    margin-right: 10px
}
.media-list>.media .media-object.pull-right {
    padding-left: 0;
    margin-left: 10px
}
.media-list>.media .media-object>img {
    max-width: 100%
}
.media-list>.media .media-object>[class*=" ico-"], .media-list>.media .media-object>[class^=ico-] {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    line-height: 33px;
    text-align: center;
    background-color: #ecf0f1;
    color: #b1c2c6;
    border-radius: 50%
}
.media-list-feed>.media {
    z-index: 1;
    overflow: visible
}
.media-list-feed>.media+.media {
    margin-top: 10px
}
.media-list-feed>.media:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -50%;
    top: -50%;
    left: 32px;
    right: auto;
    width: 1px;
    height: auto;
    border-bottom-width: 0;
    background-color: #dde4e6
}
.media-list-feed>.media:first-child:after {
    top: 20%
}
.media-list-feed>.media: last-child:after {
    background-color: transparent;
    bottom: 0
}
.media-list-feed>.media>.media-body {
    display: table-cell
}
.media-list-feed>.media>.media-body>.media-heading {
    margin-top: 7px;
    margin-bottom: 5px
}
.media-list-feed>.media>.media-body>.media-text {
    margin-bottom: 5px
}
.media-list-feed>.media .media-object {
    width: 34px;
    height: 34px
}
.media-list-contact>a.media:active, .media-list-contact>a.media:focus, .media-list-contact>a.media:hover {
    background-color: transparent
}
.media-list-contact>.media:after {
    left: 65px
}
.media-list-contact>.media .media-object {
    width: 40px;
    height: 40px
}
.sidebar .media-list-contact>.media:after {
    border-color: #2f2f2f
}
.sidebar .media-list-contact>.media>.media-body>.media-heading {
    color: #888
}
.sidebar .media-list-contact>.media:active {
    background-color: #2f2f2f
}
.media-list-bubble>.media {
    display: block;
    padding: 15px
}
.media-list-bubble>a.media:active, .media-list-bubble>a.media:focus, .media-list-bubble>a.media:hover {
    background-color: transparent
}
.media-list-bubble>.media:after {
    display: none
}
.media-list-bubble>.media .media-object {
    position: relative;
    float: left;
    margin-right: 15px
}
.media-list-bubble>.media-right .media-object {
    float: right;
    margin-left: 15px;
    margin-right: 0
}
.media-list-bubble>.media .media-object:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #f3f3f3 transparent transparent
}
.media-list-bubble>.media-right .media-object:after {
    left: -18px;
    right: auto;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #00b1e1
}
.media-list-bubble>.media-right>.media-body {
    text-align: right
}
.media-list-bubble>.media>.media-body .media-text {
    display: inline-block;
    padding: 8px;
    background-color: #f3f3f3;
    border-radius: 6px
}
.media-list-bubble>.media-right>.media-body .media-text {
    color: #f2f2f2;
    background-color: #00b1e1
}
.media-list-bubble>.media>.media-body .media-text~.media-text {
    margin-top: 5px
}
.media-list-bubble>.media>.media-body p.media-meta, .media-list-bubble>.media>.media-body small.media-meta, .media-list-bubble>.media>.media-body span.media-meta {
    color: #bbb;
    padding: 0 3px;
    margin-top: 5px
}
.media-list-comment .media {
    padding: 0
}
.media-list-comment .media .media, .media-list-comment .media .media+.media, .media-list-comment .media+.media {
    margin-top: 25px
}
.bgcolor-white {
    background-color: rgba(255, 255, 255, .98)!important;
    color: #444!important;
    border-color: #cfd9db!important
}
.bgcolor-default {
    background-color: #f6f6f6!important;
    color: #444!important;
    border-color: #cfd9db!important
}
.bgcolor-dark {
    background-color: #444!important;
    color: #d9d9d9!important;
    border-color: #cfd9db!important
}
.bgcolor-dark.bgcolor-dark-darken10 {
    background-color: #2b2b2b!important
}
.bgcolor-primary {
    background-color: #00b1e1!important;
    color: #fff!important;
    color: rgba(255, 255, 255, .99)!important;
    border-color: #00a5d2!important
}
.bgcolor-info {
    background-color: #63d3e9!important;
    color: #fff!important;
    border-color: #4dcde6!important
}
.bgcolor-success {
    background-color: #91c854!important;
    color: #fff!important;
    border-color: #87c345!important
}
.bgcolor-warning {
    background-color: #ffd66a!important;
    color: #fff!important;
    border-color: #ffd056!important
}
.bgcolor-danger {
    background-color: #ed5466!important;
    color: #fff!important;
    border-color: #eb4255!important
}
.bgcolor-inverse {
    background-color: #2a2a2a!important;
    color: #fff!important;
    border-color: #202020!important
}
.bgcolor-teal {
    background-color: #6bccb4!important;
    color: #fff!important;
    border-color: #5cc7ac!important
}
.bgcolor-accent {
    background-color: #007dc6!important;
    color: #fff!important;
    border-color: #00a29a!important
}
.totop {
    position: fixed;
    z-index: 998;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 182, 173, .8);
    color: rgba(255, 255, 255, .8);
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    font-size: 16px
}
.totop.pull-left {
    right: auto;
    left: 10px
}
.totop:active, .totop:focus, .totop:hover {
    color: rgba(255, 255, 255, .9);
    background-color: rgba(0, 182, 173, .9);
    outline: 0
}
.sidebar-open-ltr .totop, .sidebar-open-rtl .totop {
    opacity: 0
}
.scrollbar {
    background-color: rgba(163, 182, 187, .9)!important;
    border: 0!important;
    border-radius: 0!important
}
.iframe-container {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    overflow: hidden;
    max-width: 100%;
    height: auto
}
.iframe-container embed, .iframe-container iframe, .iframe-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#nprogress {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(238, 238, 238, .9)
}
#nprogress .bar {
    background: #ed5466;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px
}
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #ed5466, 0 0 5px #ed5466;
    box-shadow: 0 0 10px #ed5466, 0 0 5px #ed5466;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
   }
   100% {
       -webkit-transform: rotate(360deg)
  }
}
@-o-keyframes nprogress-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
   }
   100% {
       -o-transform: rotate(360deg);
       transform: rotate(360deg)
  }
}
@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
   }
   100% {
       -webkit-transform: rotate(360deg);
       -o-transform: rotate(360deg);
       transform: rotate(360deg)
  }
}
.timeline {
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0;
    list-style-type: none
}
.timeline:after {
    position: absolute;
    width: 2px;
    left: 50%;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #dde4e6
}
.timeline .header {
    position: relative;
    z-index: 10;
    clear: both;
    margin: 0 auto 20px;
    background-color: #ecf0f1
}
.timeline .header.year {
    background: #dde4e6;
    font-size: 14px;
    font-weight: 600;
    max-width: 120px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #aaa;
    border-radius: 3px;
    text-align: center
}
.timeline .events {
    padding-left: 0;
    overflow: auto
}
.timeline .events>.wrapper {
    list-style: none;
    width: 45%;
    clear: both
}
.timeline .events>.wrapper.featured {
    float: none!important;
    clear: both!important;
    margin-top: 80px!important;
    margin-left: auto;
    margin-right: auto
}
.timeline .events>.wrapper.featured>.panel:after, .timeline .events>.wrapper.featured>.panel:before {
    display: none
}
.timeline .events>.wrapper.featured>.figure {
    margin-top: -54px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin-left: -24px;
    font-size: 16px
}
.timeline .events>.wrapper: nth-of-type(odd) {
    float: left;
    clear: left
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel {
    z-index: 5
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel:after, .timeline .events>.wrapper: nth-of-type(odd)>.panel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel:after {
    right: -10px;
    top: 10px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel:before {
    right: -11px;
    top: 10px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #cfd9db
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-default:after {
    border-color: transparent transparent transparent #f6f6f6
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-default:before {
    border-color: transparent transparent transparent #cfd9db
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-primary:after {
    border-color: transparent transparent transparent #00b1e1
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-primary:before {
    border-color: transparent transparent transparent #00a5d2
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-success:after {
    border-color: transparent transparent transparent #91c854
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-success:before {
    border-color: transparent transparent transparent #85c241
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-info:after {
    border-color: transparent transparent transparent #63d3e9
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-info:before {
    border-color: transparent transparent transparent #48cbe5
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-warning:after {
    border-color: transparent transparent transparent #ffd66a
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-warning:before {
    border-color: transparent transparent transparent #ffce4b
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-danger:after {
    border-color: transparent transparent transparent #ed5466
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-danger:before {
    border-color: transparent transparent transparent #ea384d
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-inverse:after {
    border-color: transparent transparent transparent #2a2a2a
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-inverse:before {
    border-color: transparent transparent transparent #1b1b1b
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-teal:after {
    border-color: transparent transparent transparent #6bccb4
}
.timeline .events>.wrapper: nth-of-type(odd)>.panel.panel-teal:before {
    border-color: transparent transparent transparent #58c5aa
}
.timeline .events>.wrapper: nth-of-type(even) {
    float: right;
    clear: right;
    margin-top: 44px
}
.timeline .events>.wrapper: nth-of-type(even)>.panel {
    z-index: 5
}
.timeline .events>.wrapper: nth-of-type(even)>.panel:after, .timeline .events>.wrapper: nth-of-type(even)>.panel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}
.timeline .events>.wrapper: nth-of-type(even)>.panel:after {
    left: -10px;
    top: 10px;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel:before {
    left: -11px;
    top: 10px;
    border-width: 10px 10px 10px 0;
    border-color: transparent #cfd9db transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-default:after {
    border-color: transparent #f6f6f6 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-default:before {
    border-color: transparent #cfd9db transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-primary:after {
    border-color: transparent #00b1e1 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-primary:before {
    border-color: transparent #00a5d2 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-success:after {
    border-color: transparent #91c854 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-success:before {
    border-color: transparent #85c241 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-info:after {
    border-color: transparent #63d3e9 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-info:before {
    border-color: transparent #48cbe5 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-warning:after {
    border-color: transparent #ffd66a transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-warning:before {
    border-color: transparent #ffce4b transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-danger:after {
    border-color: transparent #ed5466 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-danger:before {
    border-color: transparent #ea384d transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-inverse:after {
    border-color: transparent #2a2a2a transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-inverse:before {
    border-color: transparent #1b1b1b transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-teal:after {
    border-color: transparent #6bccb4 transparent transparent
}
.timeline .events>.wrapper: nth-of-type(even)>.panel.panel-teal:before {
    border-color: transparent #58c5aa transparent transparent
}
.timeline .events>.wrapper>.figure {
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-top: 5px;
    margin-left: -18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #b1c2c6;
    background-color: #ecf0f1;
    -webkit-box-shadow: 0 0 0 3px #ecf0f1;
    box-shadow: 0 0 0 3px #ecf0f1
}
.timeline .events>.wrapper>.figure>img {
    width: 100%
}
@media (max-width: 767px) {
    .timeline .events {
        padding-left: 0
   }
   .timeline .events>.wrapper {
       width: auto
  }
  .timeline .events>.wrapper: nth-of-type(even), .timeline .events>.wrapper: nth-of-type(odd) {
      float: none;
      clear: both;
      margin-top: 48px
 }
 .timeline .events>.wrapper: nth-of-type(even)>.panel:after, .timeline .events>.wrapper: nth-of-type(even)>.panel:before, .timeline .events>.wrapper: nth-of-type(odd)>.panel:after, .timeline .events>.wrapper: nth-of-type(odd)>.panel:before {
     display: none
}
.timeline .events>.wrapper>.figure {
    margin-top: -41px
}
}
.tooltip .tooltip-inner {
    text-shadow: none!important
}
hr {
    border-color: #e6ebed
}
.pattern {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.pattern.overlay {
    background-color: rgba(0, 0, 0, .7)
}
.pattern.overlay.overlay-accent {
    background-color: rgba(0, 182, 173, .8)
}
.pattern.overlay.overlay-primary {
    background-color: rgba(0, 177, 225, .8)
}
.pattern.overlay.overlay-info {
    background-color: rgba(99, 211, 233, .8)
}
.pattern.overlay.overlay-success {
    background-color: rgba(145, 200, 84, .8)
}
.pattern.overlay.overlay-warning {
    background-color: rgba(255, 214, 106, .8)
}
.pattern.overlay.overlay-danger {
    background-color: rgba(237, 84, 102, .8)
}
.pattern .container-fluid, .pattern+.container {
    position: relative;
    z-index: 2
}
.note {
    position: relative;
    padding: 8px 25px 8px 15px;
    overflow: hidden
}
.note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: transparent
}
.note.note-rounded {
    border-radius: 3px 0 3px 3px
}
.note.note-rounded:before {
    border-width: 8px;
    border-radius: 0 0 0 3px
}
.note.note-default {
    background: #dde4e6;
    color: #444
}
.note.note-default:before {
    border-color: #ecf0f1 #ecf0f1 #c3d0d3 #c3d0d3
}
.note.note-primary {
    background: #00b1e1;
    color: #fff
}
.note.note-primary:before {
    border-color: #ecf0f1 #ecf0f1 #0091b8 #0091b8
}
.note.note-info {
    background: #63d3e9;
    color: #fff
}
.note.note-info:before {
    border-color: #ecf0f1 #ecf0f1 #3fc9e4 #3fc9e4
}
.note.note-success {
    background: #91c854;
    color: #fff
}
.note.note-success:before {
    border-color: #ecf0f1 #ecf0f1 #7db83b #7db83b
}
.note.note-warning {
    background: #ffd66a;
    color: #fff
}
.note.note-warning:before {
    border-color: #ecf0f1 #ecf0f1 #ffcb41 #ffcb41
}
.note.note-danger {
    background: #ed5466;
    color: #fff
}
.note.note-danger:before {
    border-color: #ecf0f1 #ecf0f1 #e92f45 #e92f45
}
.note.note-inverse {
    background: #2a2a2a;
    color: #fff
}
.note.note-inverse:before {
    border-color: #ecf0f1 #ecf0f1 #161616 #161616
}
.bgcolor-white .note.note-danger:before, .bgcolor-white .note.note-default:before, .bgcolor-white .note.note-info:before, .bgcolor-white .note.note-inverse:before, .bgcolor-white .note.note-primary:before, .bgcolor-white .note.note-success:before, .bgcolor-white .note.note-warning:before {
    border-top-color: #fff;
    border-right-color: #fff
}
.offcanvas-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.offcanvas-container .offcanvas-wrapper {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease
}
.offcanvas-container .offcanvas-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}
.offcanvas-container .offcanvas-left {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%
}
.offcanvas-container .offcanvas-right {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%
}
.offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper {
    left: 100%;
    -webkit-transition: left .2s ease;
    -o-transition: left .2s ease;
    transition: left .2s ease
}
.offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper {
    left: -100%;
    -webkit-transition: left .2s ease;
    -o-transition: left .2s ease;
    transition: left .2s ease
}
.csstransforms3d .offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper {
    left: auto;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: transform .2s ease
}
.csstransforms3d .offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper {
    left: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: transform .2s ease
}
.no-csstransforms3d .offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper {
    left: 100%
}
.no-csstransforms3d .offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper {
    left: -100%
}
.switch {
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switch input {
    position: absolute;
    opacity: 0
}
.switch input~.text {
    display: inline-block;
    font-weight: 400;
    line-height: 24px;
    vertical-align: middle
}
.switch input~.switch {
    font-size: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    cursor: pointer;
    height: 24px;
    width: 38.4px;
    border-radius: 28px;
    -webkit-transition: border .25s .15s, -webkit-box-shadow .25s .3s, padding .25s;
    -o-transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
    transition: border .25s .15s, box-shadow .25s .3s, padding .25s
}
.switch input~.switch:after {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 24px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .01), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .01), 0 2px 4px rgba(0, 0, 0, .05);
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    left: 0;
    top: 0;
    -webkit-transition: border .25s .15s, left .25s .1s, right .15s .175s;
    -o-transition: border .25s .15s, left .25s .1s, right .15s .175s;
    transition: border .25s .15s, left .25s .1s, right .15s .175s
}
.switch input: checked~.switch {
    border-color: #91c854;
    -webkit-box-shadow: inset 0 0 0 .6em #91c854;
    box-shadow: inset 0 0 0 .6em #91c854;
    -webkit-transition: border .25s, -webkit-box-shadow .25s, padding .25s .15s;
    -o-transition: border .25s, box-shadow .25s, padding .25s .15s;
    transition: border .25s, box-shadow .25s, padding .25s .15s
}
.switch input: checked~.switch:after {
    border-color: #91c854;
    left: .6em;
    right: 0;
    -webkit-transition: border .25s, left .15s .25s, right .25s .175s;
    -o-transition: border .25s, left .15s .25s, right .25s .175s;
    transition: border .25s, left .15s .25s, right .25s .175s
}
.switch.switch-primary input: checked~.switch {
    border-color: #00b1e1;
    -webkit-box-shadow: inset 0 0 0 .6em #00b1e1;
    box-shadow: inset 0 0 0 .6em #00b1e1
}
.switch.switch-primary input: checked~.switch:after {
    border-color: #00b1e1
}
.switch.switch-info input: checked~.switch {
    border-color: #63d3e9;
    -webkit-box-shadow: inset 0 0 0 .6em #63d3e9;
    box-shadow: inset 0 0 0 .6em #63d3e9
}
.switch.switch-info input: checked~.switch:after {
    border-color: #63d3e9
}
.switch.switch-success input: checked~.switch {
    border-color: #91c854;
    -webkit-box-shadow: inset 0 0 0 .6em #91c854;
    box-shadow: inset 0 0 0 .6em #91c854
}
.switch.switch-success input: checked~.switch:after {
    border-color: #91c854
}
.switch.switch-warning input: checked~.switch {
    border-color: #ffd66a;
    -webkit-box-shadow: inset 0 0 0 .6em #ffd66a;
    box-shadow: inset 0 0 0 .6em #ffd66a
}
.switch.switch-warning input: checked~.switch:after {
    border-color: #ffd66a
}
.switch.switch-danger input: checked~.switch {
    border-color: #ed5466;
    -webkit-box-shadow: inset 0 0 0 .6em #ed5466;
    box-shadow: inset 0 0 0 .6em #ed5466
}
.switch.switch-danger input: checked~.switch:after {
    border-color: #ed5466
}
.switch.switch-lg input~.text {
    line-height: 28px
}
.switch.switch-lg input~.switch {
    font-size: 28px;
    height: 28px;
    width: 44.8px;
    border-radius: 28px
}
.switch.switch-lg input~.switch:after {
    border-radius: 28px;
    height: 28px;
    width: 28px
}
.switch.switch-sm input~.text {
    line-height: 20px
}
.switch.switch-sm input~.switch {
    font-size: 20px;
    height: 20px;
    width: 32px;
    border-radius: 20px
}
.switch.switch-sm input~.switch:after {
    border-radius: 20px;
    height: 20px;
    width: 20px
}
.switch.switch-xs input~.text {
    line-height: 16px
}
.switch.switch-xs input~.switch {
    font-size: 16px;
    height: 16px;
    width: 25.6px;
    border-radius: 16px
}
.switch.switch-xs input~.switch:after {
    border-radius: 16px;
    height: 16px;
    width: 16px
}
.popover {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    border: 1px solid #cfd9db;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
.popover-title {
    font-size: 13px;
    border-bottom: #cfd9db;
    border-radius: 2px 2px 0 0
}
.popover.top>.arrow {
    border-top-color: #cfd9db
}
.popover.right>.arrow {
    border-right-color: #cfd9db
}
.popover.bottom>.arrow {
    border-bottom-color: #cfd9db
}
.popover.left>.arrow {
    border-left-color: #cfd9db
}
.mainmenu, .topmenu {
    margin: 0;
    padding: 0
}
.mainmenu li, .topmenu li {
    display: block;
    position: relative;
    width: 100%;
    list-style: none
}
.mainmenu li.submenu-header, .topmenu li.submenu-header {
    display: none
}
.mainmenu li:after, .topmenu li:after {
    position: absolute;
    content: "";
    left: 55px;
    right: 0;
    bottom: -1px;
    border-top: 1px solid #2f2f2f
}
.mainmenu li: last-child:after, .topmenu li: last-child:after {
    border: 0
}
.mainmenu li.active, .topmenu li.active {
    background-color: #2f2f2f
}
.mainmenu li.active:after, .topmenu li.active:after {
    border-color: transparent
}
.mainmenu li.active a, .topmenu li.active a {
    color: #c3c3c3
}
.mainmenu li.active a>.figure>[class*=" ico-"], .mainmenu li.active a>.figure>[class^=ico-], .topmenu li.active a>.figure>[class*=" ico-"], .topmenu li.active a>.figure>[class^=ico-] {
    color: #007dc6
}
.mainmenu li.active a>.figure>.hasnotification, .topmenu li.active a>.figure>.hasnotification {
    -webkit-box-shadow: 0 0 0 2px #2f2f2f;
    box-shadow: 0 0 0 2px #2f2f2f
}
.mainmenu li.open a, .topmenu li.open a {
    color: #c3c3c3
}
.mainmenu li.open a>.arrow:before, .topmenu li.open a>.arrow:before {
    content: "\e671"
}
.mainmenu li a, .topmenu li a {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    font-size: 13px;
    text-decoration: none;
    color: #909090;
    outline: 0;
    padding: 6px 25px 6px 15px
}
.mainmenu li a:hover, .topmenu li a:hover {
    color: #c3c3c3
}
.mainmenu li a>.figure, .topmenu li a>.figure {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 40px;
    padding-left: 10px;
    font-size: 16px
}
.mainmenu li a>.figure>.hasnotification, .topmenu li a>.figure>.hasnotification {
    position: absolute;
    left: 20px;
    -webkit-box-shadow: 0 0 0 2px #2a2a2a;
    box-shadow: 0 0 0 2px #2a2a2a
}
.mainmenu li a>.text, .topmenu li a>.text {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 100%;
    line-height: 30px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.mainmenu li a>.number, .topmenu li a>.number {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    width: 40px;
    font-weight: 400
}
.mainmenu li a>.number>.badge, .mainmenu li a>.number>.label, .topmenu li a>.number>.badge, .topmenu li a>.number>.label {
    float: right;
    max-width: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.mainmenu li a>.arrow, .topmenu li a>.arrow {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle;
    font-weight: 400;
    width: 20px;
    text-align: right
}
.mainmenu li a>.arrow:before, .topmenu li a>.arrow:before {
    font-family: iconfont;
    content: "\e64f";
    font-size: 10px
}
.mainmenu li>.submenu, .topmenu li>.submenu {
    position: relative;
    overflow: hidden;
    background-color: #202020
}
.mainmenu li>.submenu:after, .topmenu li>.submenu:after {
    position: absolute;
    content: "";
    left: 32px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #2f2f2f
}
.mainmenu li>.submenu li a, .topmenu li>.submenu li a {
    font-size: 13px;
    color: #777;
    padding: 0 25px 0 15px
}
.mainmenu li>.submenu li a>.figure, .topmenu li>.submenu li a>.figure {
    width: 22px;
    padding-left: 0
}
.mainmenu li>.submenu li a>.figure>[class*=" ico-"], .mainmenu li>.submenu li a>.figure>[class^=ico-], .topmenu li>.submenu li a>.figure>[class*=" ico-"], .topmenu li>.submenu li a>.figure>[class^=ico-] {
    color: #777
}
.mainmenu li>.submenu li a>.text, .topmenu li>.submenu li a>.text {
    font-weight: 400
}
.mainmenu li>.submenu li a>.arrow:before, .topmenu li>.submenu li a>.arrow:before {
    content: "\e64f"
}
.mainmenu li>.submenu li a:hover, .mainmenu li>.submenu li a:hover>.figure>[class*=" ico-"], .mainmenu li>.submenu li a:hover>.figure>[class^=ico-], .topmenu li>.submenu li a:hover, .topmenu li>.submenu li a:hover>.figure>[class*=" ico-"], .topmenu li>.submenu li a:hover>.figure>[class^=ico-] {
    color: #c3c3c3
}
.mainmenu li>.submenu li:after, .topmenu li>.submenu li:after {
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2f2f2f;
    left: -12px;
    top: 13px;
    bottom: auto;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #202020;
    box-shadow: 0 0 0 2px #202020
}
.mainmenu li>.submenu li.active, .topmenu li>.submenu li.active {
    background-color: transparent
}
.mainmenu li>.submenu li.active:after, .topmenu li>.submenu li.active:after {
    background-color: #007dc6
}
.mainmenu li>.submenu li.active a, .topmenu li>.submenu li.active a {
    color: #c3c3c3
}
.mainmenu li>.submenu li.active a>.text, .topmenu li>.submenu li.active a>.text {
    font-weight: 600
}
.mainmenu li>.submenu li.active a>.figure>[class*=" ico-"], .mainmenu li>.submenu li.active a>.figure>[class^=ico-], .topmenu li>.submenu li.active a>.figure>[class*=" ico-"], .topmenu li>.submenu li.active a>.figure>[class^=ico-] {
    color: #c3c3c3
}
.mainmenu li>.submenu li.open a>.arrow:before, .topmenu li>.submenu li.open a>.arrow:before {
    content: "\e671"
}
.mainmenu li>.submenu .submenu, .topmenu li>.submenu .submenu {
    overflow: hidden;
    padding-left: 10px
}
.mainmenu li>.submenu .submenu li:after, .mainmenu li>.submenu .submenu:after, .topmenu li>.submenu .submenu li:after, .topmenu li>.submenu .submenu:after {
    display: none
}
.mainmenu li>.submenu .submenu li.active a, .topmenu li>.submenu .submenu li.active a {
    color: #c3c3c3
}
.mainmenu li>.submenu .submenu li.active a>.text, .topmenu li>.submenu .submenu li.active a>.text {
    font-weight: 700
}
.mainmenu li>.submenu .submenu li.open a>.arrow:before, .topmenu li>.submenu .submenu li.open a>.arrow:before {
    content: "\e671"
}
.mainmenu li>.submenu .submenu li a, .topmenu li>.submenu .submenu li a {
    color: #777;
    padding-top: 0;
    padding-bottom: 0
}
.mainmenu li>.submenu .submenu li a:hover, .topmenu li>.submenu .submenu li a:hover {
    color: #c3c3c3
}
.mainmenu li>.submenu .submenu li a>.text, .topmenu li>.submenu .submenu li a>.text {
    font-weight: 400
}
.mainmenu li>.submenu .submenu li a>.arrow:before, .topmenu li>.submenu .submenu li a>.arrow:before {
    content: "\e64f"
}
@media (min-width: 768px) {
    .screen-sm .mainmenu.mainmenu-responsive>li:after, .screen-sm .topmenu.topmenu-responsive>li:after, .sidebar-minimized .mainmenu.mainmenu-responsive>li:after, .sidebar-minimized .topmenu.topmenu-responsive>li:after {
        left: 0
   }
   .screen-sm .mainmenu.mainmenu-responsive>li:before, .screen-sm .topmenu.topmenu-responsive>li:before, .sidebar-minimized .mainmenu.mainmenu-responsive>li:before, .sidebar-minimized .topmenu.topmenu-responsive>li:before {
       display: none;
       position: absolute;
       z-index: 2;
       top: 50%;
       right: 0;
       margin-top: -8px;
       content: "";
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 8px 8px 8px 0;
       border-color: transparent #202020 transparent transparent
  }
  .screen-sm .mainmenu.mainmenu-responsive>li.hover>.submenu, .screen-sm .topmenu.topmenu-responsive>li.hover>.submenu, .sidebar-minimized .mainmenu.mainmenu-responsive>li.hover>.submenu, .sidebar-minimized .topmenu.topmenu-responsive>li.hover>.submenu {
      display: block;
      visibility: visible
 }
 .screen-sm .mainmenu.mainmenu-responsive>li.hover:before, .screen-sm .topmenu.topmenu-responsive>li.hover:before, .sidebar-minimized .mainmenu.mainmenu-responsive>li.hover:before, .sidebar-minimized .topmenu.topmenu-responsive>li.hover:before {
     display: block
}
.screen-sm .mainmenu.mainmenu-responsive>li.active>a>.number .badge, .screen-sm .mainmenu.mainmenu-responsive>li.active>a>.number .label, .screen-sm .topmenu.topmenu-responsive>li.active>a>.number .badge, .screen-sm .topmenu.topmenu-responsive>li.active>a>.number .label, .sidebar-minimized .mainmenu.mainmenu-responsive>li.active>a>.number .badge, .sidebar-minimized .mainmenu.mainmenu-responsive>li.active>a>.number .label, .sidebar-minimized .topmenu.topmenu-responsive>li.active>a>.number .badge, .sidebar-minimized .topmenu.topmenu-responsive>li.active>a>.number .label {
    -webkit-box-shadow: 0 0 0 2px #2f2f2f;
    box-shadow: 0 0 0 2px #2f2f2f
}
.screen-sm .mainmenu.mainmenu-responsive>li>a, .screen-sm .topmenu.topmenu-responsive>li>a, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a, .sidebar-minimized .topmenu.topmenu-responsive>li>a {
    padding: 17.5px 15px
}
.screen-sm .mainmenu.mainmenu-responsive>li>a>.text, .screen-sm .topmenu.topmenu-responsive>li>a>.text, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.text, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.text {
    display: none
}
.screen-sm .mainmenu.mainmenu-responsive>li>a>.number, .screen-sm .topmenu.topmenu-responsive>li>a>.number, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.number, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.number {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: auto
}
.screen-sm .mainmenu.mainmenu-responsive>li>a>.number .badge, .screen-sm .mainmenu.mainmenu-responsive>li>a>.number .label, .screen-sm .topmenu.topmenu-responsive>li>a>.number .badge, .screen-sm .topmenu.topmenu-responsive>li>a>.number .label, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.number .badge, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.number .label, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.number .badge, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.number .label {
    -webkit-box-shadow: 0 0 0 2px #2a2a2a;
    box-shadow: 0 0 0 2px #2a2a2a
}
.screen-sm .mainmenu.mainmenu-responsive>li>a>.arrow, .screen-sm .topmenu.topmenu-responsive>li>a>.arrow, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.arrow, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.arrow {
    display: none
}
.screen-sm .mainmenu.mainmenu-responsive>li>a>.figure, .screen-sm .topmenu.topmenu-responsive>li>a>.figure, .sidebar-minimized .mainmenu.mainmenu-responsive>li>a>.figure, .sidebar-minimized .topmenu.topmenu-responsive>li>a>.figure {
    display: block;
    width: auto;
    font-size: 18px;
    padding: 0;
    text-align: center
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu, .screen-sm .topmenu.topmenu-responsive>li>.submenu, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu {
    background-color: transparent;
    display: none;
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 0;
    width: 200px;
    height: auto!important;
    padding-left: 0;
    margin: 5px 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu:before, .screen-sm .topmenu.topmenu-responsive>li>.submenu:before, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu:before, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #202020;
    border-radius: inherit
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu:after, .screen-sm .topmenu.topmenu-responsive>li>.submenu:after, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu:after, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu:after {
    display: none
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu>li.submenu-header, .screen-sm .topmenu.topmenu-responsive>li>.submenu>li.submenu-header, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu>li.submenu-header, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu>li.submenu-header {
    display: block;
    font-size: 15px;
    color: #c3c3c3;
    font-weight: 600;
    padding: 10px 15px 5px
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu>li.submenu-header:after, .screen-sm .topmenu.topmenu-responsive>li>.submenu>li.submenu-header:after, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu>li.submenu-header:after, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu>li.submenu-header:after {
    display: none
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu>li:after, .screen-sm .topmenu.topmenu-responsive>li>.submenu>li:after, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu>li:after, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu>li:after {
    left: 15px
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu>li>a, .screen-sm .topmenu.topmenu-responsive>li>.submenu>li>a, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu>li>a, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu>li>a {
    padding-left: 35px;
    padding-right: 15px
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu>li: last-child, .screen-sm .topmenu.topmenu-responsive>li>.submenu>li: last-child, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu>li: last-child, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu>li: last-child {
    margin-bottom: 6px
}
.screen-sm .mainmenu.mainmenu-responsive>li>.submenu .submenu, .screen-sm .topmenu.topmenu-responsive>li>.submenu .submenu, .sidebar-minimized .mainmenu.mainmenu-responsive>li>.submenu .submenu, .sidebar-minimized .topmenu.topmenu-responsive>li>.submenu .submenu {
    position: static;
    padding-left: 30px
}
}