@charset "UTF-8";

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

.progress-bar-striped,
.progress-striped .progress-bar,
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8px -15px
}

@media (min-width:768px) {
    .navbar-form .form-control-static,
    .navbar-form .form-group {
        display: inline-block
    }
    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.breadcrumb>li,
.pagination {
    display: inline-block
}

.btn .badge,
.btn .label {
    top: -1px;
    position: relative
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.btn-group-sm>.navbar-btn.btn,
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-group-xs>.navbar-btn.btn,
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #737373;
    border-color: #A9A9A9;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #737373;
    border-color: #A9A9A9;
    cursor: default
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.badge,
.label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

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

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em
}

.label:empty {
    display: none
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.media-object,
.thumbnail {
    display: block
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background-color: #eee
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.alert,
.thumbnail {
    margin-bottom: 20px
}

.alert .alert-link,
.close {
    font-weight: 700
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-striped .progress-bar-info,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 400;
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05)
}

.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after,
.panel-body:before {
    content: " ";
    display: table
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #fff;
}

.panel-default>.panel-heading {
    color: #0078d7;
    background-color: #ffffff;
    border-color: #fff;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.popover,
.tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    text-decoration: none
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-content,
.popover {
    background-clip: padding-box
}

.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
    display: table;
    content: " "
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel-control,
.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    text-align: left;
    text-align: start;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    text-align: start;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.carousel-caption,
.carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.carousel,
.carousel-inner {
    position: relative
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

/*!@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}
*/
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    font-size: 20px;
    text-align: center;
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000\9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.border-bottom,
.margin-bottom {
    margin-bottom: 20px
}

.navbar-collapse .box-search .box-option input,
select {
    height: 30px
}

.carousel-caption {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px
}

#content section.top-content .carousel-fade .carousel-control,
.carousel.carousel-fade .carousel-control,
footer {
    z-index: 2
}

.carousel-caption .btn,
.text-hide {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

.invisible {
    visibility: hidden
}

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

footer,
select {
    font-size: 12px
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
    .hidden-lg {
        display: none!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
    .hidden-print {
        display: none!important
    }
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-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)
    }
}

@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)
    }
}

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

@-webkit-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;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

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

@-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)
    }
}

@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)
    }
}

.shake {
    -webkit-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(0);
        transform: rotate(0)
    }
}

@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(0);
        transform: rotate(0)
    }
}

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

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

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

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

@-webkit-keyframes wobble {
    0%,
    100% {
        -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)
    }
}

@keyframes wobble {
    0%,
    100% {
        -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)
    }
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInDown {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInLeft {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInRight {
    -webkit-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)
    }
}

@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)
    }
}

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

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutDown {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutLeft {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutRight {
    -webkit-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)
    }
}

@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)
    }
}

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

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-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)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-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)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-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)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-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)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-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)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-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)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-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)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-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)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-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)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-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)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-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)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-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)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-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)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-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)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-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)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-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)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-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(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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
    }
}

@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(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-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(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@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(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

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

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-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(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@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(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-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(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@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(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateIn {
    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
    }
}

@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
    }
}

.rotateIn {
    -webkit-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
    }
}

@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
    }
}

.rotateInDownLeft {
    -webkit-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
    }
}

@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
    }
}

.rotateInDownRight {
    -webkit-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
    }
}

@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
    }
}

.rotateInUpLeft {
    -webkit-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
    }
}

@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
    }
}

.rotateInUpRight {
    -webkit-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
    }
}

@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
    }
}

.rotateOut {
    -webkit-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
    }
}

@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
    }
}

.rotateOutDownLeft {
    -webkit-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
    }
}

@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
    }
}

.rotateOutDownRight {
    -webkit-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
    }
}

@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
    }
}

.rotateOutUpLeft {
    -webkit-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
    }
}

@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
    }
}

.rotateOutUpRight {
    -webkit-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)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-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)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-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)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-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)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-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)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-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)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-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);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@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);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-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(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

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

input.form-control {
    border: 1px solid #d9d9d9;
    color: #a5a5a5;
    border-radius: 0;
    width: auto;
    display: inline-block;
    font-style: italic
}

input.border-black {
    border: 1px solid #25292e
}

select {
    width: 170px;
    color: #333940;
    border-radius: 0!important;
    border: 1px solid #d9d9d9;
    cursor: pointer
}

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

.background-gray {
    background-color: #d5d5d5!important
}

.padding-10 {
    padding: 10px
}

.color-red {
    color: #ba0001
}

.padding-none {
    padding: 0
}

.border-bottom {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px
}

header .box-logo {
    padding: 30px 10px 10px
}

header .box-logo h1 {
    margin: 0
}

header .box-logo h1 img {
    width: 280px
}

header .box-search {
    padding: 10px;
}

header .box-search .form-group {
    margin-bottom: 26px
}

header .box-option input.form-control {
    width: 50%;
    margin-right: 5px;
    padding: 4px 12px;
    height: 30px;
    font-style: italic
}

header .box-option .btn-default {
    border: 1px solid #d9d9d9;
    color: #a5a5a5;
    padding: 4px 12px;
    border-radius: 2px
}

footer {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    font-family: OpenSans;
    color: #bebebe;
    line-height: 1.2
}

footer section.bottom,
footer section.top .list-navigation ul li a {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif!important
}

footer section.top {
    background: #EAF4FF;
    padding: 20px;
    min-height: 230px;
    border-top: 5px solid #0078d7;
    margin-top: 0px;
}

footer section.top .list-navigation {
    height: auto;
}

footer section.top .list-navigation ul li a {
    color: #121212;
    line-height: 1.5
}

footer section.top .list-navigation ul li span {
    margin-left: 10px
}

@media only screen and (max-width:1199px) {
    footer section.top .list-navigation ul li span {
        margin-left: 0
    }
}

footer section.bottom {
    background: #EAF4FF;
    padding: 20px;
    color: #d3d3d3;
    line-height: 2;
    
}

footer section.bottom .social a {
    margin: 0 5px
}

footer section.bottom .language-footer {
    margin-top: 20px
}

footer section.bottom .language-footer img {
    margin-bottom: 5px
}

footer section.bottom .language-footer span {
    color: #121212;
}

footer section.bottom .logo-small h5 {
    margin: 30px 0
}

footer section.bottom .copyright-content {
    font-size: 12px
}

footer section.bottom .copyright-content ul li a {
    color: #121212;
    text-decoration: none
}

footer section.bottom .copyright-content ul li a:hover {
    text-decoration: none
}

footer section.bottom .copyright-content p {
    line-height: 1.3
}

#content section.top-content {
    width: 100%;
    position: relative;
    border-bottom: 0px solid #0078d7;
    margin-bottom: 0
}

#content section.top-content .carousel.carousel-fade .item.right {
    margin-top: 0
}

#content section.top-content .carousel.carousel-fade .left.carousel-control {
    background: 0 0;
    width: 0;
    display: none
}

#content section.top-content .carousel.carousel-fade .left.carousel-control span {
    left: 10px
}

#content section.top-content .carousel.carousel-fade .left.carousel-control .glyphicon-chevron-left {
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: 40px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

#content section.top-content .carousel.carousel-fade .left.carousel-control .glyphicon-chevron-left:before {
    content: "\f104";
    padding: 10px;
    outline: 0;
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

#content section.top-content .carousel.carousel-fade .right.carousel-control {
    background: 0 0;
    width: 0;
    display: none
}

#content section.top-content .carousel.carousel-fade .right.carousel-control span {
    right: 10px
}

#content section.top-content .carousel.carousel-fade .right.carousel-control .glyphicon-chevron-right {
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: 40px;
    display: inline-block;
    text-align: left;
    margin-left: 10px
}

#content section.top-content .carousel.carousel-fade .right.carousel-control .glyphicon-chevron-right:before {
    content: "\f105";
    padding: 10px;
    outline: 0;
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

#content section.top-content .carousel.carousel-fade:hover .carousel-control {
    display: block
}

#content section.top-content .carousel.carousel-fade .carousel-indicators {
    bottom: 0
}

#content section.top-content .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

#content section.top-content .carousel-fade .carousel-inner .active.left,
#content section.top-content .carousel-fade .carousel-inner .active.right,
#content section.top-content .carousel-fade .carousel-inner .item {
    opacity: 0
}

#content section.top-content .carousel-fade .carousel-inner .active,
#content section.top-content .carousel-fade .carousel-inner .next.left,
#content section.top-content .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

#content section.top-content .carousel-fade .carousel-inner .active.left,
#content section.top-content .carousel-fade .carousel-inner .active.right,
#content section.top-content .carousel-fade .carousel-inner .next,
#content section.top-content .carousel-fade .carousel-inner .prev {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#content section.home-title {
        margin-bottom: 27px;
    position: relative;
    padding-top: 42px;
}

#content section.home-title .container {
    max-width: 1240px;
    text-align: center;
}

#content section.home-title .line {
    position: relative;
    height: 1px;
    box-sizing: border-box;
    width: 100%;
    top: -14px;
    border-top: 1px solid #d5d5d5;
    z-index: 90;
}

#content section.home-title h3 {
    position: relative;
    z-index: 100;
}

#content section.home-title h3 .ellipse-left {
    position: relative;
    margin-right: -8px;
    z-index: 110;
}

#content section.home-title h3 .ellipse-right {
    position: relative;
    margin-left: -8px;
    z-index: 110;
}

#content section.home-title h3 span {
    background: #fff;
    padding: 0 15px
}

@media only screen and (max-width:767px) {
    #content section.home-title h3 {
        font-size: 17px
    }
}

#content section.list-portals {
    position: relative;
}

#content section.list-portals .container {
    max-width: 1240px;
    text-align: center;
    margin-top: 25px;
}

#content section.list-portals section .portal {
    height: 280px;
    padding: 0 10px
}

#content section.list-portals section .portal .thumbnail {
    padding: 0;
    border: none
}

#content section.list-portals section .portal .thumbnail .portal-image {
        position: relative;
    width: auto!important;
    height: 208px;
}

#content section.list-portals section .portal .thumbnail .caption h4 {
    font-size: 18px;
    line-height: 1.2
}

#content section.list-portals section .portal .thumbnail .caption h4 a {
    color: #121212;
    font-weight: 700;
    font-size: 20px;
}

#content section.list-portals section .portal .thumbnail .caption p {
    font-size: 14px
}

#content section.bottom-content {
    overflow: hidden;
    position: relative;
    height: 40%
}

#content section.bottom-content .bottom-content-img {
    position: relative
}

#content section.bottom-content .bottom-content-img img {
    width: 100%
}

#content section.bottom-content .container {
    position: absolute;
    width: 100%;
    top: 30%;
    left: 20%
}

#content section.bottom-content ul {
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%!important
}

#content section.bottom-content ul .bottom-content-actions {
    padding-top: 40px
}

#content section.bottom-content ul .bottom-content-actions a {
    color: #121212;
    text-decoration: none
}

#content section.bottom-content ul .bottom-content-actions a:hover {
    text-decoration: none
}

#content section.bottom-content ul .bottom-content-actions a i.fa-angle-right {
    font-size: 26px;
    margin-left: 10px;
    vertical-align: middle;
    color: gray
}

.carousel.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right,
.carousel.carousel-fade .carousel-inner .item {
    opacity: 0
}

.carousel.carousel-fade .carousel-inner .active,
.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right,
.carousel.carousel-fade .carousel-inner .next,
.carousel.carousel-fade .carousel-inner .prev {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel.carousel-fade .item.right {
    margin-top: 0
}

.carousel.carousel-fade .left.carousel-control {
    background: 0 0;
    width: 0;
    display: none
}

.carousel.carousel-fade .left.carousel-control span {
    left: 10px
}

.carousel.carousel-fade .left.carousel-control .fa-angle-left {
    font-size: 70px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    color: #fff;
    position: absolute;
    margin-top: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    border: none;
    padding: 0;
    top: 30%
}

.carousel.carousel-fade .right.carousel-control {
    background: 0 0;
    width: 0;
    display: none
}

.carousel.carousel-fade .right.carousel-control span {
    right: 10px
}

.carousel.carousel-fade .right.carousel-control .fa-angle-right {
    font-size: 70px;
    display: inline-block;
    text-align: left;
    margin-left: 10px;
    color: #fff;
    position: absolute;
    margin-top: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    border: none;
    padding: 0;
    top: 30%
}

.carousel.carousel-fade:hover .carousel-control,
.wrap-box-contact .title-text-area {
    display: block
}

.carousel.carousel-fade .carousel-indicators {
    bottom: 0
}

.wrap-box-contact {
    border: 1px solid #c5c5c5;
    background-color: #ededed
}

.wrap-box-contact .top-title {
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #0078d7;
    padding: 12px;
    box-sizing: border-box;
   display: none;
}

.wrap-box-contact input.form-control {
    width: 100%;
    border: 1px solid #b1b1b1
}

.wrap-box-contact .main-box {
    padding: 20px 10px;
    font-size: 14px
}

.wrap-box-contact .main-box label {
    color: #484848
}

.wrap-box-contact .main-box label .key {
    color: #ba0001
}

.wrap-box-contact .checkbox,
.wrap-box-contact .wrap-question-comment {
    padding: 0 15px
}

.wrap-box-contact .wrap-question-comment textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #b1b1b1
}

.wrap-box-contact .action-button {
    padding: 15px
}

.wrap-box-contact .action-button .btn-primary {
    padding: 9px 50px
}

.privacy-policy .btn-second {
    width: 100%
}

#content section.list-portals section .portal .thumbnail .portal-image img,
.align-image-center-box,
.left-slide .carousel-indicators .wrap-img-item img,
.left-slide .carousel-inner .item img,
.left-slide .carousel-inner .item video,
.left-slide .lSSlideOuter .lSPager.lSGallery li img,
.left-slide .lightSlider li>a>img,
.left-slide .lightSlider li>a>video {
    margin: auto!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%!important;
    max-height: 100%!important;
    height: auto!important;
    width: auto!important
}

.bottom-button-block {
    margin-top: 60px
}

.button-download {
    margin-top: 10px
}

table.table-thead-vertical {
    width: 100%
}

table.table-thead-vertical td,
table.table-thead-vertical th {
    border: none!important;
    border-bottom: 1px solid #d9d9d9!important
}

table.table-thead-vertical thead {
    float: left
}

table.table-thead-vertical thead th {
    display: block
}

.background-none .carousel-indicators .wrap-img-item.active,
.replace-slide .carousel-indicators .wrap-img-item.active {
    display: none
}

table.table-thead-vertical tbody {
    float: left
}

.tab-box .tab-content {
    border: 5px solid #25292e;
    padding: 20px;
    min-height: 500px;
    overflow: auto;
    background-color: #fff
}

.tab-box .nav.nav-tabs li {
    background-color: #f3f3f3;
    border-left: 1px solid #d5d5d5
}

.tab-box .nav.nav-tabs li a {
    border-radius: 0!important;
    margin-right: 0;
    padding: 7px 10px;
    color: #2d3136
}

.tab-box .nav.nav-tabs li.active {
    border: 1px solid #25292e
}

.tab-box .nav.nav-tabs li.active a {
    color: #f3f3f3;
    background-color: #25292e;
    border-radius: 0;
    border: 1px solid #25292e
}

/*! tabbed style 2 */

.tab-box2 .tab-content {    
    padding: 4px;
    min-height: auto;
    overflow: auto;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
}
.tab-box2 {    
    margin-top:20px;
}

.tab-box2 .nav.nav-tabs2 li {
    background-color: #fff;
    border-left: 1px solid #d5d5d5
}

.tab-box2 .nav.nav-tabs2 li a {
    border-radius: 0!important;
    margin-right: 0px;    
    color: #337ab7;
    font-size: 18px;
}

.tab-box2 .nav.nav-tabs2 li.active {
        
}

.tab-box2 .nav.nav-tabs2 li.active a {
    color: #121212;
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    
}

.nav-tabs2>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;    
    background-color: #f8f8f8;
}
.nav-tabs2>li {
    float: left;
    margin-bottom: -1px;
}






.filter-box,
.search-top {
    padding: 20px;
    background-color: #d5d5d5
}

@media only screen and (max-width:767px) {
    .tab-box .nav.nav-tabs li {
        width: 100%
    }
    .tab-box2 .nav.nav-tabs2 li {
        width: 100%
    }
}

.width-80 {
    width: 80%!important
}

.box-map {
    margin-bottom: 20px
}

.box-map .image-box {
    height: 515px;
    border: 2px solid #d5d5d5
}

.box-map .list-information {
    height: 600px;
    overflow: auto
}

.group-button-top {
    padding: 20px;
    text-align: center
}

.filter-box {
    margin-bottom: 5px
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px
}

.btn-group>.btn:last-child:not(:first-child) {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.background-none {
    background: 0 0
}

.background-none .carousel-indicators .wrap-img-item {
    background-color: #fff!important;
    width: 30%
}

.background-none .carousel-inner {
    background-color: transparent!important
}

.background-none .carousel-inner .item {
    background-color: #fff!important
}

.extend-header-top,
.section-left-image .header-top,
.section-right-image .header-top,
.section-right-multi-image .header-top,
.right-content .header-top {
    margin-bottom: 10px
}

#map-canvas {
    height: 100%
}

.copyright-text {
    color: #121212;
}

.list-navigation li {
    margin-bottom: 5px
}

.section-slide-left {
    padding-top: 0px;
    margin-bottom: 15px
}

.left-slide {
    padding-bottom: 10px
}

.left-slide .carousel-indicators {
    bottom: -55px;
    width: 100%;
    left: 0;
    margin-left: 0
}

.left-slide .carousel-indicators .wrap-img-item {
    margin: 4px 3px 0;
    background-color: #2d3136;
    height: 50px;
    position: relative;
    width: 23%;
    float: left
}

.left-slide .carousel-indicators .wrap-img-item:first-child {
    margin-left: 0
}

.left-slide .carousel-indicators .wrap-img-item:last-child {
    margin-right: 0
}

.left-slide .carousel-indicators .wrap-img-item img {
    cursor: pointer
}

.left-slide .carousel-inner {
    height: 180px;
    background-color: #2d3136
}

.left-slide .carousel-inner .item {
    width: 100%;
    height: 180px;
    position: relative
}

.left-slide .lightSlider li {
    position: relative;
    height: 180px;
    background-color: #fff;
}

.left-slide .lSSlideOuter .lSPager.lSGallery {
    width: 100%!important
}

.left-slide .lSSlideOuter .lSPager.lSGallery li {
    width: 25%!important;
    height: 44px;
    border: 2px solid #fff;
    margin-right: 0!important;
    position: relative;
    background: #252525;
    border-radius: 0!important
}

.left-slide .lSSlideOuter .lSPager.lSGallery li img {
    opacity: 1;
}

.left-slide .lSSlideOuter .lSPager.lSGallery li.active {
    border-radius: 0!important
}

.left-slide .lSSlideOuter .lSPager.lSGallery li.active img {
    opacity: 1
}

.right-content .text {
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .left-slide .carousel-indicators .wrap-img-item {
        width: 20%
    }
}

.section-left-image {
    margin-bottom: 50px
}

.section-left-image div.image {
    float: left;
    width: 283px
}

.section-left-image div.content {
    float: left;
    width: 68%;
    padding-left: 40px
}

.section-left-image div.content .text-description {
    font-size: 13px
}

.section-left-image div.content h5 {
    margin-bottom: 10px;
    font-size: 15px;
    color: #131313
}

.section-left-image div.content h5 i {
    font-size: 12px
}

.section-left-image div.content p {
    padding-left: 20px
}

@media only screen and (max-width:991px) {
    .section-left-image div.image {
        float: none;
        width: 100%;
        text-align: center
    }
    .section-left-image div.content {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px
    }
}

.section-right-image div.image {
    float: right;
    width: 283px
}

.section-right-image div.content {
    float: left;
    width: 68%;
    padding-right: 20px
}

.section-right-image div.content .text-description {
    font-size: 13px
}

.section-right-image div.content h5 {
    margin-bottom: 10px;
    font-size: 15px;
    color: #131313
}

.section-right-image div.content h5 i,
.section-right-multi-image div.content .text-description {
    font-size: 13px
}

.section-right-image div.content p {
    padding-left: 20px
}

@media only screen and (max-width:991px) {
    .section-right-image div.image {
        float: none;
        width: 100%;
        text-align: center
    }
    .section-right-image div.content {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px
    }
}

.section-right-multi-image {
    margin-bottom: 50px
}

.section-right-multi-image div.image {
    float: right;
    width: 420px
}

.section-right-multi-image div.content {
    float: left;
    width: 54%;
    padding-right: 10px
}

.section-right-multi-image div.content h5 {
    margin-bottom: 10px;
    font-size: 15px;
    color: #131313
}

.section-right-multi-image div.content h5 i {
    font-size: 13px
}

@media only screen and (max-width:991px) {
    .section-right-multi-image div.image {
        float: none;
        width: 100%;
        text-align: center
    }
    .section-right-multi-image div.content {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 15px
    }
}

.header-title {
    height: 108px;
    border-bottom: 9px solid #009be3;
    overflow: hidden;
}

.header-title .container {
    position: relative
}

.header-title.red {
    background-color: #0078d7;
}

.header-title .wrap-title {
    margin-top: 25px;
    position: relative;
    z-index: 2
}

.header-title .wrap-image {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .4;
    z-index: 1;
    display: none;
}

@media only screen and (max-width:767px) {
    .header-title .wrap-title {
        margin-top: 20px
    }
    .header-title .wrap-title h2 {
        font-size: 20px
    }
    .header-title .wrap-title h5 {
        font-size: 16px
    }
}

.header-title-intro {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.header-title-intro article {
    margin-bottom: 0px;
}

.header-title-intro h3 {
    padding-bottom: 5px;
}

.header-title-intro .text {
    margin-bottom: 0px;
}

@media only screen and (max-width:767px) {
    .header-title .wrap-title {
        margin-top: 20px
    }
    .header-title .wrap-title h2 {
        font-size: 20px
    }
    .header-title .wrap-title h5 {
        font-size: 16px
    }
}

.search-bar {
    height: 100px;
    overflow: hidden;
    background-color: #cbcbcb
}

.search-bar .container {
    position: relative
}

.search-bar .box-search {
    margin: 20px 15%;
    position: relative;
    z-index: 2
}

.search-bar .box-search .btn {
    padding: 6px 20px
}

.search-bar .box-search p {
    margin-bottom: 5px
}

.search-bar .box-search input {
    width: 80%
}

.search-bar .wrap-image {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .6;
    width: 413px;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .search-bar .box-search {
        margin: 10px
    }
    .search-bar .box-search input {
        width: 60%
    }
}

.list-location,
.map-content .list-location h3,
.map-content .map .top,
.top-map {
    margin: 30px 0
}

.map-content .map .box-map {
    height: 390px;
    border: 2px solid #b1b1b1;
    overflow: hidden;
    position: relative
}

.map-content .map .box-map .point-1 {
    position: absolute;
    top: 10%;
    left: 30%;
    z-index: 3
}

.map-content .map .box-map .example-map {
    width: 100%;
    height: 100%
}

.top-map {
    height: 288px;
    overflow: hidden
}

.top-map img {
    max-width: 100%
}

.top-map .wrap-content {
    position: relative
}

.top-map .wrap-content .point-1 {
    position: absolute;
    top: 10%;
    left: 20%
}

.top-map .wrap-content .point-2 {
    position: absolute;
    top: 15%;
    left: 60%
}

.top-map .wrap-content .point-3 {
    position: absolute;
    top: 20%;
    left: 50%
}

.list-location .location {
    padding-left: 50px;
    padding-top: 20px;
    position: relative
}

.list-location .location img {
    position: absolute;
    top: 0;
    left: 00
}

.list-location .location p {
    margin: 0
}

.form {
    margin-bottom: 30px
}

.form.wrap-main-content {
    padding-top: 0
}

.form .top-title {
    padding: 10px!important
}

.form .privacy-policy .wrap-box-contact {
    border: none
}

.form .privacy-policy .top-title {
    background-color: #333
}

@media only screen and (max-width:767px) {
    .form .privacy-policy {
        padding: 0 15px;
        margin-top: 15px
    }
}

.privacy-policy-content {
    margin: 30px 0
}

.privacy-policy-content h5 {
    margin-bottom: 7px
}

.not-none {
    margin-top: 40px!important
}

.wrap-content-news .left-content,
.wrap-content-news .right-content {
    padding-top: 35px
}

.wrap-content-news .left-content .news header {
    margin-bottom: 25px
}

.wrap-content-news .left-content .news .article-left-image-large {
    padding-bottom: 55px!important;
    margin-bottom: 0!important
}

.wrap-content-news .left-content .news .article-left-image-large .wrap-text {
    width: 80%;
    padding-left: 15px
}

.wrap-content-news .left-content .news .article-left-image-large .wrap-text p {
    font-weight: 600;
    margin-bottom: 25px
}

.wrap-content-news .right-content .events {
    margin-bottom: 85px
}

.wrap-content-news .right-content .events header {
    margin-bottom: 25px
}

.wrap-content-news .right-content .events .border-left {
    border-left: 1px solid #333;
    padding-left: 25px
}

.wrap-content-news .right-content .events .article-left-image-small {
    padding-bottom: 20px!important;
    border-bottom: 1px solid #333;
    margin-bottom: 20px
}

.wrap-content-news .right-content .events .article-left-image-small .wrap-text {
    width: 80%;
    padding-left: 15px
}

.wrap-content-news .right-content .events .article-left-image-small .wrap-text p {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px
}

.wrap-content-news .right-content .events .article-left-image-small .wrap-text p.more {
    margin-top: 15px
}

.wrap-content-news .right-content .events .article-left-image-small .wrap-text span {
    font-size: 13px
}

.wrap-content-news .right-content .events .article-none-image {
    margin-bottom: 45px
}

.wrap-content-news .right-content .events .article-none-image .wrap-text p {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px
}

.wrap-content-news .right-content .events .article-none-image .wrap-text span,
section.list-material .material .thumbnail .material-caption p {
    font-size: 13px
}

@media only screen and (max-width:594px) {
    .wrap-content-news .left-content .news header {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #131313
    }
    .wrap-content-news .left-content .news .article-left-image-large {
        padding-bottom: 10px!important
    }
    .wrap-content-news .left-content .news .article-left-image-large .wrap-img {
        width: 100%;
        position: relative;
        height: 200px
    }
    .wrap-content-news .left-content .news .article-left-image-large .wrap-img img {
        margin: auto!important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%!important;
        max-height: 100%!important;
        height: auto!important;
        width: auto!important
    }
    .wrap-content-news .left-content .news .article-left-image-large .wrap-text {
        width: 100%;
        padding-left: 15px
    }
    .wrap-content-news .left-content .news .article-left-image-large .wrap-text p {
        font-weight: 600;
        margin-bottom: 25px
    }
    .wrap-content-news .right-content .events {
        margin-bottom: 85px
    }
    .wrap-content-news .right-content .events header {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #131313
    }
    .wrap-content-news .right-content .events .border-left {
        border-left: none;
        padding-left: 0
    }
    .wrap-content-news .right-content .events .article-left-image-small {
        padding-bottom: 20px!important;
        border-bottom: 1px solid #333;
        margin-bottom: 20px
    }
    .wrap-content-news .right-content .events .article-left-image-small .wrap-text {
        width: 80%;
        padding-left: 15px
    }
    .wrap-content-news .right-content .events .article-left-image-small .wrap-text p {
        font-weight: 600;
        margin-bottom: 0
    }
    .wrap-content-news .right-content .events .article-left-image-small .wrap-text p.more {
        margin-top: 15px
    }
    .wrap-content-news .right-content .events .article-none-image {
        margin-bottom: 45px
    }
    .wrap-content-news .right-content .events .article-none-image .wrap-text p {
        font-weight: 600;
        margin-bottom: 0
    }
    .right-nav {
        padding-left: 0px!important;
    }
}

.align-top {
    padding-top: 55px;
    margin-top: 80px
}

select.border-select {
    border: 1px solid #131313;
    border-radius: 0;
    width: auto;
    font-style: italic
}

header .header {
    border-bottom: none!important;
    margin-bottom: 0
}

article.section-left-image p.text,
article.section-right-image p.text {
    padding: 0
}

.top-hero .slide.left-image .image {
    height: 345px!important
}

.box-summary {
    margin-top: 10px;
    border: 1px solid #131313;
    padding: 20px;
    text-align: center
}

.box-summary p {
    margin: 0
}

.box-summary p.title {
    font-weight: 600
}

section.top-sort {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 30px;
    padding: 30px 0 10px
}

@media only screen and (max-width:767px) {
    section.top-sort .left,
    section.top-sort .right {
        text-align: center;
        margin-bottom: 15px
    }
}

section.list-material {
    padding: 0
}

section.list-material .material {
    height: 337px;
    padding: 0 30px 20px 0
}

section.list-material .material .thumbnail {
    height: 100%;
    border: none;
    background: #e1e1e1;
    border-radius: 0;
    padding: 0;
    text-align: left
}

section.list-material .material .thumbnail .material-image {
    height: 128px!important;
    background: #e1e1e1
}

section.list-material .material .thumbnail .material-caption {
    height: 140px
}

section.list-material .material .thumbnail button.btn-line {
    background: #fff;
    color: #d7410b;
    border: 1px solid #d7410b;
    padding: 6px 25px
}

section.list-material .material .thumbnail button.btn-line i {
    color: #d7410b;
    font-size: 18px;
    margin-left: 6px
}

section.list-material .material .thumbnail button.btn-line.active,
section.list-material .material .thumbnail button.btn-line.focus,
section.list-material .material .thumbnail button.btn-line:hover {
    background: #d7410b;
    color: #fff
}

section.list-material .material .thumbnail button.btn-line.active i,
section.list-material .material .thumbnail button.btn-line.focus i,
section.list-material .material .thumbnail button.btn-line:hover i {
    color: #fff
}

section.list-material .right {
    border: 1px solid #333;
    padding: 25px 10px;
    margin: 0
}

section.list-material .right article h5 {
    margin-bottom: 10px
}

section.list-material .right article p.text {
    font-size: 13px;
    margin-bottom: 10px
}

section.list-material .button-view-all {
    margin-top: 20px
}

@media only screen and (max-width:991px) {
    section.list-material .material {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    section.list-material .material {
        width: 220px;
        margin: 0 auto
    }
    section.list-material .right {
        margin: 15px
    }
}

.bottom-img img,
.box-button button,
.section-right-image .content .image img {
    width: 100%
}

section.bottom-subscribe {
    padding: 30px;
    text-align: center;
    background: #cbcbcb;
    margin: 20px 0
}

section.bottom-subscribe h4 {
    font-weight: 500
}

section.bottom-subscribe h4 button {
    margin-left: 70px
}

@media only screen and (max-width:767px) {
    section.bottom-subscribe h4 button {
        margin-left: 0;
        margin-top: 15px
    }
}

.carousel-caption {
    left: 50%;
    text-align: left;
    top: 20px;
    right: 20%
}

.carousel-caption h3,
.carousel-caption p {
    margin-bottom: 20px
}

.box-button.top {
    margin-top: 10px
}

.box-button.bottom {
    margin-top: 20px
}

.border-none {
    border: none!important
}

.table-thead-vertical tr td {
    width: 50%
}

ul.list-text li {
    margin-bottom: 35px
}

article.list-text p.text {
    padding-left: 20px
}

.left-image .multi-img,
.multi-image .multi-img,
.right-image .multi-img {
    width: 296px;
    height: 225px;
    background: #fff;
    margin: 40px auto!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%!important;
    max-height: 100%!important
}

.left-image .multi-img .bottom-left img,
.left-image .multi-img .bottom-right img,
.left-image .multi-img .top-left img,
.left-image .multi-img .top-right img,
.multi-image .multi-img .bottom-left img,
.multi-image .multi-img .bottom-right img,
.multi-image .multi-img .top-left img,
.multi-image .multi-img .top-right img,
.right-image .multi-img .bottom-left img,
.right-image .multi-img .bottom-right img,
.right-image .multi-img .top-left img,
.right-image .multi-img .top-right img {
    position: static!important
}

.left-image .multi-img .bottom-left,
.left-image .multi-img .top-left,
.multi-image .multi-img .bottom-left,
.multi-image .multi-img .top-left,
.right-image .multi-img .bottom-left,
.right-image .multi-img .top-left {
    float: left
}

.left-image .multi-img .bottom-right,
.left-image .multi-img .top-right,
.multi-image .multi-img .bottom-right,
.multi-image .multi-img .top-right,
.right-image .multi-img .bottom-right,
.right-image .multi-img .top-right {
    float: right
}

.left-image .multi-img .top-left,
.multi-image .multi-img .top-left,
.right-image .multi-img .top-left {
    width: 186px;
    height: 125px;
    padding-right: 5px;
    padding-bottom: 5px
}

.left-image .multi-img .top-right,
.multi-image .multi-img .top-right,
.right-image .multi-img .top-right {
    width: 107px;
    height: 125px;
    padding-left: 5px;
    padding-bottom: 5px
}

.left-image .multi-img .bottom-left,
.multi-image .multi-img .bottom-left,
.right-image .multi-img .bottom-left {
    width: 93px;
    padding-right: 5px;
    padding-top: 5px
}

.left-image .multi-img .bottom-right,
.multi-image .multi-img .bottom-right,
.right-image .multi-img .bottom-right {
    width: 203px;
    padding-left: 5px;
    padding-top: 5px
}

@media only screen and (max-width:700px) {
    .left-image,
    .multi-image,
    .right-image {
        height: auto!important;
        padding-bottom: 50px
    }
    .left-image .container,
    .multi-image .container,
    .right-image .container {
        padding: 0
    }
    .left-image .slide,
    .multi-image .slide,
    .right-image .slide {
        height: auto!important
    }
    .left-image .slide .item .image,
    .multi-image .slide .item .image,
    .right-image .slide .item .image {
        padding: 0;
        width: 100%;
        height: 300px!important
    }
    .left-image .slide .item .carousel-caption,
    .multi-image .slide .item .carousel-caption,
    .right-image .slide .item .carousel-caption {
        width: 100%
    }
}

section.step {
    padding: 30px 0px 0px;
    padding-left: 27px!important;
}

section.step .wrap-step {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #cbcbcb;
    position: relative;
    padding-top: 50px
}

section.step .wrap-step .tab-content .title-step {
    position: absolute;
    top: -24px;
    left: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 40px;
    background: #fff;
    font-weight: 500
}

section.step .wrap-step .tab-content .title-step span {
    margin-right: 30px
}

section.step .wrap-step .tab-content .number-step {
    display: block;
    border-radius: 100px;
    border: 5px solid #a2a9b1;
    width: 45px;
    height: 45px;
    background: #6f7983;
    position: absolute;
    z-index: 999;
    top: -20px;
    left: -24px;
    padding: 7px 13px;
    color: #fff
}

section.step .wrap-step .tab-content .left .slide .top-img {
    width: 100%;
    height: 157px;
    position: relative;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px
}

section.step .wrap-step .tab-content .left .slide .top-img img {
    border: 2px solid #fff;
    width: 100%
}

section.step .wrap-step .tab-content .left .slide .left-img {
    width: 50%;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px
}

section.step .wrap-step .tab-content .left .slide .left-img img {
    border: 2px solid #fff;
    width: 100%
}

section.step .wrap-step .tab-content .left .slide .right-img {
    width: 50%;
    height: 150px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 3px
}

section.step .wrap-step .tab-content .left .slide .right-img img {
    border: 2px solid #fff;
    width: 100%
}

section.step .wrap-step .tab-content .left .slide .carousel-control {
    display: block;
    opacity: 1
}

section.step .wrap-step .tab-content .left .slide .carousel-control.left {
    left: -30px!important
}

section.step .wrap-step .tab-content .left .slide .carousel-control.right {
    right: -10px!important
}

section.step .wrap-step .tab-content .left .slide .carousel-control span {
    margin-top: -11px;
    font-size: 30px;
    color: #999
}

section.step .wrap-step .tab-content .right .bottom-step,
section.step .wrap-step .tab-content .right .bottom-step p.text {
    margin-top: 20px
}

section.step .wrap-step .tab-content .left .slide .carousel-control span:before {
    color: #D8D8D8
}

section.step .wrap-step .tab-content .right .bottom-step .btn-next {
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:991px) {
    section.step .wrap-step {
        height: auto;
        padding-bottom: 20px
    }
    section.step .wrap-step .left .slide .item {
        background: 0 0
    }
    section.step .wrap-step .right .group-checkbox {
        margin-top: 20px
    }
}

.summary-top {
    margin-top: 30px
}

.summary-top p.text {
    font-weight: 600
}

p.text {
    margin-bottom: 20px
}

.main-content,
.search-box,
.top-slide-hero {
    width: 100%;
    position: relative
}

.top-slide-hero {
    height: 600px;
    background: #f4f4f4;
    z-index: 0
}

.search-box {
    transform: skew(0deg, -4deg);
    -ms-transform: skew(0deg, -4deg);
    -webkit-transform: skew(0deg, -4deg);
    height: 500px;
    background: #fff;
    z-index: 1;
    margin-top: -250px;
    margin-bottom: -370px
}

.search-box.has-option {
    background: #cbcbcb
}

.main-content {
    z-index: 2;
    padding-bottom: 50px;
    background: #fff;
    border-top: 4px solid #fff;
    padding-top: 30px
}

.top-search {
    padding: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    top: -60px
}

@media only screen and (max-width:767px) {
    section.step .wrap-step .tab-content .left .slide .carousel-control.right {
        right: -29px!important
    }
    .top-search {
        top: -90px;
        text-align: center
    }
    .top-search .left {
        text-align: center;
        padding-bottom: 15px
    }
}

.slide.two-column .left-column .image img,
.slide.two-column .right-column .image img {
    width: 100%
}

.slide.two-column .left-column .caption,
.slide.two-column .left-column .images,
.slide.two-column .right-column .caption,
.slide.two-column .right-column .images {
    width: 100%;
    height: 500px;
    padding: 30px 15px
}

.slide.two-column .left-column .images .bottom-left,
.slide.two-column .left-column .images .bottom-right,
.slide.two-column .left-column .images .top-left,
.slide.two-column .left-column .images .top-right,
.slide.two-column .right-column .images .bottom-left,
.slide.two-column .right-column .images .bottom-right,
.slide.two-column .right-column .images .top-left,
.slide.two-column .right-column .images .top-right {
    overflow: hidden;
    height: 140px
}

.slide.two-column .left-column .images .bottom-left img,
.slide.two-column .left-column .images .bottom-right img,
.slide.two-column .left-column .images .top-left img,
.slide.two-column .left-column .images .top-right img,
.slide.two-column .right-column .images .bottom-left img,
.slide.two-column .right-column .images .bottom-right img,
.slide.two-column .right-column .images .top-left img,
.slide.two-column .right-column .images .top-right img {
    width: 100%;
    height: auto
}

.slide.two-column .left-column .images .top-left img,
.slide.two-column .right-column .images .top-left img {
    border-right: 10px solid #fff
}

.slide.two-column .left-column .images .bottom-left img,
.slide.two-column .right-column .images .bottom-left img {
    border-right: 10px solid #fff;
    border-top: 10px solid #fff
}

.slide.two-column .left-column .images .bottom-right img,
.slide.two-column .right-column .images .bottom-right img {
    border-top: 10px solid #fff
}

.slide.two-column .left-column .caption .title,
.slide.two-column .right-column .caption .title {
    margin-bottom: 30px
}

.slide.two-column .left-column .caption p.text,
.slide.two-column .right-column .caption p.text {
    font-size: 16px;
    font-weight: 500
}

.slide.two-column .carousel-control.left {
    left: -20px
}

.slide.two-column .carousel-control.right {
    right: -20px
}

.slide.two-column .carousel-control span {
    top: 25%
}

.slide.two-column .carousel-inner:hover {
    cursor: pointer
}

.slide.two-column .carousel-inner:hover .carousel-control {
    display: block!important
}

.carousel-control,
.left-slide .lSSlideWrapper .lSAction {
    display: none!important
}

@media only screen and (max-width:991px) {
    .slide.two-column .left-column .images .bottom-left,
    .slide.two-column .left-column .images .bottom-right,
    .slide.two-column .left-column .images .top-left,
    .slide.two-column .left-column .images .top-right,
    .slide.two-column .right-column .images .bottom-left,
    .slide.two-column .right-column .images .bottom-right,
    .slide.two-column .right-column .images .top-left,
    .slide.two-column .right-column .images .top-right {
        height: 129px
    }
}

@media only screen and (max-width:767px) {
    .slide.two-column {
        padding: 0
    }
    .slide.two-column .left-column,
    .slide.two-column .right-column {
        padding: 10px 10px 0!important
    }
    .slide.two-column .left-column .caption,
    .slide.two-column .left-column .images,
    .slide.two-column .right-column .caption,
    .slide.two-column .right-column .images {
        width: 100%;
        height: auto;
        padding: 0 15px
    }
    .slide.two-column .left-column .caption .bottom-left,
    .slide.two-column .left-column .caption .bottom-right,
    .slide.two-column .left-column .caption .top-left,
    .slide.two-column .left-column .caption .top-right,
    .slide.two-column .left-column .images .bottom-left,
    .slide.two-column .left-column .images .bottom-right,
    .slide.two-column .left-column .images .top-left,
    .slide.two-column .left-column .images .top-right,
    .slide.two-column .right-column .caption .bottom-left,
    .slide.two-column .right-column .caption .bottom-right,
    .slide.two-column .right-column .caption .top-left,
    .slide.two-column .right-column .caption .top-right,
    .slide.two-column .right-column .images .bottom-left,
    .slide.two-column .right-column .images .bottom-right,
    .slide.two-column .right-column .images .top-left,
    .slide.two-column .right-column .images .top-right {
        height: 100px
    }
    .slide.two-column .left-column .caption .title,
    .slide.two-column .right-column .caption .title {
        margin-bottom: 10px;
        font-size: 14px
    }
    .slide.two-column .left-column .caption p.text,
    .slide.two-column .right-column .caption p.text {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 10px
    }
}

.image figure.image a img {
    width: 100%
}

.form-group {
    margin-bottom: 26px;
}

#map-canvas {
    border: 2px solid #ddd
}

#ask-question-form {
    width: 400px;
    margin: auto;
    padding: 10px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    position: relative
}

#general-contact-form-popup,
#name-email-form-popup,
#name-email-update-form-popup,
#test-material-form-popup,
#support-ticket-form-popup,
#get-sample-form-popup,
#see-demo-form-popup,
#fullform {
    width: 673px;
    margin: auto;
    padding: 10px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    position: relative
}

.header,
.jumbotron {
    border-bottom: 1px solid #e5e5e5
}

#general-contact-form-popup .mfp-close,
#name-email-form-popup .mfp-close,
#name-email-update-form-popup .mfp-close,
#test-material-form-popup .mfp-close,
#support-ticket-form-popup .mfp-close,
#fullform .mfp-close,
#get-sample-form-popup .mfp-close,
#see-demo-form-popup .mfp-close,
#ask-question .mfp-close {
    width: auto;
    height: auto;
    opacity: 1;
    top: -14px;
    right: -14px;
    cursor: pointer
}

@media only screen and (max-width:450px) {
    #fullform,
    #get-sample-form-popup,
    #general-contact-form-popup,
    #name-email-form-popup,
    #test-material-form-popup,
    #name-email-update-form-popup,
    #support-ticket-form-popup,
    #see-demo-form,
    #test-material,
    #ask-question {
        width: 300px
    }
}

.lSSlideWrapper .lSSlide {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

body {
    font-family: 'Open Sans', sans-serif
}

.footer,
.header,
.marketing {
    padding-left: 15px;
    padding-right: 15px
}

.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px
}

.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5
}

.container-narrow>hr {
    margin: 30px 0
}

.jumbotron {
    text-align: center
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px
}

.marketing {
    margin: 40px 0
}

.marketing p+h4 {
    margin-top: 28px
}

@media screen and (min-width:768px) {
    .container {
        max-width: 960px
    }
    .footer,
    .header,
    .marketing {
        padding-left: 0;
        padding-right: 0
    }
    .header {
        margin-bottom: 30px
    }
    .jumbotron {
        border-bottom: 0
    }
}

a:hover {
    text-decoration: none
}

.align-image-center-box,
.content-material .wrapper-material .material .thumbnail .material-image img,
.top-hero .carousel.slide .item .image img {
    margin: auto!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%!important;
    max-height: 100%!important;
    height: auto!important;
    width: auto!important
}

.align-image-center-top,
.top-hero .carousel.slide .item .image img {
    margin: 0 auto!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%!important;
    max-height: 100%!important;
    height: auto!important;
    width: auto!important
}

.top-hero,
.top-hero .carousel.slide {
    height: 380px
}

.top-hero {
    background-color: #25292e;
    width: 100%;
    z-index: -1
}

.top-hero .carousel.slide .item .image {
    height: 380px;
    position: relative
}

.top-hero .carousel.slide .item .carousel-caption {
    position: static;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.top-hero .carousel.slide .item .carousel-caption p {
    color: #f2f2f2;
    font-size: 17px
}

.top-hero .carousel.slide .item .carousel-caption button {
    margin-top: 20px
}

.top-hero .carousel.slide .carousel-inner {
    position: relative;
    overflow: inherit;
    width: 100%
}

@media only screen and (max-width:767px) {
    .top-hero .carousel.slide {
        height: 200px
    }
    .top-hero .carousel.slide .item .image {
        height: 300px
    }
    .top-hero .carousel.slide .item .carousel-caption h2 {
        font-size: 15px
    }
    .top-hero .carousel.slide .item .carousel-caption p {
        font-size: 13px
    }
}

@media only screen and (max-width:500px) {
    .top-hero .carousel.slide {
        height: 440px
    }
    .top-hero .carousel.slide .item .image {
        width: 100%;
        height: 200px
    }
    .top-hero .carousel.slide .item .carousel-caption {
        width: 100%
    }
    .top-hero {
        height: 500px
    }
}

.content-material {
    z-index: 1;
    display: block;
    float: left;
    margin-top: -42px;
    width: 100%;
    background: #fff;
    transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg)
}

.content-material .wrapper-material {
    display: block;
    float: left;
    margin: 42px auto 0 0;
    width: 100%;
    transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg);
    background-color: #fff
}

.content-material .wrapper-material .header-material {
    margin-bottom: 20px
}

.content-material .wrapper-material .header-material h3 {
    padding: 15px 0;
    color: #ba0001;
    border-bottom: 1px solid #d5d5d5
}

.content-material .wrapper-material .search-material {
    z-index: 1;
    display: block;
    float: left;
    margin-top: -40px;
    width: 100%;
    transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    height: 83px;
    background-color: #cbcbcb;
    margin-bottom: 50px
}

.content-material .wrapper-material .search-material .wrap-search-content {
    display: block;
    float: left;
    margin: 40px auto 0 0;
    width: 100%;
    transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg);
    background: #cbcbcb;
    height: 87px
}

.content-material .wrapper-material .search-material .wrap-search-content .left,
.content-material .wrapper-material .search-material .wrap-search-content .right {
    padding: 25px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .content-material .wrapper-material .search-material .wrap-search-content .left,
    .content-material .wrapper-material .search-material .wrap-search-content .right {
        padding: 5px
    }
}

@media only screen and (max-width:600px) {
    .content-material .wrapper-material .search-material .wrap-search-content .left,
    .content-material .wrapper-material .search-material .wrap-search-content .right {
        padding: 10px
    }
}

.content-material .wrapper-material .search-material h3 {
    margin: 0
}

.content-material .wrapper-material .search-material p.adv-search {
    color: #ba0001
}

.content-material .wrapper-material .search-material input.border-black {
    width: 250px
}

.content-material .wrapper-material .material {
    height: 340px;
    margin-bottom: 10px;
    transform: skew(0deg, -5deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, 0deg)
}

.content-material .wrapper-material .material .thumbnail {
    background-color: #e1e1e1;
    border-radius: 0;
    padding: 0 0 10px
}

.content-material .wrapper-material .material .thumbnail .material-image {
    position: relative;
    height: 135px;
    background-color: #fff
}

.content-material .wrapper-material .material .thumbnail .material-caption {
    text-align: left
}

.content-material .wrapper-material .material .thumbnail .btn-danger {
    background-color: #fff;
    border: 1px solid #d9534f;
    color: #d9534f
}

.content-material .wrapper-material .btn-red {
    background-color: #ba0001;
    color: #fff;
    border-radius: 0
}

.content-material .wrapper-material .btn-black {
    background-color: #333940;
    color: #fff;
    border-radius: 0
}

.content-material .wrapper-material .subscribe {
    margin: 30px 0;
    background-color: #cbcbcb;
    padding: 25px
}

@media only screen and (min-width:1660px) {
    .content-material {
        margin-top: -55px
    }
    .content-material .wrapper-material {
        margin: 52px auto 0 0
    }
    .content-material .wrapper-material .search-material {
        margin-top: -50px;
        height: 155px;
        margin-bottom: 100px
    }
    .content-material .wrapper-material .search-material .wrap-search-content {
        margin: 70px auto 0 0;
        height: 143px
    }
}

nav.navbar {
    border-bottom: 5px solid #3178d0;
    margin-bottom: 0;
    border-radius: 0
}

nav .navbar-nav>li>a {
    color: #4c4c4c;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    background: 0 0!important;
    padding: 11px 30px;
}

nav .navbar-nav>li:hover {
    background: 0 0
}

nav .navbar-nav>li.active {
    background: 0 0;
    border-bottom: 5px solid #ba0001
}

nav .navbar-nav>li.active.dropdown.open {
    background: 0 0;
    border-bottom: 5px solid #fff
}

nav .dropdown-toggle,
nav .dropdown-toggle:focus,
nav .dropdown-toggle:hover {
    background-color: transparent!important
}

nav .navbar-nav>li>.dropdown-menu {
    box-shadow: 0 5px 6px 1px rgba(0, 0, 0, .75);
    border: none;
    border-bottom: 5px solid #0078d7;
    border-radius: 0;
    top: 110%;
    padding: 0
}

nav .dropdown-menu>li>a {
    padding: 10px 40px
}

nav .dropdown-menu>li>a:hover {
    color: #121212;
    background: #e7e8e8
}

nav .btn-search {
    padding: 15px 12px!important
}

nav .btn-search i {
    font-size: 20px
}

nav .navbar-toggle {
    background-color: #25292e;
    color: #fff;
    border-radius: 0
}

nav .navbar-toggle .icon-bar {
    background-color: #fff
}

nav .navbar-toggle.collapsed {
    background-color: #fff;
    color: #25292e
}

nav .navbar-toggle.collapsed .icon-bar {
    background-color: #25292e
}

@media only screen and (max-width:991px) {
    nav .navbar-nav>li>a {
        font-size: 14px;
        line-height: 1.5;
        padding: 11px 12px
    }
    .wrap-content-news-and-events_main-box aside .right-wrap-infor {
        width: 70%
    }
    section.bottom-content ul .bottom-content-title h3 {
        font-size: 18px
    }
    section.bottom-content ul .bottom-content-para p {
        font-size: 14px
    }
    section.bottom-content ul .bottom-content-actions a {
        font-size: 13px
    }
    .carousel-inner .item {
        height: auto;
        background: #0078d7
    }
    .carousel-inner .item .carousel-caption {
        position: static;
        padding-left: 20px
    }
    .carousel-inner .item .carousel-caption h3 {
        font-size: 17px;
        margin-bottom: 10px!important
    }
    .carousel-inner .item .carousel-caption p {
        font-size: 14px;
        margin-bottom: 10px!important
    }
}

@media only screen and (max-width:767px) {
    header .header,
    nav .navbar-header {
        border-bottom: 1px solid #ccc
    }
    header .header {
        display: none;
        margin-bottom: 0;
        padding: 10px
    }
    header .header .box-logo {
        width: 100%;
        text-align: center
    }
    header .header .box-logo h1 {
        margin: 0
    }
    header .header .box-logo h1 img {
        width: 170px
    }
    header .header .box-search {
        display: block;
    }
    nav .navbar-header .logo>img {
        width: 180px;
        float: left;
        margin-left: 15px;
        padding: 15px 10px
    }
    nav .navbar-header .navbar-toggle {
        border-left: 1px solid #ccc;
        margin: 0;
        padding: 19px 10px
    }
    nav .navbar-header .navbar-toggle .icon-bar {
        cursor: pointer
    }
    nav .navbar-collapse#list-option {
        padding: 0
    }
    nav .navbar-collapse#list-option .box-search {
        padding: 10px!important
    }
    nav .navbar-nav {
        margin-top: 0
    }
    nav .navbar-nav>li.active,
    nav .navbar-nav>li:hover {
        border-bottom: none;
        background: #d5d5d5
    }
    nav .navbar-nav .open .dropdown-menu {
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5
    }
    .wrap-content-news-and-events-right .wrap-box-content-right {
        margin-bottom: 30px
    }
    section.bottom-content ul .bottom-content-title h3 {
        font-size: 15px
    }
    section.bottom-content ul .bottom-content-para p {
        font-size: 13px
    }
    section.bottom-content ul .bottom-content-actions {
        padding-top: 10px!important
    }
    section.bottom-content ul .bottom-content-actions a {
        font-size: 12px
    }
    section.bottom-content .container {
        top: 20%!important;
        left: 10%!important
    }
    section.top-material {
        height: 300px
    }
    section.top-material .image-materials {
        padding-top: 20px;
        text-align: center
    }
    section.top-material .image-materials img {
        width: 250px
    }
    section.top-material .text-material {
        padding-top: 20px
    }
    section.top-material .text-material ul li h1 {
        font-size: 17px
    }
    section.top-material .text-material ul li p {
        font-size: 13px
    }
    section.content-material .wrapper-material .search-material .left {
        text-align: center;
        margin-bottom: 10px
    }
    section.content-material .wrapper-material .search-material .left h3 {
        font-size: 17px
    }
    section.content-material .wrapper-material .search-material .right {
        text-align: center
    }
    section.content-material .wrapper-material .header-material h3 {
        font-size: 20px
    }
    section.content-material .wrapper-material .subscribe h3 {
        font-size: 18px
    }
}

@media only screen and (min-width:768px) {
    .dropdown,
    .dropdown.active:hover {
        border-bottom: 5px solid #fff
    }
    .dropdown.open>.dropdown-menu {
        display: none
    }
    .dropdown.open:hover .dropdown-menu,
    .dropdown:hover .dropdown-menu {
        display: block
    }
}

@media only screen and (max-width:500px) {
    section.top-material {
        height: 460px
    }
    section.top-material .image-materials {
        width: 100%;
        padding-top: 20px;
        text-align: center
    }
    section.top-material .image-materials img {
        width: auto
    }
    section.top-material .text-material {
        width: 100%;
        padding-top: 20px
    }
    section.top-material .text-material ul li h1 {
        font-size: 17px
    }
    section.top-material .text-material ul li p {
        font-size: 13px
    }
    section.content-material .wrapper-material .material {
        width: 100%
    }
    section.content-material .wrapper-material .subscribe h3 button {
        margin-top: 10px
    }
    footer section.top .list-navigation {
        height: auto;
    }
    section.bottom-content .container {
        top: 10px!important;
        left: 10px!important
    }
    section.bottom-content ul .bottom-content-title h3 {
        margin: 0 0 10px
    }
}

@media screen and (max-width:480px) {
    article .full-480 {
        width: 100%
    }
    .col-wrap-left-img,
    .col-wrap-right-img {
        padding: 15px 0 0
    }
    .wrap-main-content .introduction {
        padding-top: 25px
    }
}

@media screen and (max-width:375px) {
    .wrap-content-news-and-events_main-box aside .left-wrap-img img {
        width: 100%;
        max-height: 189px
    }
    .wrap-content-news-and-events_main-box aside .right-wrap-infor {
        width: 100%;
        padding-left: 0;
        padding-top: 15px
    }
}

.align-image-center-box,
.align-image-center-left,
.align-image-center-top {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%!important;
    max-height: 100%!important;
    height: auto!important;
    width: auto!important;
    position: absolute
}

@font-face {
    font-family: themify;
    src: url(../fonts/themify.eot?-fvbane);
    src: url(../fonts/themify.eot?#iefix-fvbane) format("embedded-opentype"), url(../fonts/themify.woff?-fvbane) format("woff"), url(../fonts/themify.ttf?-fvbane) format("truetype"), url(../fonts/themify.svg?-fvbane#themify) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"],
[class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
label,
p,
span {
    font-family: "Open Sans", sans-serif;
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

h1,
h2,
h3,
h4,
h5,
label,
p,
span {
    color: #131313;
    margin: 0
}

a.text-black,
p.text-black,
span.text-black {
    color: #121212
}

a.text-yellow,
p.text-yellow,
span.text-yellow {
    color: #ff8613
}

a.text-red,
p.text-red,
span.text-red {
    color: #ba0001
}

a.text-blue,
p.text-blue,
span.text-blue {
    color: #3e97ff
}

a.text-white,
p.text-white,
span.text-white {
    color: #fff
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 600;
    color: #131313
}

h1.text-black,
h2.text-black,
h3.text-black,
h4.text-black,
h5.text-black {
    color: #121212
}

h1.text-yellow,
h2.text-yellow,
h3.text-yellow,
h4.text-yellow,
h5.text-yellow {
    color: #fff;
}

h1.text-red,
h2.text-red,
h3.text-red,
h4.text-red,
h5.text-red {
    color: #ba0001
}

h1.text-blue,
h2.text-blue,
h3.text-blue,
h4.text-blue,
h5.text-blue {
    color: #3e97ff
}

h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white,
h5.text-white {
    color: #0078d7;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

p {
    font-weight: 400
}

.btn {
    cursor: pointer;
    border-radius: 0;
    padding: 4px 12px
}

.btn:focus {
    outline: 0
}

.btn.btn-red {
    background-color: #0078d7;
    color: #fff;
    border: 1px solid #0078d7;
    font-weight: 500; 
}

.btn.btn-red.active,
.btn.btn-red:focus,
.btn.btn-red:hover {
    background-color: #fff;
    color: #0078d7;
    border: 1px solid #0078d7;
    font-weight: 500;      
}

.btn.btn-black {
    background-color: #0078d7;
    color: #fff;
    border: 1px solid #0078d7;
    font-weight: 500;
}

.btn.btn-black.active,
.btn.btn-black:focus,
.btn.btn-black:hover {
    background-color: #fff;
    color: #0078d7;
    border: 1px solid #0078d7;
    font-weight: 500;
}

.btn.btn-yellow {
    background-color: #ff8613;
    color: #fff;
    border: 1px solid #ff8613
}

.btn.btn-line-yellow,
.btn.btn-yellow.active,
.btn.btn-yellow:focus,
.btn.btn-yellow:hover {
    background-color: #fff;
    color: #ff8613;
    border: 1px solid #ff8613
}

.btn.btn-large {
    padding: 6px 25px;
    font-size: 16px
}

.btn.btn-line-yellow.active,
.btn.btn-line-yellow:focus,
.btn.btn-line-yellow:hover {
    background-color: #ff8613;
    border: 1px solid #ff8613;
    color: #fff
}

.align-image-center-box {
    margin: auto!important
}

.align-image-center-top {
    margin: 0 auto!important
}

.align-image-center-left {
    margin: auto 0!important
}

.align-box-vertical {
    bottom: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

article {
    margin-bottom: 30px
}

.fa {
    color: #ba0001;
    font-size: 12px;
}