*{transition: all 600ms ease;text-shadow: rgba(0,0,0,.01) 0 0 1px;}
.TC-c1{color: #06841d;}
.TC-c2{color: #760aac;}
.TC-c3{color: #af4d1d;}
.TC-c4{color: #6a613c;}
.TC-c5{color: #24476e;}
.BC-c1{background: #9bba1f}
.BC-c2{background: #ca3535;}
.BC-c3{background: #ffa200;}
.BC-c4{background: #15c1e5;}
.BC-c5{background: #ffc916;}
.P-sbvm-30{padding: 35px ;}
.mB-sbvm-35{margin-bottom: 35px ;}
.m-sbvm-0{margin-bottom: 0px  !important;}
.P-sbvm-10{padding: 10px ;}
.TC-t1{color: #3f5061;}
.div-r{ border-radius: 10px;}
.mb-sbvm-50{margin-bottom: 30px;}
.imgcenter tr td img{display: block;margin-left: auto;margin-right: auto;}
.thefirst{
    color: white;
    /*background-color: #477782;*/
    background-image: linear-gradient(#24476e, #6793c4);
    font-weight: 100;
}
.thesecond{
    padding: 20px 0px;
    color: #3c626a;
    background-image: linear-gradient(#fff8f3, #ffdfc6);
}
.thethird{background-color:rgb(36, 71, 110) !important;}
.thefourth{background-image: linear-gradient(#fff8f3, #ffdfc6);padding: 30px 10px;}
.noticelink{color: #8cff94;}
.noticelink:hover{color: #aad7ff;}
.top1links{
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    float: right;
    color: white;
    transition: all 200ms ease;
}
.top1links:hover{
    color: #ffc9a5;
}
.bottom1{
    background-image: linear-gradient(#24476e, #6793c4);
    border-top: #6793c4 2px solid;
}
.container-small-sbvm:hover{box-shadow: 5px 5px 7px #aaa;}
.container-small-sbvm{
    padding: 15px; margin: 20px 0px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #ccc;
}
.container2-sbvm{background-image: linear-gradient(#1458ad, #76cfff);
                 border-radius: 10px;
                 padding: 20px;
                 margin: 10px 0px;
                 height: 170px;
                 color: #dcf4fb;
                 border-bottom: #fdfeff solid 5px;}
.container2-sbvm a{color: #b5f8ff;transition: all 200ms ease;}
.container2-sbvm a:hover{color: #ffd7fa}

.marqueeSBVM{padding: 5px; margin: 15px; color: #daffc8; border-bottom: #29b017 solid 1px;}
.marqueeSBVM3{padding: 5px; margin: 15px; color: #daffc8; border-bottom: #f7ffd1 dashed 1px;}
.marqueeSBVM3 a{color:#0b0e8b}
.marqueeSBVM3 a:hover{color:#f7ffd1}
.marqueeSBVM4{padding-bottom: 15px;; margin: 15px; color: #0b0e8b; border-bottom: #f0e461 dashed 1px;}
.marqueeSBVM2{padding: 15px ; margin: 5px; color: #418351; border-bottom: #baff91 dashed 1px;}
.marqueeSBVM2 a{text-decoration: none; color: #f2fdff}
.marqueeSBVM2 a:hover{text-decoration: none; color: #ff4800}
.footer-title{font-size: 18px;font-weight: 600;color: #d7f9c7}
.footer-social a{margin-right: 10px;color: #d8f2fd; transition: all 200ms ease;}
.footer-social a:hover{color: #f6c6b3}
.footer-social{margin-top: 20px;}
.footer-link1{margin-top: 20px;}
.footer-link1 a{margin-right: 10px;color: #d8f2fd;display: block;text-decoration: none;}
.footer-link1 a:hover{color: #f6c6b3}
.footer-title2{color: #4ee6d9}
.footer-subtitle2{margin-bottom: 5px;color: #fbddb6}
.bordertdashed{border-top: #43b2cc 1px dashed;color: #d0e0ff;padding: 10px 0px;font-weight: 100}
a.mpbse{color:#4ee6d9}
a.mpbse:hover{text-decoration: underline;}
.bb-sbvm{font-weight: 100;  color: white;padding: 45px 25px 0px 15px;background-image: url('../images/bbord2.png');background-size: 100% 400px;background-repeat:no-repeat;height: 440px;display: block}


/*Start Navigation css*/
.topnavSBVM {
    overflow: hidden;
    background-color: rgb(36, 71, 110) !important ;
}

.topnavSBVM a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
}

.active {
    background-color: #fd7e14;
    color: white;
}

.topnavSBVM .icon {
    display: none;
}

.dropdownSBVM {
    float: left;
    overflow: hidden;
}

.dropdownSBVM .dropbtnSBVM {
    font-size: 14px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdownSBVM-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 10px;
    background-image: linear-gradient(#087e7d, #046160);
}

.dropdownSBVM-content a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-radius: 10px;
    border-bottom: #14a9a8 1px dashed
}

.topnavSBVM a:hover, .dropdownSBVM:hover .dropbtnSBVM {
    background-color: #43b2cc;
    color: white;
}

.dropdownSBVM-content a:hover {
    background-color: #209594;
    color: white;
}

.dropdownSBVM:hover .dropdownSBVM-content {
    display: block;
}

@media screen and (max-width: 600px) {
    .topnavSBVM a:not(:first-child), .dropdownSBVM .dropbtnSBVM {
        display: none;
    }
    .topnavSBVM a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnavSBVM.responsive {position: relative;}
    .topnavSBVM.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnavSBVM.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnavSBVM.responsive .dropdownSBVM {float: none;}
    .topnavSBVM.responsive .dropdownSBVM-content {position: relative;}
    .topnavSBVM.responsive .dropdownSBVM .dropbtnSBVM {
        display: block;
        width: 100%;
        text-align: left;
    }
}

/*End Navigation css*/

/*pro_cri css*/
.link2{
    border-left: 5px solid #cc6510;
    background: linear-gradient(to right, #ffb715 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%);
    padding: 8px;
    color: #00050a;
    margin-left: 20px;
    margin-bottom: 10px; 
}
.link2:hover{
    background: linear-gradient(to right, #f7bdf2 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%);
    margin-left: 30px;border-left: 5px solid #d63da7;
    text-decoration: none;
}