@charset "UTF-8";
.alazy,
.btn-wset,
.hidden-img {
    display: none
}

.page-wrap img {
    max-width: 100%
}

.page-wrap p {
    padding: 0;
    margin: 0
}

.hash-tag {
    font-weight: 700
}

.guest,
.member {
    color: #333
}

#nameContextMenu {
    background: #fff;
    border: 1px solid #444;
    box-shadow: 5px 5px 5px #000;
    color: #000;
    padding: 0 !important;
    z-index: 9999;
    padding: 6px 0 !important
}

#nameContextMenu a {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    display: block;
    padding: 0 8px
}

#nameContextMenu a:hover {
    color: #ffa200;
}

#nameContextMenu td {
    padding: 0 !important;
    border: 0 !important
}

#autosave_pop ul {
    padding: 0 !important;
    list-style: none !important
}

#autosave_pop li {
    display: block
}

#viewModalLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -90px;
    margin-top: -90px;
    display: none
}

#viewModal .modal-body {
    -webkit-overflow-scrolling: touch
}

.img-exif {
    margin: 0 auto 30px;
    max-width: 100%
}

.img-exif img {
    display: block;
    margin: 0 auto !important;
    max-width: 100%
}

.img-exif .exif-data {
    padding: 15px;
    margin-top: 15px;
    background: #fafafa;
    border: 1px solid #eee;
    line-height: 20px;
    color: #333;
    overflow: hidden
}

.img-exif ul.iptc-list {
    padding: 0 5px 6px;
    margin: 0 0 15px;
    border-bottom: 1px dotted #bbb;
    list-style: none
}

.img-exif ul.iptc-list li {
    margin-bottom: 4px
}

.img-exif ul.exif-list {
    padding: 0;
    padding-left: 20px;
    margin: 0
}

.img-exif ul.exif-list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.img-exif ul.exif-list li {
    float: left;
    padding-right: 20px;
    width: 33.333%
}

@media all and (max-width:767px) {
    .responsive .img-exif ul.exif-list li {
        width: 50%
    }
}

@media all and (max-width:420px) {
    .responsive .img-exif ul.exif-list li {
        width: 100%
    }
}

.div-iframe {
    margin: 0 auto;
    max-width: 100%
}

.div-iframe .iframe-wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0
}

.div-iframe .iframe-wrap embed,
.div-iframe .iframe-wrap iframe,
.div-iframe .iframe-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.div-panel.panel-group {
    margin-bottom: 30px
}

.div-panel.panel-group.no-bottom {
    margin-bottom: 0
}

.div-panel.panel-group .panel {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0
}

.div-panel.panel-group .panel+.panel {
    margin-top: 0;
    border: 0
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    position: relative;
    background: 0 0
}

.div-panel.panel-group .panel-heading::after {
    content: ""
}

.div-panel.panel-group .panel-heading {
    padding: 0;
    border-radius: 0
}

.div-panel.panel-group .panel-heading .rank-icon {
    margin-top: 3px
}

.div-panel.panel-group .panel-heading a {
    outline: 0;
    display: block;
    padding: 10px 15px;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
    border-top: 1px solid #ebebeb
}

.div-panel.panel-group .panel:first-child .panel-heading a {
    border-top: 0
}

.div-panel.panel-group .panel:last-child .panel-heading a {
    border-bottom: 1px solid #ebebeb
}

.div-panel.panel-group .panel-heading a .panel-icon::after {
    font-family: dotum;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    background: #333;
    color: #fff;
    content: "+"
}

.div-panel.panel-group .panel-heading a.active {
    color: #e91b23;
    border-bottom: 1px solid #373737 !important
}

.div-panel.panel-group .panel-heading a.active .panel-icon::after {
    background: #e91b23;
    color: #fff;
    content: "-"
}

.div-panel.panel-group .panel-body {
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    padding-left: 25px
}

.div-panel.panel-group .list-group {
    margin: 0;
    border: 0;
    border-radius: 0
}

.div-panel.panel-group .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    padding: 4px 15px;
    padding-right: 0;
    padding-left: 25px;
    word-break: break-all
}

.div-panel.panel-group .list-group .list-group-item .rank-icon {
    margin-top: 3px
}

.div-panel.panel-group a.active.list-group-item,
.div-panel.panel-group a.active.list-group-item:focus,
.div-panel.panel-group a.active.list-group-item:hover {
    background-color: #f5f5f5;
    color: #dc143c;
    border-color: none;
    font-weight: 700
}

.tabs li a {
    cursor: pointer !important
}

.div-tab-bottom.tabs,
.div-tab-btn.tabs,
.div-tab-top.tabs,
.div-tab.tabs {
    margin-bottom: 0
}

.div-tab-bottom.tabs::before,
.div-tab-btn.tabs::before,
.div-tab-top.tabs::before,
.div-tab.tabs::before {
    display: table;
    content: " "
}

.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after,
.div-tab-top.tabs::after,
.div-tab.tabs::after {
    display: table;
    content: " "
}

.div-tab-bottom.tabs::after,
.div-tab-btn.tabs::after,
.div-tab-top.tabs::after,
.div-tab.tabs::after {
    clear: both
}

.div-tab-bottom.tabs ul.nav-tabs,
.div-tab-top.tabs ul.nav-tabs,
.div-tab.tabs ul.nav-tabs {
    margin: 0
}

.div-tab.tabs div.tab-content {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 15px
}

.div-tab-bottom.tabs div.tab-content,
.div-tab-top.tabs div.tab-content {
    border: 0;
    padding: 15px 0
}

.div-tab-bottom.tabs div.tab-content,
.div-tab-top.tabs div.tab-content,
.div-tab.tabs div.tab-content {
    border-radius: 0;
    border-image: none;
    box-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: 0
}

.div-tab.tabs ul.nav-tabs li {
    background: #f7f7f7;
    border-image: none;
    color: #333;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #e6e6e6;
    border-image: none;
    line-height: 14px !important
}

.div-tab.tabs ul.nav-tabs li:focus,
.div-tab.tabs ul.nav-tabs li:hover {
    border: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #e6e6e6;
    border-image: none
}

.div-tab.tabs ul.nav-tabs li:first-child {
    border-left: 1px solid #ddd;
    margin-left: 0
}

.div-tab.tabs ul.nav-tabs li:last-child,
.div-tab.tabs ul.nav-tabs li:last-child:hover {
    border-right: 1px solid #ddd
}

.div-tab.tabs ul.nav-tabs li.active {
    background: #fff;
    border-top: 1px solid #333
}

.div-tab.tabs ul.nav-tabs li a,
.div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li a:hover,
.div-tab.tabs ul.nav-tabs li:first-child a,
.div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a:hover,
.div-tab.tabs ul.nav-tabs li:last-child a,
.div-tab.tabs ul.nav-tabs li:last-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    margin: 0;
    line-height: 14px !important
}

.div-tab.tabs ul.nav-tabs li.active a,
.div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active a:hover,
.div-tab.tabs ul.nav-tabs li.active:first-child a,
.div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab.tabs ul.nav-tabs li.active:last-child a,
.div-tab.tabs ul.nav-tabs li.active:last-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 14px !important
}

.div-tab-bottom.tabs ul.nav-tabs,
.div-tab-top.tabs ul.nav-tabs {
    background: 0 0;
    border-image: none;
    color: #333;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-image: none;
    line-height: 18px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.div-tab-bottom.tabs ul.nav-tabs li,
.div-tab-top.tabs ul.nav-tabs li {
    border: 0;
    margin: 0;
    line-height: 14px !important
}

.div-tab-top.tabs ul.nav-tabs li a,
.div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li a:hover,
.div-tab-top.tabs ul.nav-tabs li:first-child a,
.div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li:last-child a,
.div-tab-top.tabs ul.nav-tabs li:last-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 2px solid transparent;
    border-bottom: 0;
    padding: 12px 12px 10px;
    margin-top: -1px;
    line-height: 14px !important
}

.div-tab-top.tabs ul.nav-tabs li.active a,
.div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 2px solid #333;
    border-bottom: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important
}

.div-tab-bottom.tabs ul.nav-tabs li a,
.div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin-bottom: -1px;
    line-height: 14px !important
}

.div-tab-bottom.tabs ul.nav-tabs li.active a,
.div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-bottom: 2px solid #333;
    border-top: 0;
    padding: 12px 12px 10px;
    line-height: 14px !important
}

.div-tab-line.tabs ul.nav-tabs li a,
.div-tab-line.tabs ul.nav-tabs li a:focus,
.div-tab-line.tabs ul.nav-tabs li a:hover,
.div-tab-line.tabs ul.nav-tabs li:first-child a,
.div-tab-line.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li:last-child a,
.div-tab-line.tabs ul.nav-tabs li:last-child a:focus,
.div-tab-line.tabs ul.nav-tabs li:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-top: 0;
    padding: 12px 12px 10px;
    margin: -1px 0;
    line-height: 14px !important
}

.div-tab-line.tabs ul.nav-tabs li.active a,
.div-tab-line.tabs ul.nav-tabs li.active a:focus,
.div-tab-line.tabs ul.nav-tabs li.active a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover {
    color: #333;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: 0 0;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 12px 12px 10px;
    line-height: 14px !important
}

.div-tab-box.tabs ul.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid #ddd
}

.div-tab-box.tabs ul.nav-tabs li a {
    padding: 10px 15px;
    background: #f7f7f7;
    color: #333;
    margin-right: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #ddd
}

.div-tab-box.tabs ul.nav-tabs li.active a {
    background: #333;
    color: #fff;
    font-weight: 700;
    border: 1px solid #333;
    cursor: pointer
}

.div-tab-btn.tabs {
    border: 0;
    padding: 0
}

.div-tab-btn.tabs ul.nav-tabs {
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 0
}

.div-tab-btn.tabs ul.nav-tabs li {
    border: 0;
    margin: 5px 0;
    padding: 0
}

.div-tab-btn.tabs ul.nav-tabs li a {
    padding: 7px 15px !important;
    background: 0 0;
    border: 0 !important;
    margin: 0;
    font-weight: 400
}

.div-tab-btn.tabs ul.nav-tabs li.active a {
    border: 0;
    color: #fff;
    font-weight: 400;
    background: #333;
    cursor: pointer
}

.tabs-color-top.tabs ul.nav-tabs li.active,
.tabs-color-top.tabs ul.nav-tabs li.active a {
    border-top-color: #333 !important
}

.tabs-darkred-top.tabs ul.nav-tabs li.active,
.tabs-darkred-top.tabs ul.nav-tabs li.active a {
    border-top-color: #aa3c3f !important
}

.tabs-crimson-top.tabs ul.nav-tabs li.active,
.tabs-crimson-top.tabs ul.nav-tabs li.active a {
    border-top-color: #dc143c !important
}

.tabs-red-top.tabs ul.nav-tabs li.active,
.tabs-red-top.tabs ul.nav-tabs li.active a {
    border-top-color: #e91b23 !important
}

.tabs-orangered-top.tabs ul.nav-tabs li.active,
.tabs-orangered-top.tabs ul.nav-tabs li.active a {
    border-top-color: #ff4500 !important
}

.tabs-orange-top.tabs ul.nav-tabs li.active,
.tabs-orange-top.tabs ul.nav-tabs li.active a {
    border-top-color: #f09614 !important
}

.tabs-green-top.tabs ul.nav-tabs li.active,
.tabs-green-top.tabs ul.nav-tabs li.active a {
    border-top-color: #8cc346 !important
}

.tabs-lightgreen-top.tabs ul.nav-tabs li.active,
.tabs-lightgreen-top.tabs ul.nav-tabs li.active a {
    border-top-color: #a0c850 !important
}

.tabs-deepblue-top.tabs ul.nav-tabs li.active,
.tabs-deepblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: #007db4 !important
}

.tabs-skyblue-top.tabs ul.nav-tabs li.active,
.tabs-skyblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: #64c3f5 !important
}

.tabs-blue-top.tabs ul.nav-tabs li.active,
.tabs-blue-top.tabs ul.nav-tabs li.active a {
    border-top-color: #3498db !important
}

.tabs-navy-top.tabs ul.nav-tabs li.active,
.tabs-navy-top.tabs ul.nav-tabs li.active a {
    border-top-color: #323c46 !important
}

.tabs-violet-top.tabs ul.nav-tabs li.active,
.tabs-violet-top.tabs ul.nav-tabs li.active a {
    border-top-color: #553c7d !important
}

.tabs-yellow-top.tabs ul.nav-tabs li.active,
.tabs-yellow-top.tabs ul.nav-tabs li.active a {
    border-top-color: #f1c40f !important
}

.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #666 !important
}

.tabs-gray-top.tabs ul.nav-tabs li.active,
.tabs-gray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #888 !important
}

.tabs-lightgray-top.tabs ul.nav-tabs li.active,
.tabs-lightgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #ddd !important
}

.tabs-black-top.tabs ul.nav-tabs li.active,
.tabs-black-top.tabs ul.nav-tabs li.active a {
    border-top-color: #333 !important
}

.tabs-white-top.tabs ul.nav-tabs li.active,
.tabs-white-top.tabs ul.nav-tabs li.active a {
    border-top-color: #fff !important
}

.tabs-color-bottom.tabs ul.nav-tabs li.active,
.tabs-color-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #333 !important
}

.tabs-darkred-bottom.tabs ul.nav-tabs li.active,
.tabs-darkred-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #aa3c3f !important
}

.tabs-crimson-bottom.tabs ul.nav-tabs li.active,
.tabs-crimson-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #dc143c !important
}

.tabs-red-bottom.tabs ul.nav-tabs li.active,
.tabs-red-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #e91b23 !important
}

.tabs-orangered-bottom.tabs ul.nav-tabs li.active,
.tabs-orangered-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #ff4500 !important
}

.tabs-orange-bottom.tabs ul.nav-tabs li.active,
.tabs-orange-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #f09614 !important
}

.tabs-green-bottom.tabs ul.nav-tabs li.active,
.tabs-green-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #8cc346 !important
}

.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #a0c850 !important
}

.tabs-deepblue-bottom.tabs ul.nav-tabs li.active,
.tabs-deepblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #007db4 !important
}

.tabs-skyblue-bottom.tabs ul.nav-tabs li.active,
.tabs-skyblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #64c3f5 !important
}

.tabs-blue-bottom.tabs ul.nav-tabs li.active,
.tabs-blue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #3498db !important
}

.tabs-navy-bottom.tabs ul.nav-tabs li.active,
.tabs-navy-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #323c46 !important
}

.tabs-violet-bottom.tabs ul.nav-tabs li.active,
.tabs-violet-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #553c7d !important
}

.tabs-yellow-bottom.tabs ul.nav-tabs li.active,
.tabs-yellow-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #f1c40f !important
}

.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #666 !important
}

.tabs-gray-bottom.tabs ul.nav-tabs li.active,
.tabs-gray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #888 !important
}

.tabs-lightgray-bottom.tabs ul.nav-tabs li.active,
.tabs-lightgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #ddd !important
}

.tabs-black-bottom.tabs ul.nav-tabs li.active,
.tabs-black-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #333 !important
}

.tabs-white-bottom.tabs ul.nav-tabs li.active,
.tabs-white-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #fff !important
}

.tabs-color-bg.tabs ul.nav-tabs li.active,
.tabs-color-bg.tabs ul.nav-tabs li.active a {
    border-color: #333 !important;
    background: #333 !important
}

.tabs-darkred-bg.tabs ul.nav-tabs li.active,
.tabs-darkred-bg.tabs ul.nav-tabs li.active a {
    border-color: #aa3c3f !important;
    background: #aa3c3f !important
}

.tabs-crimson-bg.tabs ul.nav-tabs li.active,
.tabs-crimson-bg.tabs ul.nav-tabs li.active a {
    border-color: #dc143c !important;
    background: #dc143c !important
}

.tabs-red-bg.tabs ul.nav-tabs li.active,
.tabs-red-bg.tabs ul.nav-tabs li.active a {
    border-color: #e91b23 !important;
    background: #e91b23 !important
}

.tabs-orangered-bg.tabs ul.nav-tabs li.active,
.tabs-orangered-bg.tabs ul.nav-tabs li.active a {
    border-color: #ff4500 !important;
    background: #ff4500 !important
}

.tabs-orange-bg.tabs ul.nav-tabs li.active,
.tabs-orange-bg.tabs ul.nav-tabs li.active a {
    border-color: #f09614 !important;
    background: #f09614 !important
}

.tabs-green-bg.tabs ul.nav-tabs li.active,
.tabs-green-bg.tabs ul.nav-tabs li.active a {
    border-color: #8cc346 !important;
    background: #8cc346 !important
}

.tabs-lightgreen-bg.tabs ul.nav-tabs li.active,
.tabs-lightgreen-bg.tabs ul.nav-tabs li.active a {
    border-color: #a0c850 !important;
    background: #a0c850 !important
}

.tabs-deepblue-bg.tabs ul.nav-tabs li.active,
.tabs-deepblue-bg.tabs ul.nav-tabs li.active a {
    border-color: #007db4 !important;
    background: #007db4 !important
}

.tabs-skyblue-bg.tabs ul.nav-tabs li.active,
.tabs-skyblue-bg.tabs ul.nav-tabs li.active a {
    border-color: #64c3f5 !important;
    background: #64c3f5 !important
}

.tabs-blue-bg.tabs ul.nav-tabs li.active,
.tabs-blue-bg.tabs ul.nav-tabs li.active a {
    border-color: #3498db !important;
    background: #3498db !important
}

.tabs-navy-bg.tabs ul.nav-tabs li.active,
.tabs-navy-bg.tabs ul.nav-tabs li.active a {
    border-color: #323c46 !important;
    background: #323c46 !important
}

.tabs-violet-bg.tabs ul.nav-tabs li.active,
.tabs-violet-bg.tabs ul.nav-tabs li.active a {
    border-color: #553c7d !important;
    background: #553c7d !important
}

.tabs-yellow-bg.tabs ul.nav-tabs li.active,
.tabs-yellow-bg.tabs ul.nav-tabs li.active a {
    border-color: #f1c40f !important;
    background: #f1c40f !important
}

.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active,
.tabs-darkgray-bg.tabs ul.nav-tabs li.active a {
    border-color: #666 !important;
    background: #666 !important
}

.tabs-gray-bg.tabs ul.nav-tabs li.active,
.tabs-gray-bg.tabs ul.nav-tabs li.active a {
    border-color: #888 !important;
    background: #888 !important
}

.tabs-lightgray-bg.tabs ul.nav-tabs li.active,
.tabs-lightgray-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #ddd !important
}

.tabs-black-bg.tabs ul.nav-tabs li.active,
.tabs-black-bg.tabs ul.nav-tabs li.active a {
    border-color: #333 !important;
    background: #333 !important
}

.tabs-white-bg.tabs ul.nav-tabs li.active,
.tabs-white-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #fff !important
}

.div-tab.tabs.trans-top ul.nav-tabs li.active {
    border-top-color: #ddd !important
}

.div-tab.tabs.trans-top ul.nav-tabs li.active a {
    color: #dc143c !important;
    border-top-color: transparent !important
}

.div-tab-box.tabs ul.nav-tabs li a {
    border-left: 0 !important
}

.div-table.table>thead>tr>th {
    vertical-align: middle
}

.div-table.table>tbody>tr>th {
    vertical-align: middle
}

.div-table.table>tfoot>tr>th {
    vertical-align: middle
}

.div-table.table>thead>tr>td {
    vertical-align: middle
}

.div-table.table>tbody>tr>td {
    vertical-align: middle;
}

.div-table.table>tfoot>tr>td {
    vertical-align: middle
}

.div-table.table-no-border.table>thead>tr>th {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table-no-border.table>tbody>tr>th {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table-no-border.table>tfoot>tr>th {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table-no-border.table>thead>tr>td {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table-no-border.table>tbody>tr>td {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table-no-border.table>tfoot>tr>td {
    padding: 0;
    border-top-color: currentColor;
    border-top-width: 0;
    border-top-style: none
}

.div-table.table>thead>tr>th {
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.div-table.table>thead>tr {
    background: #f3f3f3
}

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

.div-progress.progress {
    position: relative;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.div-progress.progress .sr-only {
    font-family: tahoma, sans-serif;
    margin: 0 15px;
    left: 0;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto
}

.div-progress .sr-score {
    font-family: tahoma, sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right: 8px
}

.syntaxhighlighter .line {
    font-size: 13px !important;
    line-height: 20px !important
}

.shadow-line {
    display: block;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden !important;
    text-align: center;
    vertical-align: top
}

.shadow-line img {
    display: block;
    border: 0;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto
}

.person {
    margin-bottom: 15px
}

.person .person-desc {
    margin-top: 18px
}

.person .person-desc .person-author {
    display: table;
    width: 100%
}

.person .person-desc .person-author .person-author-wrapper {
    min-width: 50%
}

.person .person-desc .person-author .person-name {
    display: block;
    line-height: 20px
}

.person .person-desc .person-author .person-title {
    display: block;
    line-height: 20px;
    color: #747474
}

.person .person-desc .person-author .person-social {
    max-width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.person .person-social a {
    margin-left: 12px
}

.person .person-content {
    margin-top: 8px;
    color: #747474
}

.img-wrap {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

.img-wrap.img-fix {
    margin-bottom: -1px
}

.img-wrap .img-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.img-wrap .img-item.img-fix {
    margin-top: -1px -1px 0
}

.img-wrap .img-item img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.img-wrap .img-item.img-full img {
    width: 100%;
    height: 100%
}

.img-wrap .img-item.img-height img {
    width: auto;
    height: 100%
}

.img-wrap .img-item.img-auto img {
    width: auto;
    height: auto
}

.img-ratio {
    display: block;
    position: relative;
    overflow: hidden
}

.img-ratio .img-item {
    position: relative;
    overflow: hidden
}

.img-ratio .img-item img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.in-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.in-subject {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px
}

.in-caption {
    position: absolute;
    bottom: 20%;
    padding: 6px 8px;
    margin: 0;
    line-height: 20px
}

.in-title {
    position: absolute;
    bottom: 20%;
    padding: 10px 15px;
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.in-left {
    position: absolute;
    top: 0;
    left: 0
}

.in-left-b {
    position: absolute;
    bottom: 0;
    left: 0
}

.in-right {
    position: absolute;
    top: 0;
    right: 0
}

.in-right-b {
    position: absolute;
    top: 0;
    right: 0
}

.boxframe {
    margin: 0 auto;
    z-index: 0;
    position: relative
}

.boxframe embed,
.boxframe iframe,
.boxframe object {
    display: block
}

.imgframe {
    display: block;
    z-index: 0;
    position: relative
}

.boxframe.box-border,
.imgframe.img-border {
    border: 6px solid #f6f6f6
}

.boxframe.box-grow,
.imgframe.img-grow {
    border: 6px solid #f6f6f6;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.boxframe.box-shadow,
.imgframe.img-shadow {
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 2px 3px 7px rgba(0, 0, 0, .3)
}

.boxframe.box-bottomshadow,
.imgframe.img-bottomshadow {
    margin: 0
}

.boxframe.box-bottomshadow::after,
.boxframe.box-bottomshadow::before,
.imgframe.img-bottomshadow::after,
.imgframe.img-bottomshadow::before {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: .7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.boxframe.box-bottomshadow::after,
.imgframe.img-bottomshadow::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}

.date-box {
    width: 82px;
    text-align: center
}

.date-box .date-item {
    padding: 8px 0 5px 0
}

.date-box .date-item .date {
    display: block;
    line-height: 29px;
    font-size: 29px;
    font-weight: 700
}

.date-box .date-icon {
    margin-top: 3px;
    background-color: #eef0f2
}

.date-box .date-icon i {
    display: block;
    line-height: 55px;
    font-size: 30px
}

.div-bg-box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

.div-bg-box.bg-fixed {
    background-attachment: fixed
}

.div-bg-box.bg-top {
    background-position: center top
}

.div-ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.div-ul li {
    line-height: 26px
}

.flip-container {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d
}

.flip-container.hover .flip-back,
.flip-container:hover .flip-back {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0)
}

.flip-container.hover .flip-front,
.flip-container:hover .flip-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flip-horizontal {
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: .6s;
    transform-style: preserve-3d;
    position: relative
}

.flip-back,
.flip-front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0);
    -moz-transition: .6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0);
    -o-transition: .6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0);
    -ms-transition: .6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0);
    transition: .6s;
    transform-style: preserve-3d;
    transform: rotateY(0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 214px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px 27px 20px;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transition: all .4s cubic-bezier(.2, .85, .4, 1.275) 0 !important;
    -moz-transition: all .4s cubic-bezier(.2, .85, .4, 1.275) 0s !important;
    -o-transition: all .4s cubic-bezier(.2, .85, .4, 1.275) 0 !important;
    transition: all .4s cubic-bezier(.2, .85, .4, 1.275) 0 !important
}

.flip-front {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    background: #90ee90;
    z-index: 2
}

.flip-back {
    background: #add8e6;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.flip-vertical .flip-back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.flip-vertical.flip-container .flip-box {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px
}

.flip-vertical.flip-container.hover .flip-back,
.flip-vertical.flip-container:hover .flip-back {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0)
}

.flip-vertical.flip-container.hover .flip-front,
.flip-vertical.flip-container:hover .flip-front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.flip-box {
    position: relative;
    min-height: 214px;
    margin-bottom: 15px
}

.flip-box .flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%
}

.flip-box .flip-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px
}

.flip-box .no-circle {
    font-size: 60px
}

.flip-box .flip-grafix {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px
}

.flip-box .flip-heading {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px
}

.flip-box .flip-heading-back {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    text-transform: uppercase
}

.flip-box .flip-img {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

.flip-box .flip-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border: 0
}

.fix-icon.large i,
.fix-icon.large img,
i.large,
img.large {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px
}

.fix-icon.normal i,
.fix-icon.normal img,
i.normal,
img.normal {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px
}

.fix-icon.medium i,
.fix-icon.medium img,
i.medium,
img.medium {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px
}

.fix-icon.tiny i,
.fix-icon.tiny img,
i.tiny,
img.tiny {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    margin-right: 3px
}

.fix-icon.circle i,
.fix-icon.circle img,
i.circle,
img.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0;
    vertical-align: middle
}

.fix-icon.dark-circle i,
.fix-icon.dark-circle img,
i.dark-circle,
img.dark-circle {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff
}

.fix-icon.light-circle i,
.fix-icon.light-circle img,
i.light-circle,
img.light-circle {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333
}

.content-box {
    margin: 0 0 15px;
    line-height: 20px
}

.content-box .heading:hover i {
    background-color: #e91b23;
    color: #fff;
    border-color: #e91b23
}

.content-box .text {
    color: #747474;
    margin: 0 0 10px
}

.content-box .more a {
    font-size: 11px;
    font-weight: 400;
    color: #888;
    letter-spacing: -1px
}

.content-box .more i.fa {
    margin: 0 4px
}

.content-box-bg {
    height: auto;
    overflow: visible;
    background-color: #f6f6f6;
    padding: 35px 12px 12px;
    text-align: center
}

.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center
}

.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
    top: -80px
}

.div-box {
    position: relative;
    padding: 28px 28px 27px 31px;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: #333 #e8e6e6 #e8e6e6;
    background-color: #fff
}

.div-box-shadow {
    z-index: 1;
    position: relative
}

.div-box-shadow .div-box::after,
.div-box-shadow .div-box::before {
    opacity: .7;
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: .7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    box-shadow: 0 17px 10px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.div-box-shadow .div-box::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}

.div-box-dark {
    margin: 0;
    padding: 15px;
    color: #fff;
    background-color: #373737;
    border-left: 5px solid #000
}

.div-box-dark a,
.div-box-dark a:focus,
.div-box-dark a:hover {
    color: #fff
}

.div-box-light {
    margin: 0;
    padding: 15px;
    color: #333;
    background-color: #f5f5f5;
    border-left: 5px solid #000
}

.div-title-block-bold,
.div-title-block-thin {
    position: relative;
    margin-bottom: 20px
}

.div-title-block-bold::before,
.div-title-block-thin::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1
}

.div-title-block-thin::before {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6
}

.div-title-block-bold::before {
    height: 6px;
    background: #f0f0f0;
    margin-top: -4px
}

.div-title-block-bold span,
.div-title-block-thin span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 2
}

.div-title-line-bold,
.div-title-line-thin {
    width: 100%;
    padding: 12px 0 6px;
    margin: 0 0 20px
}

.div-title-line-thin {
    border-bottom: 1px solid #e7e6e6
}

.div-title-line-bold {
    border-bottom: 6px solid #f0f0f0
}

.div-title-underline-bold,
.div-title-underline-thin {
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
    position: relative
}

.div-title-underline-thin {
    border-bottom: 1px solid #333
}

.div-title-underline-bold {
    border-bottom: 3px solid #333
}

.div-title-underbar {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc
}

.div-title-underbar span {
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: -1px
}

.div-title-underbar-thin {
    border-bottom: 1px solid #333
}

.div-title-underbar-bold {
    border-bottom: 2px solid #333
}

.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden
}

.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap
}

.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%
}

.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box
}

.sep-thin.div-sep {
    height: 1px;
    margin-top: -1px;
    background: #e7e6e6
}

.sep-bold.div-sep {
    height: 6px;
    margin-top: -3px;
    background: #f0f0f0
}

.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 1
}

.div-sep-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    font-size: 14px;
    color: #cdcdcd;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height: 26px !important
}

.div-sep-icon i {
    margin: 0 auto
}

.div-sep-line {
    clear: both;
    height: 40px;
    border-top: 1px solid #e7e6e6
}

.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .5) 0, rgba(255, 255, 255, 0) 65%)
}

.sep-shadow.div-separator {
    margin: 20px 0;
    height: 1px;
    overflow: visible;
    border: none;
    background: 0 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, .65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, .65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, .65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, .65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, .65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, .65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%)
}

.div-sep-arrow-bottom,
.div-sep-arrow-top {
    position: relative
}

.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0;
    width: 0;
    border-style: solid
}

.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent
}

.div-sep-bar,
.div-sep-bar-bold,
.div-sep-bar-thin {
    position: relative;
    margin: 0 auto;
    width: 100px;
    background: #f0f0f0
}

.div-sep-bar {
    height: 6px
}

.div-sep-bar-thin {
    height: 1px
}

.div-sep-bar-bold {
    height: 2px
}

ul.div-ring {
    text-align: center;
    padding: 10px 8px;
    margin: 0;
    overflow: hidden
}

ul.div-ring li {
    width: 186px;
    height: 186px;
    background: rgba(210, 210, 210, .3);
    border-radius: 50%;
    padding: 20px;
    margin: -10px -8px;
    overflow: hidden
}

ul.div-ring .ring-item {
    display: inline-block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 32px 10px 0;
    line-height: 1px !important
}

ul.div-ring h4 {
    line-height: 26px;
    margin: 0
}

ul.div-ring p {
    margin: 10px 0 0;
    padding: 0;
    letter-spacing: -1px;
    line-height: 20px
}

.carousel.at-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.carousel.at-fade .active.left,
.carousel.at-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0
}

.carousel.at-fade .next,
.carousel.at-fade .prev {
    left: 0;
    z-index: 1
}

.carousel.at-fade .carousel-control {
    z-index: 3
}

.carousel.at-vertical .carousel-inner {
    height: 100%
}

.carousel.at-vertical .item {
    transition: all .6s ease-in-out;
    left: 0
}

.carousel.at-vertical.up .active,
.carousel.at-vertical.up .next.left,
.carousel.at-vertical.up .prev.right {
    top: 0;
    left: 0
}

.carousel.at-vertical.up .active.right,
.carousel.at-vertical.up .next {
    top: 100%;
    left: 0
}

.carousel.at-vertical.up .active.left,
.carousel.at-vertical.up .prev {
    top: -100%;
    left: 0
}

.carousel.at-vertical.down .active,
.carousel.at-vertical.down .next.left,
.carousel.at-vertical.down .prev.right {
    bottom: 0;
    left: 0
}

.carousel.at-vertical.down .active.right,
.carousel.at-vertical.down .next {
    bottom: 100%;
    left: 0
}

.carousel.at-vertical.down .active.left,
.carousel.at-vertical.down .prev {
    bottom: -100%;
    left: 0
}

.carousel.div-carousel .carousel-control {
    display: none;
    background-color: rgba(0, 0, 0, .5);
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px !important;
    font-size: 11px;
    color: rgba(255, 255, 255, .5)
}

.carousel.div-carousel:hover .carousel-control {
    display: block;
    z-index: 1
}

.carousel.div-carousel:hover .carousel-control:hover {
    font-size: 11px !important;
    color: rgba(255, 255, 255, .8);
    text-shadow: 0 0 0 rgba(255, 255, 255, .3)
}

.carousel.div-carousel .carousel-control.left {
    left: 0;
    top: 50%
}

.carousel.div-carousel .carousel-control.right {
    right: 0;
    top: 50%
}

.carousel.div-carousel .carousel-indicators {
    z-index: 2;
    bottom: 10px;
    margin-bottom: 0;
    padding: 0
}

.carousel.div-carousel .carousel-indicators li {
    border: 0;
    background: #666;
    background: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.carousel.div-carousel .carousel-indicators .active {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.carousel.div-carousel .slide-title {
    position: absolute;
    bottom: 20%;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    padding: 10px 15px;
    margin: 0
}

.talk-box-wrap {
    margin: 0 0 20px
}

.talk-box {
    margin: 0
}

.talk-box.talk-left {
    margin-right: 70px
}

.talk-box.talk-right {
    margin-left: 70px
}

.talk-bubble {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 3%;
    border-radius: 4px
}

.talk-bubble:after,
.talk-bubble:before {
    margin: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.talk-bubble:after {
    border-color: rgba(245, 245, 245, 0);
    border-width: 12px
}

.talk-bubble:before {
    border-color: rgba(238, 238, 238, 0);
    border-width: 13px
}

.talk-top .talk-bubble {
    margin: 0 0 20px
}

.talk-bottom .talk-bubble {
    margin: 20px 0 0
}

.talk-left .talk-bubble,
.talk-right .talk-bulle {
    min-height: 50px
}

.talk-bottom .talk-bubble:after,
.talk-bottom .talk-bubble:before {
    bottom: 100%;
    left: 25px
}

.talk-bottom .talk-bubble:after {
    border-bottom-color: #f5f5f5;
    margin-left: -12px
}

.talk-bottom .talk-bubble:before {
    border-bottom-color: #eee;
    margin-left: -13px
}

.talk-left .talk-bubble:after,
.talk-left .talk-bubble:before {
    left: 100%;
    top: 25px
}

.talk-left .talk-bubble:after {
    border-left-color: #f5f5f5;
    margin-top: -12px
}

.talk-left .talk-bubble:before {
    border-left-color: #eee;
    margin-top: -13px
}

.talk-top .talk-bubble:after,
.talk-top .talk-bubble:before {
    top: 100%;
    left: 25px
}

.talk-top .talk-bubble:after {
    border-top-color: #f5f5f5;
    margin-left: -12px
}

.talk-top .talk-bubble:before {
    border-top-color: #eee;
    margin-left: -13px
}

.talk-right .talk-bubble:after,
.talk-right .talk-bubble:before {
    right: 100%;
    top: 25px
}

.talk-right .talk-bubble:after {
    border-right-color: #f5f5f5;
    margin-top: -12px
}

.talk-right .talk-bubble:before {
    border-right-color: #eee;
    margin-top: -13px
}

.talker-one {
    height: 50px;
    line-height: 48px;
    color: #747474
}

.talker-two {
    height: 50px;
    line-height: 24px;
    color: #747474
}

.talker-photo,
.talker-photo i,
.talker-photo img,
i.talker-photo {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 50px;
    font-size: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    background-color: #f0f0f0;
    color: #fff
}

.talker-photo i,
.talker-photo img {
    float: left
}

.talker-one .talker-info i {
    margin-left: 12px
}

.talker-two .talker-info span {
    margin-right: 12px
}

.form-box {
    margin: 0 0 15px;
    border: 1px solid #e7e7e7;
    transition: .3s linear;
    border-image: none;
    overflow: hidden;
    position: relative;
    cursor: default;
    -webkit-transition: all .3s linear;
    background: #fcfcfc;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.form-box::before {
    display: table;
    content: ""
}

.form-box::after {
    display: table;
    content: ""
}

.form-box::after {
    clear: both
}

.form-box label.checkbox,
.form-box label.radio {
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.form-box .form-icon {
    margin: 25px auto;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    display: block
}

.form-box .form-header {
    padding: 15px;
    border-bottom-color: #f3f3f3;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.form-box .form-header h2,
.form-box .form-heading {
    margin: 0;
    padding: 0 !important;
    font-size: 18px;
    font-weight: 500
}

.form-box .form-body {
    background: #fff;
    padding: 15px
}

.form-box .form-body p {
    padding-left: 0;
    margin-bottom: 10px
}

.form-box .form-body .condition {
    margin: 10px 0;
    height: 200px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px
}

.form-box .form-footer {
    padding: 6px 0;
    border-top-color: #f3f3f3;
    border-top-width: 1px;
    border-top-style: solid
}

.form-box .form-footer::before {
    display: table;
    content: ""
}

.form-box .form-footer::after {
    display: table;
    content: "";
    clear: both
}

.form-box .form-footer p {
    margin: 6px 15px
}

.form-box .form-footer a {
    margin: 0 15px
}

.label-tack {
    left: 0;
    top: 10px;
    z-index: 1;
    position: absolute;
    font-weight: 400
}

.label-band {
    z-index: 2;
    font-family: tahoma;
    top: 5px;
    letter-spacing: 1px;
    width: 100px;
    padding: 5px;
    right: -32px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: 400;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.label-cap {
    z-index: 2;
    font-family: tahoma;
    top: -11px;
    letter-spacing: 1px;
    width: 140px;
    padding: 20px 0 3px;
    right: -60px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight: 400;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.rank-icon {
    display: inline-block;
    padding: 0 6px;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 16px;
    font-weight: 400;
    margin-right: 2px;
    min-width: 22px;
    text-align: center
}

.tack-icon {
    display: inline-block;
    padding: 4px 6px 2px;
    font-family: dotum;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 11px;
    font-weight: 400
}

.social-icon a {
    margin: 0;
    font-size: 18px;
    color: #bebdbd;
    display: inline-block;
    text-align: center
}

.boxed-icon.social-icon a {
    min-width: 40px;
    line-height: 24px;
    padding: 8px;
    background-color: #46494a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: 1px solid #46494a;
    color: #fff
}

.boxed-icon.social-icon a i {
    vertical-align: middle
}

.btn.btn-color {
    color: #000 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #f2cc61;
    background-color: #f2cc61
}

.btn.active.btn-color,
.btn.btn-color:active,
.btn.btn-color:focus,
.btn.btn-color:hover {
    background-color: #f2cc61
}

.btn.btn-dark {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #000;
    background-color: #333
}

.btn.active.btn-dark,
.btn.btn-dark:active,
.btn.btn-dark:focus,
.btn.btn-dark:hover {
    border-color: #d5070f;
    background-color: #d5070f
}

.btn.btn-black {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    background-color: #6f7aa3 !important;
    border: 1px solid #6f7aa3 !important;
}

.btn.active.btn-black,
.btn.btn-black:active,
.btn.btn-black:focus,
.btn.btn-black:hover {
    background-color: #111
}

.btn.btn-white {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fff
}

.btn.active.btn-white,
.btn.btn-white:active,
.btn.btn-white:focus,
.btn.btn-white:hover {
    background-color: #f5f5f5
}

.btn.btn-gray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ccc;
    background-color: #eee
}

.btn.active.btn-gray,
.btn.btn-gray:active,
.btn.btn-gray:focus,
.btn.btn-gray:hover {
    background-color: #f5f5f5
}

.btn.btn-lightgray {
    color: #333 !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fafafa
}

.btn.active.btn-lightgray,
.btn.btn-lightgray:active,
.btn.btn-lightgray:focus,
.btn.btn-lightgray:hover {
    background-color: #efefef
}

.btn.btn-darkgray {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #444;
    background-color: #666
}

.btn.active.btn-darkgray,
.btn.btn-darkgray:active,
.btn.btn-darkgray:focus,
.btn.btn-darkgray:hover {
    background-color: #444
}

.btn.btn-red {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #d5070f;
    background-color: #e91b23
}

.btn.active.btn-red,
.btn.btn-red:active,
.btn.btn-red:focus,
.btn.btn-red:hover {
    background-color: #d5070f
}

.btn.btn-darkred {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #96191e;
    background-color: #aa3c3f
}

.btn.active.btn-darkred,
.btn.btn-darkred:active,
.btn.btn-darkred:focus,
.btn.btn-darkred:hover {
    background-color: #96191e
}

.btn.btn-crimson {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #be1432;
    background-color: #dc143c
}

.btn.active.btn-crimson,
.btn.btn-crimson:active,
.btn.btn-crimson:focus,
.btn.btn-crimson:hover {
    background-color: #be1432
}

.btn.btn-orangered {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #f00000;
    background-color: #ff4500
}

.btn.active.btn-orangered,
.btn.btn-orangered:active,
.btn.btn-orangered:focus,
.btn.btn-orangered:hover {
    background-color: #f00000
}

.btn.btn-orange {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #f08200;
    background-color: #f09614
}

.btn.active.btn-orange,
.btn.btn-orange:active,
.btn.btn-orange:focus,
.btn.btn-orange:hover {
    background-color: #f08200
}

.btn.btn-green {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #6eb414;
    background-color: #8cc346
}

.btn.active.btn-green,
.btn.btn-green:active,
.btn.btn-green:focus,
.btn.btn-green:hover {
    background-color: #6eb414
}

.btn.btn-lightgreen {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #82be3c;
    background-color: #a0c850
}

.btn.active.btn-lightgreen,
.btn.btn-lightgreen:active,
.btn.btn-lightgreen:focus,
.btn.btn-lightgreen:hover {
    background-color: #82be3c
}

.btn.btn-deepblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #006ea0;
    background-color: #007db4
}

.btn.active.btn-deepblue,
.btn.btn-deepblue:active,
.btn.btn-deepblue:focus,
.btn.btn-deepblue:hover {
    background-color: #006ea0
}

.btn.btn-skyblue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #3cb4f5;
    background-color: #64c3f5
}

.btn.active.btn-skyblue,
.btn.btn-skyblue:active,
.btn.btn-skyblue:focus,
.btn.btn-skyblue:hover {
    background-color: #3cb4f5
}

.btn.btn-blue {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #2882be;
    background-color: #3498db
}

.btn.active.btn-blue,
.btn.btn-blue:active,
.btn.btn-blue:focus,
.btn.btn-blue:hover {
    background-color: #2882be
}

.btn.btn-navy {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #282832;
    background-color: #323c46
}

.btn.active.btn-navy,
.btn.btn-navy:active,
.btn.btn-navy:focus,
.btn.btn-navy:hover {
    background-color: #282832
}

.btn.btn-violet {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #413264;
    background-color: #553c7d
}

.btn.active.btn-violet,
.btn.btn-violet:active,
.btn.btn-violet:focus,
.btn.btn-violet:hover {
    background-color: #413264
}

.btn.btn-yellow {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid #e6b400;
    background-color: #f0c30f
}

.btn.active.btn-yellow,
.btn.btn-yellow:active,
.btn.btn-yellow:focus,
.btn.btn-yellow:hover {
    background-color: #e6b400
}

.btn.btn-trans {
    color: #fff !important;
    border-image: none !important;
    background: 0 0;
    border: 2px solid #fff
}

.btn.active.btn-trans,
.btn.btn-trans:active,
.btn.btn-trans:focus,
.btn.btn-trans:hover {
    color: #d5070f !important;
    background-color: #fff;
    background-image: none
}

.badge.bg-red,
.bg-red,
i.bg-red {
    background-color: #e91b23;
    color: #fff
}

.badge.bg-darkred,
.bg-darkred,
i.bg-darkred {
    background-color: #aa3c3f;
    color: #fff
}

.badge.bg-crimson,
.bg-crimson,
i.bg-crimson {
    background-color: #dc143c;
    color: #fff
}

.badge.bg-orangered,
.bg-orangered,
i.bg-orangered {
    background-color: #ff4500;
    color: #fff
}

.badge.bg-orange,
.bg-orange,
i.bg-orange {
    background-color: #f09614;
    color: #fff
}

.badge.bg-green,
.bg-green,
i.bg-green {
    background-color: #8cc346;
    color: #fff
}

.badge.bg-lightgreen,
.bg-lightgreen,
i.bg-lightgreen {
    background-color: #a0c850;
    color: #fff
}

.badge.bg-deepblue,
.bg-deepblue,
i.bg-deepblue {
    background-color: #007db4;
    color: #fff
}

.badge.bg-skyblue,
.bg-skyblue,
i.bg-skyblue {
    background-color: #64c3f5;
    color: #fff
}

.badge.bg-blue,
.bg-blue,
i.bg-blue {
    background-color: #3498db;
    color: #fff
}

.badge.bg-navy,
.bg-navy,
i.bg-navy {
    background-color: #323c46;
    color: #fff
}

.badge.bg-violet,
.bg-violet,
i.bg-violet {
    background-color: #553c7d;
    color: #fff
}

.badge.bg-yellow,
.bg-yellow,
i.bg-yellow {
    background-color: #f1c40f;
    color: #fff
}

.badge.bg-darkgray,
.bg-darkgray,
i.bg-darkgray {
    background-color: #666;
    color: #fff
}

.badge.bg-gray,
.bg-gray,
i.bg-gray {
    background-color: #888;
    color: #fff
}

.badge.bg-lightgray,
.bg-lightgray,
i.bg-lightgray {
    background-color: #ddd;
    color: #fff
}

.badge.bg-white,
.bg-white,
i.bg-white {
    background-color: #fff;
    color: #333
}

.badge.bg-light,
.bg-light,
i.bg-light {
    color: #333;
    background-color: #f5f5f5
}

.badge.bg-light-border,
.bg-light-border,
i.bg-light-border {
    color: #333;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd
}

.badge.bg-black,
.bg-black,
i.bg-black {
    background-color: #333;
    color: #fff
}

.badge.bg-color,
.bg-color,
i.bg-color {
    background-color: #e91b23;
    color: #fff
}

.border-red,
i.border-red,
img.border-red {
    border-color: #e91b23
}

.border-darkred,
i.border-darkred,
img.border-darkred {
    border-color: #aa3c3f
}

.border-crimson,
i.border-crimson,
img.border-crimson {
    border-color: #dc143c
}

.border-orangered,
i.border-orangered,
img.border-orangered {
    border-color: #ff4500
}

.border-orange,
i.border-orange,
img.border-orange {
    border-color: #f09614
}

.border-green,
i.border-green,
img.border-green {
    border-color: #8cc346
}

.border-lightgreen,
i.border-lightgreen,
img.border-lightgreen {
    border-color: #a0c850
}

.border-deepblue,
i.border-deepblue,
img.border-deepblue {
    border-color: #007db4
}

.border-skyblue,
i.border-skyblue,
img.border-skyblue {
    border-color: #64c3f5
}

.border-blue,
i.border-blue,
img.border-blue {
    border-color: #3498db
}

.border-navy,
i.border-navy,
img.border-navy {
    border-color: #323c46
}

.border-violet,
i.border-violet,
img.border-violet {
    border-color: #553c7d
}

.border-yellow,
i.border-yellow,
img.border-yellow {
    border-color: #f1c40f
}

.border-darkgray,
i.border-darkgray,
img.border-darkgray {
    border-color: #666
}

.border-gray,
i.border-gray,
img.border-gray {
    border-color: #888
}

.border-lightgray,
i.border-lightgray,
img.border-lightgray {
    border-color: #ddd
}

.border-white,
i.border-white,
img.border-white {
    border-color: #fff
}

.border-light,
i.border-light,
img.border-light {
    border-color: #f5f5f5
}

.border-black,
i.border-black,
img.border-black {
    border-color: #333
}

.border-color,
i.border-color,
img.border-color {
    border-color: #e91b23
}

.hover-red:hover {
    background-color: #e91b23;
    color: #fff
}

.hover-darkred:hover {
    background-color: #aa3c3f;
    color: #fff
}

.hover-crimson:hover {
    background-color: #dc143c;
    color: #fff
}

.hover-orangered:hover {
    background-color: #ff4500;
    color: #fff
}

.hover-orange:hover {
    background-color: #f09614;
    color: #fff
}

.hover-green:hover:hover {
    background-color: #8cc346;
    color: #fff
}

.hover-lightgreen:hover {
    background-color: #a0c850;
    color: #fff
}

.hover-deepblue:hover {
    background-color: #007db4;
    color: #fff
}

.hover-skyblue:hover {
    background-color: #64c3f5;
    color: #fff
}

.hover-blue:hover {
    background-color: #3498db;
    color: #fff
}

.hover-navy:hover {
    background-color: #323c46;
    color: #fff
}

.hover-violet:hover {
    background-color: #553c7d;
    color: #fff
}

.hover-yellow:hover {
    background-color: #f1c40f;
    color: #fff
}

.hover-darkgray:hover {
    background-color: #666;
    color: #fff
}

.hover-gray:hover {
    background-color: #888;
    color: #fff
}

.hover-lightgray:hover {
    background-color: #ddd;
    color: #fff
}

.hover-white:hover {
    background-color: #fff;
    color: #333
}

.hover-black:hover {
    background-color: #333;
    color: #fff
}

.hover-color:hover {
    background-color: #e91b23;
    color: #fff
}

.trans-bg-red {
    background-color: rgba(233, 27, 35, .75) !important;
    color: #fff !important
}

.trans-bg-darkred {
    background-color: rgba(170, 60, 63, .75) !important;
    color: #fff !important
}

.trans-bg-crimson {
    background-color: rgba(220, 20, 60, .75) !important;
    color: #fff !important
}

.trans-bg-orangered {
    background-color: rgba(255, 70, 0, .75) !important;
    color: #fff !important
}

.trans-bg-orange {
    background-color: rgba(240, 150, 20, .75) !important;
    color: #fff !important
}

.trans-bg-green {
    background-color: rgba(140, 195, 70, .75) !important;
    color: #fff !important
}

.trans-bg-lightgreen {
    background-color: rgba(160, 200, 80, .75) !important;
    color: #fff !important
}

.trans-bg-deepblue {
    background-color: rgba(0, 125, 180, .75) !important;
    color: #fff !important
}

.trans-bg-skyblue {
    background-color: rgba(100, 195, 245, .75) !important;
    color: #fff !important
}

.trans-bg-blue {
    background-color: rgba(52, 152, 219, .75) !important;
    color: #fff !important
}

.trans-bg-navy {
    background-color: rgba(50, 60, 70, .75) !important;
    color: #fff !important
}

.trans-bg-violet {
    background-color: rgba(85, 60, 125, .75) !important;
    color: #fff !important
}

.trans-bg-yellow {
    background-color: rgba(241, 196, 15, .75) !important;
    color: #fff !important
}

.trans-bg-darkgray {
    background-color: rgba(102, 98, 98, .75) !important;
    color: #fff !important
}

.trans-bg-gray {
    background-color: rgba(102, 102, 102, .75) !important;
    color: #fff !important
}

.trans-bg-lightgray {
    background-color: rgba(208, 208, 208, .75) !important;
    color: #fff !important
}

.trans-bg-white {
    background-color: rgba(255, 255, 255, .75) !important;
    color: #333 !important
}

.trans-bg-black {
    background-color: rgba(0, 0, 0, .75) !important;
    color: #fff !important
}

.trans-bg-color {
    background-color: rgba(233, 27, 35, .75) !important;
    color: #fff !important
}

.trans-bg-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 8% !important;
    text-overflow: clip;
    white-space: normal
}

.font-normal {
    font-weight: 400
}

.font-8,
i.font-8 {
    font-size: 8px
}

.font-9,
i.font-9 {
    font-size: 9px
}

.font-10,
i.font-10 {
    font-size: 10px
}

.font-11,
i.font-11 {
    font-size: 11px
}

.font-12,
i.font-12 {
    font-size: 12px
}

.font-13,
i.font-13 {
    font-size: 13px
}

.font-14,
i.font-14 {
    font-size: 14px
}

.font-16,
i.font-16 {
    font-size: 16px
}

.font-18,
i.font-18 {
    font-size: 18px
}

.font-20,
i.font-20 {
    font-size: 20px
}

.font-22,
i.font-22 {
    font-size: 22px
}

.font-24,
i.font-24 {
    font-size: 24px
}

.cursor {
    cursor: pointer
}

.count {
    font-size: 10px;
    font-weight: 700;
    font-family: verdana;
    letter-spacing: -1px;
    line-height: 16px;
    padding-right: 1px
}

.block {
    display: block
}

.break-word {
    word-wrap: break-word
}

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

.no-border {
    border: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-animation .collapsing {
    -webkit-transition: none;
    transition: none
}

.no-scrollbar {
    -ms-overflow-style: none
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    display: none
}

.btn-wset {
    display: none
}

.h10 {
    height: 10px
}

.h15 {
    height: 15px
}

.h20 {
    height: 20px
}

.h25 {
    height: 25px
}

.h30 {
    height: 30px
}

.h35 {
    height: 35px
}

.h40 {
    height: 40px
}

.h45 {
    height: 45px
}

.h50 {
    height: 50px
}

.p10 {
    padding: 10px 0
}

.p15 {
    padding: 15px 0
}

.m10 {
    margin: 10px 0
}

.m15 {
    margin: 15px 0
}

.red,
i.red {
    color: #ed3737
}

.darkred,
i.darkred {
    color: #aa3c3f
}

.crimson,
i.crimson {
    color: #dc143c
}

.orangered,
i.orangered {
    color: #ff4500
}

.orange,
i.orange {
    color: #f09614
}

.green,
i.green {
    color: #8cc346
}

.lightgreen,
i.lightgreen {
    color: #a0c850
}

.deepblue,
i.deepblue {
    color: #007db4
}

.skyblue,
i.skyblue {
    color: #64c3f5
}

.blue,
i.blue {
    color: #3498db
}

.navy,
i.navy {
    color: #323c46
}

.violet,
i.violet {
    color: #553c7d
}

.yellow,
i.yellow {
    color: #f1c40f
}

.darkgray,
i.darkgray {
    color: #666
}

.gray,
i.gray {
    color: #888
}

.lightgray,
i.lightgray {
    color: #ddd
}

.white,
i.white {
    color: #fff
}

.light,
i.light {
    color: #f5f5f5
}

.black,
i.black {
    color: #333
}

.color,
i.color {
    color: #ed3737
}

.div-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom: 1px solid #c3c3c3;
    border-collapse: separate
}

.div-head>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    font-weight: 700;
    line-height: 1
}

.div-head>span:last-child {
    border-right: 0
}

.div-head.list-head>span {
    border: 0
}

.tr-head {
    border-top-width: 2px !important;
    border-top-style: solid !important;
    border-bottom: 1px solid #c3c3c3 !important;
    text-align: center !important
}

.tr-head>th {
    padding: 15px 0 !important;
    text-align: center !important;
    border: 0 !important
}

.tr-head>th>span {
    display: block !important;
    min-width: 40px !important;
    padding: 0 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #ddd !important;
    font-weight: normal !important;
    line-height: 1 !important
}

.tr-head>th>span.last {
    border-right: 0 !important
}

.tr-line>td {
    border-top: 0 !important
}

.row-10 {
    margin-left: -5px !important;
    margin-right: -5px !important
}

.col-10 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.row-15 {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.col-15 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.row-20 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.col-20 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.apms-autowrap {
    margin: 0 auto 15px
}

.apms-autosize {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0
}

.apms-autosize embed,
.apms-autosize iframe,
.apms-autosize object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media print {
    a:after {
        content: "" !important
    }
}

.cheditor-popup-cframe {
    height: auto !important
}