@charset "UTF-8";

.text-black {
    color: #000;
}

.text-d-grey {
    color: #333;
}

.text-grey {
    color: #40484B;
}

.text-l-grey {
    color: #c3c3c3;
}

.text-xl-grey {
    color: #8c8c8c;
}

.text-blue {
    color: #00a2df;
}

.text-white {
    color: #fff;
}

.text-red {
    color: #fb6666;
}

.text-green {
    color: #B8C072;
}

.bg-panel-1{
    background-color: #403b35;
}

.bg-panel-2{
    background-color: #56aaff;
}

.bg-panel-3{
    background-color: #75e3bc;
}

.bg-panel-4{
    background-color: #fe6c6c;
}

.bg-panel-5{
    background-color: #3c485b;
}

.bg-lemon {
    background-color: #fffacd;
}

.bg-agrey {
    background-color: #3c3c3c;
}

.bg-black {
    background-color: #000;
}

.bg-d-grey {
    background-color: #333;
}

.bg-grey {
    background-color: #666;
}

.bg-l-grey {
    background-color: #7b7878;
}

.bg-xl-grey {
    background-color: #1E2224;
}

.bg-xxl-grey {
    background-color: #121517;
}

.bg-xxxl-grey {
    background-color: #ddd;
}

.bg-blue {
    background-color: #00a2df;
}

.bg-white {
    background-color: #fff;
}

.bg-active {
    background-color: #fff;
}

.bg-pending {
    background-color: #c2ffe5;
}

.bg-suspended {
    background-color: #f9c3c3;
}

.bg-fix {
    background-attachment: fixed;
}

.op-95{
    opacity: 0.95;
    -moz-opacity: 0.95;
}

.bg-tx {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bg-main {
    background-image: url("../img/mainbg.jpg");
}

.bg-tx-circle {
    background-size: auto;
}

.bg-tx-00 {
    background-image: url("../img/bg_tx_00.jpg");
    height: 130px;
    background-attachment: fixed;
    background-position-y: 0;
    background-size: cover;
}

.bg-tx-00-00 {
    background-color: #ddd;
    height: 130px;
    opacity: 0.3;
}

.bg-tx-1 {
    background-image: url("../img/bg_tx_01.jpg");
    background-size: cover;
    float: left;
    width: 100%;
    margin-top: -88px;
}

.bg-tx-2 {
    background-image: url("../img/bg_tx_02.jpg");
    background-size: cover;
    float: left;
    width: 100%;
    margin-top: -75px;
}

.btn-black {
    color: #fff;
    background-color: #000;
}

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

.btn-black:hover::before,
.btn-black:focus::before {
    border-color: #333;
}

.btn-d-grey {
    color: #fff;
    background-color: #333;
}

.btn-d-grey:hover,
.btn-d-grey:focus {
    color: #fff;
    background-color: #666;
}

.btn-d-grey:hover::before,
.btn-d-grey:focus::before {
    border-color: #666;
}

.btn-grey {
    color: #fff;
    background-color: #666;
}

.btn-grey:hover,
.btn-grey:focus {
    color: #fff;
    background-color: #333;
}

.btn-grey:hover::before,
.btn-grey:focus::before {
    border-color: #333;
}

.btn-blue {
    color: #fff;
    background-color: #00a2df;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #fff;
    background-color: #00c2df;
}

.btn-blue:hover::before,
.btn-blue:focus::before {
    border-color: #00c2df;
}

.btn-white {
    color: #00a2df;
    background-color: #fff;
}

.btn-white:hover,
.btn-white:focus {
    color: #00a2df;
    background-color: #eee;
}

.btn-white:hover::before,
.btn-white:focus::before {
    border-color: #eee;
}

.bd-black {
    border-color: #000;
}

.bd-d-grey {
    border-color: #333;
}

.bd-grey {
    border-color: #666;
}

.bd-blue {
    border-color: #00a2df;
}

.bd-white {
    border-color: #fff;
}

.sd-black {
    background-color: #000;
}

.sd-d-grey {
    background-color: #333;
}

.sd-grey {
    background-color: #666;
}

.sd-blue {
    background-color: #00a2df;
}

.sd-white {
    background-color: #fff;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 200ms all linear;
    -o-transition: 200ms all linear;
    transition: 200ms all linear;
}

.grayscale:hover,
.grayscale:focus {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.section-title.primary {
    color: #00a2df;
}

.section-title.primary:after {
    border: 2px solid #1a99d0;
}

.section-title.secondary {
    color: #00a2df;
}

.section-title.secondary:after {
    border: 2px solid #666;
}

.nav-tabs > li.active > .section-title.secondary,
.nav-tabs > li.active > .section-title.secondary {
    color: #1a99d0;
}

.nav-tabs > li.active > .section-title.secondary:after,
.nav-tabs > li.active > .section-title.secondary:hover:after,
.nav-tabs > li.active > .section-title.secondary:focus:after {
    border: 2px solid #1a99d0;
    color: #1a99d0;
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 992px) {

    .bg-tx-1, .bg-tx-2 {
        margin-top: 0;
    }

    .bg-tx-1, .bg-tx-2 {
        background-image: none;
        float: left;
        width: 100%;
        display: none;
    }
}

@media screen and (max-width: 1200px) {

    .bg-tx-circle {
        background-image: none;
        background-size: auto;
    }

    .bg-tx-1 {
        background-position: -280px;
    }
}