/*
|BANNER
*/

section.bw1 .banner {    
    background-color: transparent;
}

/* slideshow */

.slide-control {
    position: absolute;
    top: 85%;
    width: 100%;
    transform: translateY(-50%);
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1;
    padding-right: 20px;
    padding-left: 20px;
}

.slide-control .left,
.slide-control .right {
    padding: 5px;
    color: #333;
    width: 1.6em;
    height: 1.7em;
    /* background: rgba(255, 255, 255, 0.7); */
    text-align: center;
    vertical-align: middle;
    /* border: 1px solid #333; */
}

.slide-control .right {
    float: right;
    background-image: url("./../../images/move2next.png");
    background-repeat: no-repeat;
}

.slide-control .left {
    float: left;
    background-image: url("./../../images/move2prev.png");
    background-repeat: no-repeat;
}

.slide-control .dots {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-right: 5px;
}
.slide-control .dots.active {
    background: #fff;
}

.slide-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.slide {
    height: 100%;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
}

.slide>img {
    width: 100%;
    transform: translate(0, -35%);
}


@media only screen and (max-width:375px) {
    section.bw1 .banner {
        background-position: 50% 35%;
    }
}

@media only screen and (min-width:375px)and (max-width:599px) {
    section.bw1 .banner {
        background-position: 5% 35%;
    }
}

@media only screen and (min-width:600px) and (max-width:899px) {
    section.bw1 .banner {
        background-position: 5% 35%;
    }
}

@media only screen and (min-width:900px) {
    section.bw1 .banner {
        background-position: 30% 35%;
    }
}

section.bw1 .maintext {
    height: 390px;
}


/*
sidebar
 */

section.bw1 .sidebar {
    height: 390px;
}


/*
|EXAM
*/

.exam_options td:first-child,
.exam_options th:first-child {
    width: 75%;
    text-align: left;
}

.exam_options td,
.exam_options th {
    text-align: center;
}

.exam_result {
    display: none;
}

.result_bar {
    margin: 2em auto;
    width: 80%;
    height: 25px;
    /* Can be anything */
    position: relative;
    background-color: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    padding: 5px;
}

.result_bar > .bar_width {
    height: 15px;
    width: 0%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    display: block;
}

.bar_width.green {
    background-color: #74c043;
    background-image: linear-gradient(to bottom, #74c043, #c2e41c);
}

.bar_width.yellow {
    background-color: #fef200;
    background-image: linear-gradient(to bottom, #fef200, #ffe202);
}

.bar_width.orange {
    background-color: #ffcc08;
    background-image: linear-gradient(to bottom, #ffcc08, #f5821f);
}

.bar_width.red {
    background-color: #f36922;
    background-image: linear-gradient(to bottom, #f36922, #ed1e24);
}

.great {
    font-size: 2.5em;
    padding: 5px;
    text-shadow: 2px 2px 1px rgb(181, 106, 37);
    color: #f09816;
}

.result_text {
    text-align: center;
}

.text-center{
    text-align: center;
}