@font-face {
    font-family: 'titr';
    src: url('/fonts/BTitrBold.eot?#') format('eot'),
    url('/fonts/BTitrBold.ttf') format('truetype'),
    url('/fonts/BTitrBold.woff') format('woff');
}
/*load bar*/
#floatBarsG{
    position:relative;
    width:234px;
    height:28px;
    margin:3px auto;
    display: none;
}

.floatBarsG{
    position:absolute;
    top:0;
    background-color:rgb(16,180,209);
    width:28px;
    height:28px;
    animation-name:bounce_floatBarsG;
    -o-animation-name:bounce_floatBarsG;
    -ms-animation-name:bounce_floatBarsG;
    -webkit-animation-name:bounce_floatBarsG;
    -moz-animation-name:bounce_floatBarsG;
    animation-duration:0.715s;
    -o-animation-duration:0.715s;
    -ms-animation-duration:0.715s;
    -webkit-animation-duration:0.715s;
    -moz-animation-duration:0.715s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.3);
    -o-transform:scale(.3);
    -ms-transform:scale(.3);
    -webkit-transform:scale(.3);
    -moz-transform:scale(.3);
}

#floatBarsG_1{
    left:0;
    animation-delay:0.286s;
    -o-animation-delay:0.286s;
    -ms-animation-delay:0.286s;
    -webkit-animation-delay:0.286s;
    -moz-animation-delay:0.286s;
}

#floatBarsG_2{
    left:29px;
    animation-delay:0.3525s;
    -o-animation-delay:0.3525s;
    -ms-animation-delay:0.3525s;
    -webkit-animation-delay:0.3525s;
    -moz-animation-delay:0.3525s;
}

#floatBarsG_3{
    left:58px;
    animation-delay:0.429s;
    -o-animation-delay:0.429s;
    -ms-animation-delay:0.429s;
    -webkit-animation-delay:0.429s;
    -moz-animation-delay:0.429s;
}

#floatBarsG_4{
    left:88px;
    animation-delay:0.4955s;
    -o-animation-delay:0.4955s;
    -ms-animation-delay:0.4955s;
    -webkit-animation-delay:0.4955s;
    -moz-animation-delay:0.4955s;
}

#floatBarsG_5{
    left:117px;
    animation-delay:0.572s;
    -o-animation-delay:0.572s;
    -ms-animation-delay:0.572s;
    -webkit-animation-delay:0.572s;
    -moz-animation-delay:0.572s;
}

#floatBarsG_6{
    left:146px;
    animation-delay:0.6385s;
    -o-animation-delay:0.6385s;
    -ms-animation-delay:0.6385s;
    -webkit-animation-delay:0.6385s;
    -moz-animation-delay:0.6385s;
}

#floatBarsG_7{
    left:175px;
    animation-delay:0.715s;
    -o-animation-delay:0.715s;
    -ms-animation-delay:0.715s;
    -webkit-animation-delay:0.715s;
    -moz-animation-delay:0.715s;
}

#floatBarsG_8{
    left:205px;
    animation-delay:0.7815s;
    -o-animation-delay:0.7815s;
    -ms-animation-delay:0.7815s;
    -webkit-animation-delay:0.7815s;
    -moz-animation-delay:0.7815s;
}



@keyframes bounce_floatBarsG{
    0%{
        transform:scale(1);
        background-color:rgb(35,207,219);
    }

    100%{
        transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_floatBarsG{
    0%{
        -o-transform:scale(1);
        background-color:rgb(35,207,219);
    }

    100%{
        -o-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_floatBarsG{
    0%{
        -ms-transform:scale(1);
        background-color:rgb(35,207,219);
    }

    100%{
        -ms-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_floatBarsG{
    0%{
        -webkit-transform:scale(1);
        background-color:rgb(35,207,219);
    }

    100%{
        -webkit-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_floatBarsG{
    0%{
        -moz-transform:scale(1);
        background-color:rgb(35,207,219);
    }

    100%{
        -moz-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

.certificate-box{
    text-align: center;
}
.certificate-box img{
    border-radius: 15px;
    border: 1px #ddd solid;
    clear: both;
    margin: 10px auto;
}



.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}


.list-group-item[data-toggle="collapse"]{
    background:rgba(255,255,255,0.3) !important;
    color:#666 !important;
}
.list-group-item:hover{
    background: #22a5ad !important;
    color: white !important;
}
.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-right: 20px !important;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-right: 30px !important;
}
.list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
    padding-right: 45px !important;
}


.list-group-item .glyphicon {
    float: left;
    margin-left: 5px;
}



/*login*/
.mt-c-30 {
    margin-top: 30px;
}

.mt-c-20 {
    margin-top: 20px;
}

.breadcrumb {
    background: #FFFFFF;
    border-radius: 0;
}

.patt {
    background: #FFFFFF url('/images/patt.png');
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.w-80 {
    width: 80%;
    margin: 0 auto;
}

.card-border-blue {
    border-bottom: 10px solid #29bec1;
}

.card-border-red {
    border-bottom: 10px solid #e91e63;
}

.card-border-green {
    border-bottom: 10px solid #37c168;
}
.card-border-pink {
    border-bottom: 10px solid #c138b4;
}

.card-font-blue {
    color: #29bec1;
}

.card-font-red {
    color: #e91e63;
}
.card-font-pink {
    color: #c138b4;
}

.card-font-green {
    color: #37c168;
}

.card-fp {
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
}

.card-blue {
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
}

.mtp-p-10 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0;
}

.card-bg-gray {
    background: #EFEFEF;
}

.card-bg-blue {
    background: #29bec1;
}

.card-bg-red {
    background: #e91e63;
}

.card-bg-green {
    background: #37c168;
}

.card-bg-pink {
    background: #c138b4;
}

.card-fa-blue {
    color: #29bec1;
    font-size: 48px;
    margin-top: 10px;
}

.card-fa-red {
    color: #e91e63;
    font-size: 48px;
    margin-top: 10px;
}

.card-fa-green {
    color: #37c168;
    font-size: 48px;
    margin-top: 10px;
}
.card-fa-pink {
    color: #c138b4;
    font-size: 48px;
    margin-top: 10px;
}

.card-text-blue {
    color: #29bec1;
}

.card-text-white {
    color: #FFFFFF;
}

.card-text-red {
    color: #e91e63;
}

.card-text-green {
    color: #37c168;
}
.card-text-pink {
    color: #37c168;
}

.card-text-white {
    color: #FFFFFF;
}

.font-24 {
    font-size: 24px;
}

.font-48 {
    font-size: 48px;
}

.mt10 {
    margin-top: 10px;
}

.w-90 {
    width: 90%;
}

.decoration-none{
    text-decoration: none !important;
}

/**/

ul.nav-wizard {
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}
ul.nav-wizard:before {
    position: absolute;
}
ul.nav-wizard:after {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 138px;
    height: 47px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    z-index: 11;
    content: " ";
}
ul.nav-wizard li {
    position: relative;
    float: right;
    height: 46px;
    display: inline-block;
    text-align: center;
    padding: 0 30px 0 20px;
    margin: 0;
    font-size: 16px;
    line-height: 46px;
}
ul.nav-wizard li a {
    color: #FFF;
    padding: 0;
}
ul.nav-wizard li a:hover {
    background-color: transparent;
    color: #FFF;
}
ul.nav-wizard li:before {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-right: 16px solid #d4d4d4;
    border-left: 0;
    top: -1px;
    z-index: 10;
    content: '';
    left: -16px;
}
ul.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-right: 16px solid #f1f1f1;
    border-left: 0;
    top: -1px;
    z-index: 10;
    content: '';
    left: -15px;
}
ul.nav-wizard li.active {
    color: #FFF;
    background: #23527c;
}
ul.nav-wizard li.active:after {
    border-right: 16px solid #23527c;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
    color: #FFF;
    background: #23527c;
}
ul.nav-wizard .active ~ li {
    color: #FFF;
    background: #00767e;
}
ul.nav-wizard .active ~ li:after {
    border-right: 16px solid #00767e;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
    color: #FFF;
    background: #00767e;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
    color: #FFF;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
    border-right: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
    color: #FFF;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
    color: #FFF;
    background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
    border-right: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
    color: #FFF;
    background: #ededed;
}


/**/
@media only screen and (max-width: 600px) {
    .bz-btn{
        font-size: 14px !important;
        font-weight: bold !important;
    }
    .panel-flex .panel-footer{
        display: flex;
    }

    .panel-flex .col-md-12,.panel-flex .col-md-10{
        padding: 5px;
    }
}

.block-ad{
    margin: 10px 0px !important;
    display: block;
}