.bdrR {
    border-right: 1px solid #ccc;
}


/*** START capture ****************************************/

.capture {
    background-color: #000000;
    color: #ffffff;
    padding:0 0;
    text-align: center;
    background-image: url(/static/images/schBg-d.jpg);
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.capture h1 {
    font-size: 44px;
}

.capture h3 {
    font-size: 30px;
}

.bg-dark-transparent {
    /*text-shadow: 0px 2px 15px #000;*/
    display: block;
    width: 100%;
    background-image: url(/static/images/hb-bg.png);
    padding: 10px 50px 50px 50px;
}

.inviteBox {
    display: block;
    margin: 0 auto;
    max-width: 350px;
    background-color: white;
    padding: 10px 15px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)!important;
}

.w100 {
    width:100%;
    padding: 10px;
    font-size: 15px;
}

.btn-fb {
    color: white;
    background-color: #3b5998;
    border-color: #3b5998;
    text-align: center;
    height: auto;
    padding: 10px 0;
    -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
}

.btn-fb:hover {
    color: white;
    background-color: #2d4475 !important;
    border-color: #2d4475;
}


.btnBigger {
    font-size: 16px !important;
    padding: 12px  60px !important;
    margin-top: 20px;
}





/*** END Box 1 ********************************************/
/*** START exams-support **********************************/

.exams-support {
    padding:50px 0 50px 0;
    text-align: center;
    min-height: 350px;
}

/***********************************/

.es-menu {
    display: block;
    margin: 0 auto;
    width:545px;
}


.es-menu li a {
    display: block;
    float: left;
    width: 100%;
    height: 60px;
}

.es-menu li {
    display: inline-block;
    float: left;
    width: 270px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #637A91;
    font-size: 18px;
    margin: 0 !important;
    background-color: #ffffff;
    color:#637A91;
}

.es-menu li:hover {
    color:#435466;
}

@media screen and (max-width: 555px) {
    .es-menu {
        display: block;
        width:100%;
    }
    .es-menu li {
        width: 100%;
    }
}

#exam-tab {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#supp-tab {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.es-menu-ul {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.active-es {
    background-color: #637A91 !important;
    color:#ffffff !important;
}

/************************************/



.examList li {
    display: inline-block;
    float: left;
    margin: 10px 0.5%;
    width:24%;
}

.examList li a {
    display: block;
    float: left;
    padding: 15px 30px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    width:100%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.cat-bg-0 {
    background-color: #7D669E;
    color: #FFFFFF;
}

.cat-bg-0:hover {
    background-color: #6c5888;
}

.cat-bg-1 {
    background-color: #39ADD1;
    color: #FFFFFF;
}

.cat-bg-1:hover {
    background-color: #339bbb;
}

.cat-bg-2 {
    background-color: #5CB860;
    color: #FFFFFF;
}

.cat-bg-2:hover {
    background-color: #50a154;
}

.cat-bg-8 {
    background-color: #5CB860;
    color: #FFFFFF;
}

.cat-bg-8:hover {
    background-color: #50a154;
}

.cat-bg-3 {
    background-color: #E15258;
    color: #FFFFFF;
}

.cat-bg-3:hover {
    background-color: #c9494f;
}

.cat-bg-9 {
    background-color: #E15258;
    color: #FFFFFF;
}

.cat-bg-9:hover {
    background-color: #c9494f;
}

.cat-bg-4 {
    background-color: #53BBB4;
    color: #FFFFFF;
}

.cat-bg-4:hover {
    background-color: #47a19b;
}

.cat-bg-5 {
    background-color: #3079AB;
    color: #FFFFFF;
}

.cat-bg-5:hover {
    background-color: #296792;
}

.cat-bg-6 {
    background-color: #3079AB;
    color: #FFFFFF;
}

.cat-bg-6:hover {
    background-color: #296792;
}

.cat-bg-7 {
    background-color: #3079AB;
    color: #FFFFFF;
}

.cat-bg-7:hover {
    background-color: #296792;
}

.gets {
    background-color: #fb9b3e;
    color: #ffffff;
}

.gets:hover {
    background-color: #e48f3b;
}

.toefl {
    background-color: #ffffff;
    color: #003366;
    border: 2px solid #003366;
}

.toefl:hover {
    background-color: #DFEDF6;
}

.toeic {
    background-color: #ffffff;
    color: #003366;
    border: 2px solid #003366;
}

.toeic:hover {
    background-color: #DFEDF6;
}

.toe {font-style: italic; color: #003366}



/************************************/

#suppList {
    display: none;
}


.suppList li {
    display: inline-block;
    float: left;
    margin: 10px 0.5%;
    width:15.6%;
}

.suppList li a {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    width:100%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}


.cat1 {background-color:#5cb860; color:#FFF; border:1px solid transparent;}
.cat1:hover {box-shadow: 0 0 15px #459647; transition: all 0.3s ease 0s; border:1px solid #459647;}
.cat2 {background-color:#f9845b; color:#FFF; border:1px solid transparent;}
.cat2:hover {box-shadow: 0 0 15px #DB6943; transition: all 0.3s ease 0s; border:1px solid #DB6943;}
.cat3 {background-color:#3079ab; color:#FFF; border:1px solid transparent;}
.cat3:hover {box-shadow: 0 0 15px #25638C; transition: all 0.3s ease 0s; border:1px solid #25638C;}
.cat4 {background-color:#f092b0; color:#FFF; border:1px solid transparent;}
.cat4:hover {box-shadow: 0 0 15px #D17390; transition: all 0.3s ease 0s; border:1px solid #D17390;}
.cat5 {background-color:#637a91; color:#FFF; border:1px solid transparent;}
.cat5:hover {box-shadow: 0 0 15px #425568; transition: all 0.3s ease 0s; border:1px solid #425568;}
.cat6 {background-color:#c38cd4; color:#FFF; border:1px solid transparent;}
.cat6:hover {box-shadow: 0 0 15px #9C6BAD; transition: all 0.3s ease 0s; border:1px solid #9C6BAD;}
.cat7 {background-color:#20898c; color:#FFF; border:1px solid transparent;}
.cat7:hover {box-shadow: 0 0 15px #156263; transition: all 0.3s ease 0s; border:1px solid #156263;}
.cat8 {background-color:#c25975; color:#FFF; border:1px solid transparent;}
.cat8:hover {box-shadow: 0 0 15px #A3465E; transition: all 0.3s ease 0s; border:1px solid #A3465E;}
.cat9 {background-color:#53bbb4; color:#FFF; border:1px solid transparent;}
.cat9:hover {box-shadow: 0 0 15px #3F938C; transition: all 0.3s ease 0s; border:1px solid #3F938C;}
.cat10 {background-color:#39add1; color:#FFF; border:1px solid transparent;}
.cat10:hover {box-shadow: 0 0 15px #2E89A5; transition: all 0.3s ease 0s; border:1px solid #2E89A5;}
.cat11 {background-color:#e15258; color:#FFF; border:1px solid transparent;}
.cat11:hover {box-shadow: 0 0 15px #B53D41; transition: all 0.3s ease 0s; border:1px solid #B53D41;}
.cat12 {background-color:#b39580; color:#FFF; border:1px solid transparent;}
.cat12:hover {box-shadow: 0 0 15px #8a7262; transition: all 0.3s ease 0s; border:1px solid #8a7262;}
.cat13 {background-color:#f77171; color:#FFF; border:1px solid transparent;}
.cat13:hover {box-shadow: 0 0 15px #db6262; transition: all 0.3s ease 0s; border:1px solid #db6262;}
.cat14 {background-color:#f4af81; color:#FFF; border:1px solid transparent;}
.cat14:hover {box-shadow: 0 0 15px #d89a70; transition: all 0.3s ease 0s; border:1px solid #d89a70;}
.cat15 {background-color: #643772; color:#FFF; border:1px solid transparent;}
.cat15:hover {box-shadow: 0 0 15px #5a2f64; transition: all 0.3s ease 0s; border:1px solid #5a2f64;}
.cat16 {background-color: #C66C5D; color:#FFF; border:1px solid transparent;}
.cat16:hover {box-shadow: 0 0 15px #9d534d; transition: all 0.3s ease 0s; border:1px solid #9d534d;}








/*** END Box 1 ********************************************/
/*** START profiles ***************************************/

.profiles {
    padding:0 0 90px 0;
    text-align: center;
}

.profiles h1 {
    display: block;
    float: left;
    width: 100%;
    background-color: #000000;
    padding: 75px 0;
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 40px;
    background-image: url(/static/images/home-find.jpg);
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.profiles img {
    display: block;
    margin: 20px auto;
}

.profiles p {
    font-size: 18px;
    margin-bottom: 20px;
}

.profiles a {
    transition:0.3s ease;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    border: 1px solid transparent;
}

.profiles a:hover {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color:#eaeaea;
    border:1px solid #ccc;
}

.find-out-more {
    color: #000000 !important;
    padding:7px 50px !important;
    font-size: 16px;
    margin-bottom: 50px;
}







/*** END Box 1 ********************************************/