.continuous-announcements, .nearby, .sub-menu2 {
    overflow-x: hidden;
}

ul, ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

body {
    color: #1d1d1b;
    font-family: Oswald,sans-serif;
    
}

p {
    font-size: 18px;
    line-height: 24px;
}


.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: .7;
}

    .person:hover {
        border-color: #f1f1f1;
    }

.bg-1 {
    background: #2d2d30;
    color: #bdbdbd;
}

    .bg-1 h3 {
        color: #fff;
    }

    .bg-1 p {
        font-style: italic;
    }

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.thumbnail {
    padding: 0 0 15px;
    border: none;
    border-radius: 0;
}

    .thumbnail p {
        margin-top: 15px;
        color: #555;
    }

a {
    transition: .2s;
}

.btn {
    padding: 10px 20px;
    color: #FFF;
    border-radius: 0;
    transition: .2s;
    border: 0 !important;
}

    .btn:focus, .btn:hover {
        border: 1px solid #333;
        background-color: #fff;
        color: #FFF !important;
    }

.close, .modal-header, h4 {
    color: #fff !important;
    text-align: left;
    font-size: 30px;
}

.modal-body, .modal-header {
    padding: 40px 50px;
}

.nav-tabs li a {
    color: #777;
}

.form-control {
    border-radius: 0;
}

textarea {
    resize: none;
}

.navbar-top {
    height: 37px;
    background-color: #dad8d7;
}

    .navbar-top ul {
        float: right;
    }

        .navbar-top ul li {
            float: left;
            line-height: normal;
            border-left: 1px solid #c3c1c1;
        }

            .navbar-top ul li:first-child, .navbar-top ul li:last-child {
                border-left: 0 solid #c3c1c1;
            }

            .navbar-top ul li.search {
                background-color: #f08221;
                height: 37px;
                padding-left: 26px;
            }

                .navbar-top ul li.search label {
                    padding: 0;
                    margin: 0;
                    line-height: 33px;
                    font-size: 12px;
                    font-weight: 300;
                    color: #FFF;
                    letter-spacing: 2px;
                }



.navbar-top ul li.search strong {
    float: left;
    margin-top: 2px;
    font-weight: 300;
}

.navbar-top ul li.search label input {
    margin-left: 21px;
    width: 260px;
    height: 45px;
    border-top: 5px !important;
    border-left: 5px solid #f08221 !important;
    border-bottom: 5px solid #f08221 !important;
    border-right: 0 !important;
    background-color: #FFF;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 900;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    color: #1d1d1b;
}

    .navbar-top ul li.search label input::-webkit-input-placeholder {
        color: #dad8d7;
    }

    .navbar-top ul li.search label input:-moz-placeholder {
        color: #dad8d7;
    }

    .navbar-top ul li.search label input::-moz-placeholder {
        color: #dad8d7;
    }

    .navbar-top ul li.search label input:-ms-input-placeholder {
        color: #dad8d7;
    }

    .navbar-top ul li.search label input[type=submit] {
        background: url(../images/icons/search.png) center center no-repeat #FFF;
        margin-left: 0;
        width: 60px;
        border-left: 0 solid #f08221 !important;
        border-right: 5px solid #f08221 !important;
        margin-top: -3px;
    }

.navbar-top ul li {
    padding: 0 6px;
}

    .navbar-top ul li a, .navbar-top ul li span {
        font-size: 12px;
        padding: 0 1px;
        line-height: 35px;
        font-weight: 700;
    }

        .navbar-top ul li span em {
            font-weight: 300;
            font-style: normal;
        }

.navbar .navbar-brand strong, .navbar-brand {
    font-weight: 400;
}

.navbar-top ul li .glyphicon {
    padding: 0;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 7px;
    margin-right: 18px;
}

    .navbar-top ul li .glyphicon::before {
        content: "";
        width: 6px;
        height: 10px;
        background: url(../images/icons/arrow1.png) center center no-repeat;
        display: inline-block;
        position: absolute;
        right: -11px;
        top: 7px;
    }

.navbar-top ul li .glyphicon-social {
    background-image: url(../images/icons/social-media.png);
}

.navbar-top ul li .glyphicon-share {
    background-image: url(../images/icons/share.png);
}

.navbar-top ul li .glyphicon-date {
    background-image: url(../images/icons/calendar.png);
}

.navbar {
    background-color: #FFF;
    opacity: 1;
    z-index: 9999;
    height: 173px;
    border-bottom: 1px solid #ecebeb;
}

    .navbar .container-fluid {
        padding: 0 36px;
    }

.navbar-brand {
    height: 59px;
    padding: 36px 0;
}

.navbar .navbar-brand, .navbar li a {
    color: #1d1d1f !important;
    opacity: 1;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav > li.call, .navbar-nav > li > a, .navbar-nav > li > a.call {
    letter-spacing: normal;
    font-size: 24px;
    font-weight: 400;
    color: #1d1d1b;
    padding: 0 16px;
    line-height: 64px;
}

    .navbar-nav > li > a > span.caret {
        width: 19px;
        height: 13px;
        border: 0;
        background: url(../images/icons/arrow3.png) center center no-repeat;
        margin-left: 8px;
        margin-top: -7px;
    }

    .navbar-nav > li.active > a > span.caret, .navbar-nav > li > a:hover > span.caret {
        background: url(../images/icons/arrow7.png) center center no-repeat;
    }

    .navbar-nav > li > a[aria-expanded=true] > span.caret {
        background: url(../images/icons/arrow4.png) center center no-repeat;
    }

.navbar-nav li a:hover, .navbar-nav li.active .dropdown-toggle {
    color: #f08221 !important;
}

.navbar-nav li.open .dropdown-toggle {
    color: #FFF !important;
}

.navbar-nav > li.call {
    color: #f08221;
    background: url(../images/icons/telephone.png) left center no-repeat;
    padding-left: 32px;
    padding-right: 16px;
    margin-left: 30px;
}

    .navbar-nav > li.call::before {
        content: "";
        background-color: #EFEFEF;
        width: 1px;
        height: 36px;
        position: absolute;
        left: -22px;
        top: 50%;
        margin-top: -18px;
    }

    .navbar-nav > li.call > em {
        color: #1d1d1b;
        font-weight: 300;
        font-style: normal;
    }

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.open .dropdown-toggle {
    color: #fff !important;
    background-color: #f08221 !important;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .open .dropdown-toggle[aria-expanded=true] {
        color: #fff !important;
    }

.navbar-nav > li > .dropdown-menu {
    border: 0;
    background-color: #f08221;
    padding: 12px;
    -webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    border-radius: 0 3px 3px;
    -webkit-box-shadow: 0 6px 12px transparent;
    box-shadow: 0 6px 12px transparent;
}

.dropdown-menu > li, .dropdown-menu > li:last-child, .online-transactions .dropdown-menu li:nth-child(4), .online-transactions .dropdown-menu li:nth-child(5), li.exams .dropdown-menu li:nth-last-of-type(2) {
    border-bottom: 0 solid #f4a159;
}

li.exams li {
    float: left;
    width: 50%;
}

.online-transactions li {
    float: left;
    width: 50%;
    text-align: center;
}

    .online-transactions li .glyphicon {
        width: 100%;
        height: 90px;
        display: inherit;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 0 13px;
    }

    .online-transactions li .glyphicon-appeal {
        background-image: url(../images/icons/appeal.png);
    }

    .online-transactions li .glyphicon-choice {
        background-image: url(../images/icons/choice.png);
    }

    .online-transactions li .glyphicon-result {
        background-image: url(../images/icons/result.png);
    }

    .online-transactions li .glyphicon-payment {
        background-image: url(../images/icons/payment.png);
    }

    .online-transactions li .glyphicon-candidates-operations {
        background-image: url(../images/icons/candidates-operations.png);
    }

    .online-transactions li .glyphicon-operations-officer {
        background-image: url(../images/icons/operations-officer.png);
    }

.online-transactions .dropdown-menu li, .online-transactions .dropdown-menu li:nth-child(3n+0), li.exams .dropdown-menu li, li.exams .dropdown-menu li:nth-child(2n+0) {
    border-right: 0 solid #f4a159;
}

.dropdown-menu > li > a {
    font-size: 18px;
    color: #FFF !important;
    font-weight: 400;
    padding: 14px 26px;
}

    .dropdown-menu > li > a:hover {
        color: #f08221 !important;
    }

.online-transactions li a:hover {
    background-color: #d0701b;
    color: #FFF !important;
}

.online-transactions ul {
    padding: 35px !important;
}

.logo span {
    font-size: 14px;
    margin-left: 26px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1d1d1b;
    position: relative;
    margin-top: 8px;
    display: inline-block;
}

    .logo span::before {
        font-size: 16px;
        font-weight: 900;
        color: #f08221;
        display: block;
        position: absolute;
        left: -15px;
        top: 50%;
        margin-top: -12px;
    }

.navbar-collapse[aria-expanded=false] li a {
    line-height: 70px !important;
}

.navbar-collapse[aria-expanded=true] li a {
    line-height: 50px !important;
}

.navbar-right {
    margin: 22px 0;
}

.main, .yerbildirici {
    padding: 20px 0;
}



.main .nav-tabs {
    border-bottom: 0;
    z-index: 1;
    position: relative;
}

.main .exams .nav-tabs li {
    margin-bottom: -3px;
}

    .main .exams .nav-tabs li:last-child {
        color: #dad8d7;
        font-size: 16px;
        line-height: 40px;
        font-weight: 900;
        float: right;
        padding-right: 5px;
    }

    .main .exams .nav-tabs li a {
        line-height: 40px;
        padding: 0 22px;
        font-weight: 900;
        font-size: 14px;
        color: #333;
        border: 0;
    }

    .main .exams .nav-tabs li.active a {
        background-color: #dad8d7;
        color: #f08221;
    }

.main .exams .tab-content {
    z-index: 9;
    position: relative;
}

.main .exams .tab-pane {
    height: 640px;
    border: 5px solid #dad8d7;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 40px;
}
.anasayfa-yasakli-belgeler-link{
    background-color: #f4f3f3;
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #333;
    border-radius: 3px;
    margin-top: 15px;
    border: solid 1px #DDD;
}
.anasayfa-yasakli-belgeler-link:hover{
    background-color: #dad8d7;
}
    .main .exams .tab-pane .col-sm-12, .main .exams .tab-pane .col-sm-2, .main .exams .tab-pane .col-sm-3, .main .exams .tab-pane .col-sm-4 {
        font-weight: 900;
        margin: 0;
        line-height: 20px;
    }

    .main .exams .tab-pane .col-sm-2 {
        width: 20.666667%;
    }

    .main .exams .tab-pane .col-sm-4 {
        width: 29.333333%;
    }

    .main .exams .tab-pane .col-sm-2, .main .exams .tab-pane .col-sm-3, .main .exams .tab-pane .col-sm-4 {
        padding: 0 17px;
    }

    .main .exams .tab-pane .col-sm-12 {
        padding: 22px 0;
        border-top: 1px solid #ecebeb;
        position: relative;
    }

        .main .exams .tab-pane .col-sm-12:last-child {
            border-bottom: 0;
        }

        .main .exams .tab-pane .col-sm-12:hover {
            cursor: pointer;
            background-color: #f4f3f3;
            transition: .2s;
        }

        .main .exams .tab-pane .col-sm-12.head {
            z-index: 99;
            display: inline-block;
            position: absolute;
            width: 97%;
            background-color: #f4f3f3;
            padding: 4px 0;
            height: 42px;
            margin-bottom: 38px;
            cursor: default !important;
        }

            .main .exams .tab-pane .col-sm-12.head div:first-child {
                padding-left: 17px !important;
            }

            .main .exams .tab-pane .col-sm-12.head div {
                font-size: 14px !important;
                font-weight: 300 !important;
                line-height: 30px !important;
            }

        .main .exams .tab-pane .col-sm-12 div.head {
            font-size: 24px;
            line-height: 30px;
            padding-left: 40px;
            position: relative;
        }

    .main .exams .tab-pane .info {
        z-index: 99;
    }

        .main .exams .tab-pane #continues div.head::after, .main .exams .tab-pane #continues div.head::before, .main .exams .tab-pane #expired div.head::after, .main .exams .tab-pane #expired div.head::before, .main .exams .tab-pane #time div.head::after, .main .exams .tab-pane #time div.head::before, .main .exams .tab-pane .info #continues::after, .main .exams .tab-pane .info #continues::before, .main .exams .tab-pane .info #expired::after, .main .exams .tab-pane .info #expired::before, .main .exams .tab-pane .info #time::after, .main .exams .tab-pane .info #time::before {
            content: "";
            position: absolute;
            left: 17px;
            top: 10px;
            width: 10px;
            height: 10px;
            background-color: #2cc4e0;
            display: block;
            border: 2px solid #FFF;
            z-index: 9;
            -webkit-border-radius: 14px;
            -moz-border-radius: 14px;
            border-radius: 14px;
        }

        .main .exams .tab-pane .info #continues::after, .main .exams .tab-pane .info #continues::before, .main .exams .tab-pane .info #expired::after, .main .exams .tab-pane .info #expired::before, .main .exams .tab-pane .info #time::after, .main .exams .tab-pane .info #time::before {
            left: 4px;
            top: 21px;
        }

        .main .exams .tab-pane #expired div.head::before, .main .exams .tab-pane .info #expired::before {
            background-color: #ea6060 !important;
        }

        .main .exams .tab-pane #continues div.head::before, .main .exams .tab-pane .info #continues::before {
            background-color: #edb406 !important;
        }

        .main .exams .tab-pane #continues div.head::after, .main .exams .tab-pane #expired div.head::after, .main .exams .tab-pane #time div.head::after, .main .exams .tab-pane .info #continues::after, .main .exams .tab-pane .info #expired::after, .main .exams .tab-pane .info #time::after {
            left: 14px;
            top: 7px;
            width: 16px;
            height: 16px;
            background-color: #f2f1f1;
            border: 0;
            z-index: 1;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
        }

        .main .exams .tab-pane .info #continues::after, .main .exams .tab-pane .info #expired::after, .main .exams .tab-pane .info #time::after {
            left: 1px;
            top: 18px;
        }

    .main .exams .tab-pane .col-sm-12.head div:first-child::after, .main .exams .tab-pane .col-sm-12.head div:first-child::before {
        display: none;
    }

    .main .exams .tab-pane .col-sm-12 span.tag {
        position: absolute;
        width: 100%;
        top: -1px;
        left: 0;
        height: 1px;
        background-color: #ea6060;
    }

        .main .exams .tab-pane .col-sm-12 span.tag.green {
            background-color: #3cc32e;
        }

        .main .exams .tab-pane .col-sm-12 span.tag span {
            position: absolute;
            top: 19px;
            left: -41px;
            width: 62px;
            height: 24px;
            background-color: #ea6060;
            display: inline-block;
            font-size: 8px;
            color: #FFF;
            padding: 2px 6px;
            text-align: center;
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .main .exams .tab-pane .col-sm-12 .tag.green span {
        background-color: #3cc32e;
    }

    .main .exams .tab-pane .col-sm-12 span.tag span::after, .main .exams .tab-pane .col-sm-12 span.tag span::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -5px;
        width: 5px;
        height: 5px;
        display: inline-block;
        z-index: 9;
        background: url(../images/icons/tag-red-triangle.png) center center no-repeat;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .main .exams .tab-pane .col-sm-12 .tag.green span::before {
        background: url(../images/icons/tag-green-triangle.png) center center no-repeat;
    }

    .main .exams .tab-pane .col-sm-12 span.tag span::after {
        right: auto;
        bottom: auto;
        left: -11px;
        top: 6px;
        width: 17px;
        height: 5px;
        background: url(../images/icons/tag-red-triangle-shadow.png) center center no-repeat;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .main .exams .tab-pane .col-sm-12 .tag.green span::after {
        background: url(../images/icons/tag-green-triangle-shadow.png) center center no-repeat;
    }

    .main .exams .tab-pane .info {
        display: inline-block;
        width: 100%;
        height: 53px;
        background-color: #dad8d7;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .main .exams .tab-pane .info .col-sm-4 {
            font-size: 12px;
            font-weight: 400;
            font-style: italic;
            line-height: 53px;
            padding-left: 23px;
            padding-right: 9px;
            width: 33.333333%;
        }

            .main .exams .tab-pane .info .col-sm-4 input {
                width: 80%;
                line-height: 33px;
                margin: 0;
                padding: 0 10px;
                border: 0;
                -webkit-border-top-left-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                -moz-border-radius-topleft: 3px;
                -moz-border-radius-bottomleft: 3px;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }

                .main .exams .tab-pane .info .col-sm-4 input[type=submit] {
                    width: 20%;
                    line-height: 33px;
                    -moz-border-radius-topleft: 0;
                    -moz-border-radius-topright: 3px;
                    -moz-border-radius-bottomright: 3px;
                    -moz-border-radius-bottomleft: 0;
                    margin-left: -3px;
                    margin-top: -3px;
                    background: url(../images/icons/search2.png) center center no-repeat #FFF;
                    -webkit-border-radius: 0 3px 3px 0;
                    border-radius: 0 3px 3px 0;
                }

        .main .exams .tab-pane .info .col-sm-8 {
            width: 65.666667%;
        }

.main .exams .item-detail {
    display: none;
}

    .main .exams .item-detail.active {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f08221;
        z-index: 99;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 50px rgba(0,0,0,.5);
        color: #FFF;
        overflow: hidden;
    }

    .main .exams .item-detail .col-sm-12 {
        padding: 0;
        margin: 0;
        border: 0 !important;
        background: 0 0 !important;
        cursor: default !important;
    }

    .main .exams .item-detail .title {
        padding: 20px 50px;
        border-bottom: 1px solid #f5a864;
    }

        .main .exams .item-detail .title h2 {
            font-size: 24px;
            font-weight: 900;
            margin: 0;
        }

        .main .exams .item-detail .title h3 {
            font-size: 20px;
            font-weight: 300;
            margin: 0;
            color: #FFF;
        }

    .main .exams .item-detail .col-sm-6 {
        text-align: center;
        padding: 16px 0;
        margin: 0;
        width: 50%;
    }

    .main .exams .item-detail .first {
        background-color: #f3913b;
        border-bottom: 1px solid #f5a864;
        font-weight: 400;
    }

    .main .exams .item-detail .last {
        background-color: #de771c;
        border-bottom: 1px solid #f5a864;
        font-weight: 400;
    }

    .main .exams .item-detail .col-sm-5, .main .exams .item-detail .col-sm-7 {
        font-weight: 700;
        font-size: 24px;
        text-align: left;
    }

    .main .exams .item-detail .col-sm-7 {
        text-align: left;
    }

    .main .exams .item-detail .glyphicon {
        width: 22px;
        height: 22px;
        margin-right: 10px;
        top: 0;
    }

    .main .exams .item-detail .glyphicon-date {
        background: url(../images/icons/calendar2.png) center center no-repeat;
    }

    .main .exams .item-detail .glyphicon-clock {
        background: url(../images/icons/clock.png) center center no-repeat;
    }

    .main .exams .item-detail .price {
        width: 100%;
        padding: 19px 25px;
        border-bottom: 1px solid #f5a864;
        background-color: #e9a66b !important;
        margin: 0;
        text-align: right;
        font-size: 14px;
        font-weight: 900;
        position: relative;
        z-index: 1;
    }

        .main .exams .item-detail .price span {
            font-size: 14px;
            vertical-align: middle;
            font-weight: 400;
            margin-right: 5px;
        }

        .main .exams .item-detail .price em {
            font-size: 18px;
            font-style: normal;
            vertical-align: top;
            margin-top: 9px;
            display: inline-block;
        }

        .main .exams .item-detail .price .glyphicon-tl {
            width: 25px;
            height: 34px;
            background: url(../images/icons/tl.png) center center no-repeat;
            top: -6px;
            margin-left: 5px;
        }

    .main .exams .item-detail .documents {
        width: 100%;
        padding: 0;
        background-color: #FFF;
        margin: 0;
        position: relative;
        z-index: 9;
        color: #000;
    }

        .main .exams .item-detail .documents h4 {
            height: 39px;
            line-height: 39px;
            padding: 0 28px;
            background-color: #FFF;
            margin: 0;
            position: absolute;
            left: 18px;
            top: -39px;
            color: #d6d6d6 !important;
            font-size: 14px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .main .exams .item-detail .documents h4 .caret {
                margin-left: 40px;
            }

        .main .exams .item-detail .documents div {
            width: 100%;
            height: 139px;
            line-height: 39px;
            background-color: #FFF;
            margin: 0;
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 16px 40px;
        }

            .main .exams .item-detail .documents div::-webkit-scrollbar {
                width: 9px;
            }

            .main .exams .item-detail .documents div::-webkit-scrollbar-track {
                background-color: #cbc8c6;
                border-left: 1px solid #ccc;
            }

            .main .exams .item-detail .documents div::-webkit-scrollbar-thumb {
                background-color: #e7e3e2;
            }

                .main .exams .item-detail .documents div::-webkit-scrollbar-thumb:hover {
                    background-color: #aaa;
                }

            .main .exams .item-detail .documents div li {
                display: inline-block;
                width: 100%;
                border-bottom: 1px solid #ecebeb;
            }

                .main .exams .item-detail .documents div li:last-child {
                    border-bottom: 0;
                }

                .main .exams .item-detail .documents div li a {
                    display: inline-block;
                    width: 100%;
                    padding: 0 6px;
                    color: #1d1d1b;
                    font-weight: 900;
                    background: url(../images/icons/pdf.png) right center no-repeat;
                }

                    .main .exams .item-detail .documents div li a .glyphicon {
                        float: right;
                        width: 20px;
                        height: 22px;
                        background: url(../images/icons/pdf.png) center center no-repeat;
                        top: 9px;
                    }

    .main .exams .item-detail .btn {
        width: 100%;
        height: 92px;
        line-height: 92px;
        padding: 0;
        margin: 0;
        background: url(../images/button-bg.jpg) left center repeat-x;
        font-size: 24px;
        font-weight: 900;
    }

        .main .exams .item-detail .btn .glyphicon {
            width: 39px;
            height: 39px;
            background: url(../images/icons/appeal2.png) center center no-repeat;
            top: 10px;
            margin-left: 10px;
        }

    .main .exams .item-detail .close {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        background: url(../images/icons/close.png) center center no-repeat #FFF;
        opacity: 1;
        border: 1px solid #f08221;
        cursor: pointer;
        transition: .2s;
    }

        .main .exams .item-detail .close:hover {
            opacity: .7;
        }

.nearby::-webkit-scrollbar {
    width: 10px;
}

.nearby::-webkit-scrollbar-track {
    background-color: #dad8d7;
}

.nearby::-webkit-scrollbar-thumb {
    background-color: #f08221;
    border-left: 5px solid #dad8d7;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .nearby::-webkit-scrollbar-thumb:hover {
        background-color: #de771c;
    }

.continuous-announcements::-webkit-scrollbar {
    width: 10px;
}

.continuous-announcements::-webkit-scrollbar-track {
    background-color: #dad8d7;
}

.continuous-announcements::-webkit-scrollbar-thumb {
    background-color: #f08221;
    border-left: 5px solid #dad8d7;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .continuous-announcements::-webkit-scrollbar-thumb:hover {
        background-color: #de771c;
    }

.continuous-announcements a {
    text-decoration: none;
    padding: 14px;
    display: inline-block;
}

.continuous-announcements date {
    color: #aba8a6 !important;
}

.continuous-announcements h2 {
    color: #1d1d1b !important;
    margin-top: 0 !important;
}

.continuous-announcements p {
    color: #1d1d1b !important;
    font-style: normal !important;
    margin-bottom: 12px !important;
}

.main .news {
    background-color: #aea8a4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 600px;
    padding: 0;
}

    .exam-calender h1, .links h1, .main .news h1 {
        margin: 0;
        padding: 25px;
        font-size: 16px;
        font-weight: 900;
        color: #FFF;
        float: left;
    }

    .main .news .archive {
        float: right;
        margin: 17px;
        background-color: #FFF;
        color: #f08221;
        font-size: 12px;
        font-weight: 900;
        border: 1px solid #FFF !important;
        padding: 6px 10px;
    }

        .exam-calender a.all:hover, .main .news .archive:hover, .timeline ul li .content a:hover {
            background-color: #f08221;
            color: #FFF;
            border: 1px solid #f08221 !important;
        }

.timeline ul {
    padding-top: 20px;
    display: inline-block;
    padding-bottom: 50px;
}

    .timeline ul::before {
        content: " ";
        width: 1px;
        height: 98%;
        position: absolute;
        left: 31px;
        bottom: 0;
        background-color: #FFF;
        z-index: 1;
    }

    .timeline ul li {
        width: 84%;
        position: relative;
        display: inline-block;
        cursor: pointer;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin-left: 12%;
        margin-right: 4%;
        padding: 18px 0;
    }

        .timeline ul li.active::after, .timeline ul li.active::before, .timeline ul li::before {
            position: absolute;
            background-color: #FFF;
            z-index: 9;
            content: " ";
        }

        .timeline ul li:first-child {
            padding: 0 0 20px;
        }

        .timeline ul li:last-child {
            border-bottom: 0 solid #aea59e;
        }

        .timeline ul li::before {
            width: 13px;
            height: 13px;
            left: -26px;
            top: 26px;
            -webkit-border-radius: 19px;
            -moz-border-radius: 19px;
            border-radius: 19px;
            border: 3px solid #aea8a4;
        }

        .timeline ul li:first-child::before {
            top: 5px;
        }

        .timeline ul li.active::after, .timeline ul li.active::before {
            width: 20px;
            height: 20px;
            left: -30px;
            top: 29px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            border: 0;
        }

        .timeline ul li.active:first-child::after, .timeline ul li.active:first-child::before {
            top: 3px;
        }

        .timeline ul li.active::after {
            width: 10px;
            height: 10px;
            background-color: #f08221;
            left: -25px;
            top: 34px;
        }

        .timeline ul li.active:first-child::after {
            top: 8px;
        }

        .continuous-announcements date, .timeline ul li date {
            color: #FFF;
            font-size: 14px;
            font-weight: 300;
            padding: 0 10px;
        }

        .continuous-announcements h2, .timeline ul li h2 {
            font-size: 14px;
            color: #FFF;
            font-weight: 900;
            transition: .2s;
            padding: 0 10px;
            line-height: normal;
            margin: 0;
        }

        .links h2, .links li.active h2, .timeline ul li.active h2 {
            font-size: 18px;
        }

        .timeline ul li .content {
            position: relative;
            float: left;
            width: 100%;
            padding: 0 10px;
            display: none;
        }

        .timeline ul li.active .content {
            display: block;
        }

        .continuous-announcements p, .timeline ul li .content p {
            font-size: 18px;
            color: #FFF;
            font-weight: 300;
            margin: 0 0 5px;
            line-height: 22px;
            font-style: italic;
            padding: 10px 0;
            transition: .2s;
        }

.continuous-announcements p {
    padding: 0 10px;
}

.exam-calender a.all, .timeline ul li .content a {
    background: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFF !important;
    padding: 6px 18px;
    font-weight: 900;
}

    .timeline ul li .content a .caret {
        background: url(../images/icons/arrow5.png) center center no-repeat !important;
        border: 0 !important;
        width: 11px;
        height: 8px;
        margin-left: 16px;
        margin-top: -4px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .timeline ul li .content a:hover {
        color: #FFF !important;
        text-decoration: none !important;
    }

        .timeline ul li .content a:hover p {
            text-decoration: underline !important;
        }

.exam-calender h1, .links h1 {
    color: #1d1d1b;
    padding: 0;
    margin: 0 20px 0 5px;
    line-height: 40px;
}

.coordinators-main .btn, .exam-calender .btn {
    background-color: #93877d;
}

.exam-calender a.all {
    float: right;
    border: 1px solid #1d1d1b !important;
    padding: 6px 20px;
    color: #1d1d1b;
    margin: 0 -10px 0 0;
}

    .exam-calender a.all .caret {
        background: url(../images/icons/arrow6.png) center center no-repeat;
        width: 8px;
        height: 11px;
        border: 0;
        margin-top: -4px;
        margin-left: 20px;
    }

    .exam-calender a.all:hover .caret {
        background: url(../images/icons/arrow8.png) center center no-repeat;
    }

.links {
    min-height: 325px;
    padding: 0;
    position: relative;
}

    .links::before {
        content: " ";
        width: 100%;
        height: 1px;
        position: absolute;
        background-color: #ecebeb;
        left: 0;
        top: 49%;
        z-index: 1;
        margin-top: -.5px;
        display: none;
    }

    .coordinators, .links .glyphicon, .links li, .links ul {
        position: relative;
    }

    .links h1 {
        width: 100%;
    }

    .links ul {
        width: auto;
        margin: 5% 0;
        z-index: 9;
        min-height: 160px;
    }

    .links li {
        float: left;
        width: 13.666667%;
        transition: .2s;
    }

        .links li.next, .links li.prev {
            opacity: .8;
        }

        .links li.other {
            opacity: .4;
            padding-top: 20px;
        }

        .links li.active {
            margin-left: -50px;
            margin-right: -50px;
        }

    .links a {
        text-decoration: none;
    }

    .links .glyphicon {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 125px;
        -moz-border-radius: 125px;
        border-radius: 125px;
        overflow: hidden;
        border: 1px solid rgba(236,235,235,.9);
        background-color: #FFF;
        background-position: center top;
        background-repeat: no-repeat;
        left: 50%;
        margin-left: -62.5px;
        background-size: 100% auto;
        transition: .2s;
    }

    .links li.active .glyphicon {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 125px;
        -moz-border-radius: 125px;
        border-radius: 125px;
        border: 1px solid #FFF;
        margin-left: -62px;
        box-shadow: 0 0 10px #f08221;
    }

    .links li a:hover .glyphicon, .links li.active .glyphicon, .links li:hover .glyphicon {
        background-position: center bottom;
    }

    .links li.other .glyphicon {
        width: 86px;
        height: 86px;
        -webkit-border-radius: 86px;
        -moz-border-radius: 86px;
        border-radius: 86px;
        margin-left: -43px;
    }

.spots, .spots img, .title h1 {
    width: 100%;
}

.links .glyphicon-coordinator {
    background-image: url(../images/icons/coordinator.png);
}

.links .glyphicon-bid {
    background-image: url(../images/icons/bid.png);
}

.links .glyphicon-videos-icon {
    background-image: url(../images/icons/videos-icon.png);
}

.links .glyphicon-history-exam {
    background-image: url(../images/icons/history-exam.png);
}

.links .glyphicon-press-room {
    background-image: url(../images/icons/press-room.png);
}

.links .glyphicon-statistics {
    background-image: url(../images/icons/statistics.png);
}

.links .glyphicon-faq {
    background-image: url(../images/icons/faq.png);
}
.links .glyphicon-tanitim-bulteni {
    background-image: url(../images/icons/tanitim-bulteni.png);
}

.links .glyphicon-bilgi-edinme {
    background-image: url(../images/icons/bilgi-edinme.png);
}

.links .glyphicon-bimer {
    background-image: url(../images/icons/bimer.png);
}

.links .glyphicon-facebook {
    background-image: url(../images/icons/facebookbig.png);
}

.links .glyphicon-twitter {
    background-image: url(../images/icons/twitterbig.png);
}

.links .glyphicon-youtube {
    background-image: url(../images/icons/youtubebig.png);
}

.links .glyphicon-kurumsal-kimlik {
    background-image: url(../images/icons/kurumsal-kimlik.png);
}

.links h2 {
    color: #93877d;
    font-weight: 900;
    margin: 12px 0 0;
    text-align: center;
    padding: 0 10px;
    line-height: 130%;
}

.links li a:hover h2, .links li.active h2, .links li:hover h2 {
    color: #f08221;
}

.links li.active h2 {
    padding: 0 15%;
}

.links li.next h2, .links li.prev h2 {
    font-size: 14px;
}

.links li.other h2 {
    opacity: .4;
    font-size: 12px;
}

.links li p {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #1d1d1b;
    opacity: 0;
    transition: .2s;
    display: none;
}

.links li.active p {
    display: block;
    opacity: 1;
}

.spots img {
    height: auto;
}

/*new code start*/
.new-spot-title{
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background-color:#f08221;
    color:#FFF;
    font-size: 24px;
}
.new-spot-content{
    min-height: 100px;
    background-image: url(../images/mobile_apps_download_pattern.png);
    background-repeat: repeat;
    padding: 30px 0;
    color: #93877d;
}
.new-spot-content .app-ais{
    padding-right:10px;
}
.new-spot-content .app-gis{
    padding-left:10px;
}
.new-spot-content h3{
    font-size: 24px;
    font-weight: bold;
    color: #f08221;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.new-spot-content .app-gis h3{
    color: #257E8C;
}
.new-spot-content h5{
    margin: 0;
    padding: 0;
    font-size: 22px;
    margin-bottom: 20px;
}
.new-spot-content .app-buttons{
    margin-top: 30px;
}
.new-spot-content p{
    font-weight: lighter;
    font-size: 16px;
    color: #333;
}
.new-spot-content .app-ais .app-buttons a{
    margin-left: 20px;
}
.new-spot-content .app-gis .app-buttons a{
    margin-right: 20px;
}
.soon-message{
    line-height: 62px;
    font-size: 30px;
}
.new-spot-content .app-buttons a{
    display: inline-block;
    position: relative;
}
.new-spot-content .app-buttons a img{
    position: relative;
    display: block;   
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); 
}
.new-spot-content .app-buttons a:hover img{
    top: -3px;
}
/*new code end*/

.title h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 36px;
}

.title .search-title {
    background-color: #dad8d7;
    display: inline-block;
    position: relative;
    z-index: 9;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: -10px;
    height: 54px;
}

    .title .search-title h2 {
        float: left;
        background-color: #f08221;
        line-height: 54px;
        padding: 0 20px;
        margin: 0;
        color: #FFF;
        font-size: 16px;
        font-weight: 900;
    }

.coordinators-main .btn-group {
    float: left !important;
    padding: 8px;
}

.coordinators-main .btn {
    height: 39px;
    padding: 0 25px;
    line-height: 39px;
    margin-bottom: -10px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.coordinators-main .bootstrap-select.btn-group .dropdown-menu.open {
    z-index: 99;
    margin-top: 14px;
    margin-left: 6px;
}

.coordinators-main label {
    float: left !important;
}

.title .search-title input {
    float: left;
    background-color: #FFF;
    border: 0;
    width: 372px;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    margin: 8px 0;
    color: #1d1d1b;
    font-size: 14px;
    font-weight: 900;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .title .search-title input[type=submit] {
        background: url(../images/icons/arrow4.png) center center no-repeat #f08221;
        width: 40px;
        height: 46px;
        margin: 8px 8px 8px 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
    }

.coordinators {
    z-index: 1;
}

    .coordinators::before {
        content: " ";
        width: 100%;
        height: 5px;
        position: absolute;
        background-color: #f08221;
        left: 0;
        top: 5px;
        z-index: 9;
    }

    .coordinators .table, .faq {
        border: 5px solid #dad8d7;
        background-color: #FFF;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        font-size: 16px;
    }

.announcements .table .row a {
    padding: 20px;
    color: #1d1d1b;
    text-decoration: none;
}

    .announcements .table .row a:hover {
        color: #f08221;
    }

    .announcements .table .row a h2 {
        font-size: 18px;
        margin-bottom: 8px;
        max-width: 820px;
    }

    .announcements .table .row a date {
        font-size: 14px;
        color: #aba8a6;
    }

.coordinators .table .head div {
    font-size: 16px !important;
    background-color: #f2f1f1;
    font-weight: 900;
}

.coordinators .table .head .col-sm-2, .coordinators .table .head .col-sm-3 {
    padding: 16px !important;
}

.coordinators .table div {
    padding: 24px 16px;
    margin: 0;
}

.coordinators .row {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    border-bottom: 1px solid #ecebeb;
}

    .coordinators .row:hover {
        background-color: #f9f8f8;
    }

    .coordinators .row .col-sm-2 {
        width: 19%;
    }

    .coordinators .row .col-sm-3 {
        width: 21.5%;
    }

    .coordinators .row .col-sm-2, .coordinators .row .col-sm-3 {
        border-right: 1px solid #ecebeb;
        display: table-cell;
    }

        .coordinators .row .col-sm-2:last-child {
            border-right: 0;
        }

        .coordinators .row .col-sm-3:first-child {
            font-size: 18px;
            font-weight: 900;
        }

    .coordinators .row div:nth-child(2), .coordinators .row div:nth-child(4) {
        font-weight: 900;
    }

.panel-group {
    margin-bottom: 0;
}

    .panel-group .panel {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #ecebeb;
    }

.panel-default > .panel-heading {
    background-color: #FFF;
    padding: 0;
}

.panel-default .panel-heading h4 {
    line-height: normal;
    display: inline-block;
    width: 100%;
}

.panel-default .panel-heading a {
    color: #1d1d1b;
    font-size: 24px;
    font-weight: 900;
    padding: 15px 25px;
    display: block;
    width: 100%;
    text-decoration: none;
}

    .panel-default .panel-heading a:hover, .panel-default .panel-heading a[aria-expanded=true] {
        color: #dad8d7;
    }

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.faq ul, .sub-menu {
    -moz-border-radius: 3px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    margin-top: -20px;
    position: relative;
}

.panel-body .close {
    content: " ";
    width: 45px;
    height: 45px;
    position: absolute;
    background: url(../images/icons/close2.png) center center no-repeat #ecebeb;
    right: 15px;
    top: -30px;
    z-index: 9;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    opacity: 1;
}

.sub-menu li.active::before, .sub-menu2 li.active::before {
    content: " ";
    width: 10px;
    height: 20px;
    left: -22px;
    top: 50%;
    z-index: 9;
}

.title {
    display: block;
}

.faq ul {
    background-color: #ecebeb;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius-topright: 0;
    border-radius: 3px 0 3px 3px;
}

    .faq ul blockquote {
        padding: 16px;
        margin: 0;
        border: 0;
        border-bottom: 1px solid #dad8d7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size: 18px;
        font-weight: 900;
    }

        .faq ul blockquote:hover {
            background-color: #f9f8f8;
        }

        .faq ul blockquote footer {
            padding: 16px;
            color: #f08221;
            font-size: 18px;
            font-weight: 400;
            font-style: italic;
        }

.ozgecmisalan {
    padding-top: 10px;
}

.ozgecmisportallink {
    margin: 17px;
    background-color: #FFF;
    color: #f08221;
    font-size: 16px;
    font-weight: 900;
    border: 1px solid #f08221 !important;
    padding: 6px 10px;
    cursor: pointer;
}

    .ozgecmisportallink:hover {
        background-color: #f08221;
        text-decoration: none;
        color: #fff;
    }

.content {
    padding-top: 0;
}

    .content .col-sm-3, .content .col-sm-9 {
        padding: 0;
        margin: 0;
    }

    .content .col-sm-9 {
        padding-right: 40px;
    }

    .content h2 {
        padding: 0;
        margin: 0 0 20px;
        font-size: 24px;
        font-weight: 900;
        font-style: italic;
    }

  

    .content p {
        margin-bottom: 20px;
        text-align: justify;
    }

 
   
   

.statistics li, .sub-menu2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.menuacici, .sub-menu2 li a {
    line-height: normal;
    color: #FFF;
    font-weight: 900;
    text-decoration: none;
}

.sub-menu2 {
    margin: 0 !important;
    padding: 0 12px;
    background-color: #2c373f;
    border-radius: 3px;
    display: none;
    max-height: 230px;
}

    .sub-menu2::-webkit-scrollbar {
        width: 10px;
    }

    .sub-menu2::-webkit-scrollbar-track {
        background-color: #dad8d7;
    }

    .sub-menu2::-webkit-scrollbar-thumb {
        background-color: #f08221;
        border-left: 0 solid #dad8d7;
        overflow: hidden;
    }

        .sub-menu2::-webkit-scrollbar-thumb:hover {
            background-color: #de771c;
        }

.menuacici {
    content: " ";
    width: 10px;
    height: 20px;
    font-size: 18px;
    display: inline-block;
    z-index: 9;
    cursor: pointer;
    margin-left: -15px;
}

.sub-menu2 li {
    border-bottom: 1px solid #aea59e;
    position: relative;
}

    .sub-menu2 li.active::before {
        position: absolute;
        background: url(../images/icons/arrow9.png) center center no-repeat;
        margin-top: -10px;
    }

    .sub-menu2 li:last-child {
        border-bottom: 0;
    }

    .sub-menu2 li a {
        padding: 12px 0;
        display: block;
        font-size: 14px;
    }

        .sub-menu2 li a:hover, .sub-menu2 li.active a {
            color: #dad8d7;
        }

.statistics {
    margin: 0 !important;
}

    .statistics li {
        padding: 20px;
        margin-bottom: 4px;
        background-color: #f08221;
        border-radius: 3px;
    }

        .statistics li .glyphicon {
            display: inline-block;
            width: 40%;
            height: 84px;
            background-position: 6px center;
            background-repeat: no-repeat;
            top: 12px;
        }

        .statistics li .glyphicon-start {
            background-image: url(../images/icons/start.png);
        }

        .statistics li .glyphicon-question {
            background-image: url(../images/icons/question.png);
        }

        .statistics li .glyphicon-students {
            background-image: url(../images/icons/students.png);
        }

        .statistics li .glyphicon-ikon1 {
            background-image: url(../images/icons/start.png);
        }

        .statistics li .glyphicon-ikon2 {
            background-image: url(../images/icons/question.png);
        }

        .statistics li .glyphicon-ikon3 {
            background-image: url(../images/icons/students.png);
        }

        .statistics li h4 {
            width: 60%;
            display: inline-block;
            font-size: 16px;
            font-weight: 900;
            margin: 30px 0;
        }

            .statistics li h4 strong {
                display: inline-block;
                width: 100%;
                font-size: 30px;
            }

#calendar, .wc-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.calendar {
    height: 620px;
    position: relative;
}

.wc-grid-timeslot-header, .wc-nav, .wc-scrollbar-shim, .wc-time, .wc-time-column-header {
    display: none;
}

.calendar-title .nav-tabs, .calendar-title a {
    display: inline-block;
}

.wc-scrollable-grid {
    height: 481px !important;
}

.wc-header {
    height: 60px;
    margin-bottom: -1px;
}

.calendar-month-title {
    float: left;
    padding-left: 15px;
    display: inline-block;
    height: 48px;
    background-color: #d97116;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 48px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

    .calendar-month-title::after, .month-next, .month-prev, .week-next, .week-prev {
        float: left;
        border: 0;
        content: "";
        margin: 0;
        z-index: 9;
    }

    .calendar-month-title::after {
        width: 20px;
        height: 10px;
        background: url(../images/icons/arrow10.png) center center no-repeat;
        position: absolute;
        bottom: -10px;
        left: 42%;
    }

    .calendar-month-title span {
        float: left;
    }

.month-next, .month-prev, .week-next, .week-prev {
    width: 40px;
    height: 48px;
    background: url(../images/icons/arrow11.png) center center no-repeat;
    position: relative;
}

.calendar-main .col-sm-12, .week-next {
    -webkit-border-bottom-left-radius: 3px;
}

.week-next, .week-prev {
    width: 50px;
    height: 50px;
    background-color: #93877d;
    position: absolute;
    left: 11%;
    top: 110px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.month-prev {
    margin-left: 20px;
}

    .month-prev::before {
        content: " ";
        width: 1px;
        height: 18px;
        position: absolute;
        background-color: #f08221;
        left: -4px;
        top: 50%;
        margin-top: -9px;
    }

.month-next, .week-next {
    background: url(../images/icons/arrow12.png) center center no-repeat;
}

.week-next {
    background-color: #93877d !important;
    top: 160px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 3px;
}

.calendar-title {
    float: right;
    height: 48px;
    line-height: 48px;
}

    .calendar-title a {
        height: 48px;
        padding: 0 45px !important;
        font-size: 16px;
        font-weight: 900;
        margin: 8px 0 0 !important;
        float: left;
        border: 0 !important;
    }

    .calendar-title .today {
        height: 40px;
        line-height: 40px;
        border-left: 1px solid #f08221 !important;
        border-top: 1px solid #f08221 !important;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        background-color: #FFF;
    }

    .calendar-title .monthly, .calendar-title .yearly {
        background-color: #d97116;
        color: #e49c5c;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.calendar-main .col-sm-12, .calendar-main .col-sm-12 iframe {
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

.calendar-title .yearly {
    -webkit-border-top-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    border-top-right-radius: 3px !important;
}

.calendar-title .active .monthly, .calendar-title .active .yearly {
    background-color: #f08221 !important;
    color: #FFF !important;
    height: 48px !important;
    line-height: 48px !important;
    margin-top: 0 !important;
}

.calendar-title .active .yearly {
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.calendar-main .col-sm-10, .calendar-main .col-sm-12, .calendar-main .col-sm-2 {
    margin: 0;
    padding: 0;
}

.calendar-main .col-sm-2 {
    width: 15%;
    height: 160px;
    line-height: 160px;
    text-align: center;
    font-size: 24px;
    color: #f8c190;
    font-weight: 900;
}

.calendar-main .col-sm-10 {
    width: 85%;
    margin-top: 12px;
    padding-right: 12px;
}

.calendar-main .col-sm-12 {
    width: 100%;
    height: 160px;
    background-color: #f08221;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .calendar-main .col-sm-12 iframe {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.wc-header, .wc-time-slot.wc-hour-end {
    border: 0;
}

.wc-hour-end {
    border-bottom: 1px solid rgba(236,235,235,.1) !important;
}

.wc-day-column {
    background-color: #;
    border: 0;
}

.wc-scrollable-grid {
    background: 0 0 !important;
}

.wc-header .wc-day-column-header {
    padding: 10px;
    text-align: left;
    font-size: 24px;
    color: #FFF;
    font-weight: 900;
    width: 14.28571428571429%;
}

.wc-container table td {
    width: 14.28571428571429%;
}

.wc-day-1 {
    background-color: #93877d !important;
}

.wc-day-2 {
    background-color: #9e948c !important;
}

.wc-day-3 {
    background-color: #aca39c !important;
}

.wc-day-4 {
    background-color: #b6afa9 !important;
}

.wc-day-5 {
    background-color: #c0bab5 !important;
}

.wc-day-6 {
    background-color: #cac4c0 !important;
}

.wc-day-7 {
    background-color: #d1ccc9 !important;
}

.day-1 {
    background-color: #b8b0ab;
}

.day-2 {
    background-color: #bdb6b1;
}

.day-3 {
    background-color: #c2bcb7;
}

.day-4 {
    background-color: #c6c0bc;
}

.day-5 {
    background-color: #cac5c1;
}

.day-6 {
    background-color: #cec9c5;
}

.day-7 {
    background-color: #d1ccc9;
}

.wc-time-slots .wc-today {
    background-color: #93877d !important;
    position: relative;
}

    .wc-time-slots .wc-today::after, .wc-time-slots .wc-today::before {
        float: left;
        width: 20px;
        height: 20px;
        border: 0;
        content: "";
        background: url(../images/icons/orange-triangle.png) center center no-repeat;
        margin: 0;
        position: absolute;
        left: 10px;
        top: 0;
    }

    .wc-time-slots .wc-today::after {
        width: 5px;
        height: 100%;
        background: #f08221;
        left: 5px;
    }

.wc-cal-event {
    height: auto !important;
    opacity: 1 !important;
}

.ui-corner-all {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.wc-title {
    height: auto !important;
    padding: 15px 15px 15px 30px !important;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
    color: #1d1d1b;
    line-height: normal;
    background: url(../images/icons/arrow13.png) 15px 21px no-repeat #FFF;
    border-bottom: 3px solid #f08221;
    cursor: default;
}

    .wc-title span {
        font-weight: 300;
        color: #aca39c;
        padding-top: 10px;
        display: block;
    }

.pressroom h2 {
    font-size: 20px;
    font-weight: 900;
    width: 100%;
    margin: 0;
    padding: 30px 0;
}

.pressroom .release ul li{
    overflow:hidden;
}
.pressroom .release ul li, .pressroom .videos ul li {
    float: left;
    width: 19%;
    height: 285px;
    position: relative;
    background-color: #FFF;
    margin-left: 1%;
    margin-bottom: 1%;
    border-bottom: 5px solid #f08221;
}

.pressroom .videos ul li {
    width: 24.25%;
    height: 161px;
    margin-left: 1%;
    margin-bottom: 0;
    border-bottom: 0;
}

    .pressroom .videos ul li:first-child {
        margin-left: 0;
    }

.pressroom .release ul li.active, .pressroom .vieos .active-video {
    width: 39%;
    height: 580px;
    margin-left: 0;
}

.pressroom .videos .active-video {
    width: 100%;
    height: 430px;
    margin-bottom: 1%;
    background-color: #f08221;
}

.pressroom .videos ul li.active {
    border: 1px solid #f08221;
}

.pressroom .release ul li:nth-child(2) {
    width: 39%;
}

.pressroom .release ul li .image, .pressroom .videos .active-video .image, .pressroom .videos ul li .image {
    float: left;
    width: 100%;
    height: 338px;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.pressroom .videos ul li .image {
    width: 100%;
    height: auto;
    overflow: inherit;
}

.pressroom .videos .active-video .image {
    width: 720px;
    height: 430px;
}

    .pressroom .release ul li .image img, .pressroom .videos .active-video .image img, .pressroom .videos ul li .image img {
        width: auto;
        height: 338px;
        opacity: .8;
    }

.pressroom .videos ul li .image img {
    width: 100%;
    height: 152px;
}

.pressroom .videos .active-video .image img {
    width: auto;
    height: 430px;
}

.pressroom .release ul li a, .pressroom .videos .active-video a {
    text-decoration: none;
    display: block;
}

.pressroom .release ul li h3, .pressroom .videos .active-video h3, .pressroom .videos ul li h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    width: 100%;
    margin: 0;
    padding: 30px;
}

.pressroom .videos .active-video h3 {
    font-size: 32px;
    display: table-cell;
    color: #FFF;
}

.pressroom .videos ul li h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #111;
    color: #FFF;
    padding: 10px;
}

.pressroom .videos ul li.active h3 {
    background-color: #f08221;
}

.pressroom .release ul li p, .pressroom .videos .active-video p {
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    margin: 0;
    padding: 0 30px;
    color: #111;
    display: block;
}

.pressroom .videos .active-video p {
    display: table-cell;
    color: #FFF;
    padding: 30px;
}

.pressroom .videos ul li date, .pressroom .videos ul li p {
    display: none;
}

.pressroom .release ul li date, .pressroom .videos .active-video date {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    color: #999;
}

.pressroom .videos .active-video date {
    position: relative;
    left: auto;
    bottom: auto;
    color: #FFF;
    padding: 30px;
}

.mainsinav {
    margin-top: 0;
    padding: 0;
}

.sinavanasayfa h2 {
    font-size: 20px;
    font-weight: 900;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sinavanasayfa .release ul li {
    text-align: justify;
    float: left;
    width: 29%;
    height: 400px;
    min-height: 408px;
    position: relative;
    background-color: #FFF;
    margin-left: 1%;
    margin-bottom: 1%;
    border-bottom: 5px solid #f08221;
}

    .sinavanasayfa .release ul li.active {
        width: 39%;
        height: 824px;
        min-height: 684px;
        margin-left: 0;
    }

    .sinavanasayfa .release ul li:nth-child(2) {
        width: 58%;
    }

    .sinavanasayfa .release ul li .image {
        float: left;
        width: 100%;
        height: 338px;
        position: relative;
        overflow: hidden;
        background-color: #000;
    }

        .sinavanasayfa .release ul li .image img {
            width: auto;
            height: 338px;
            opacity: .8;
        }

    .sinavanasayfa .release ul li a {
        text-decoration: none;
        display: block;
    }

    .sinavanasayfa .release ul li h3 {
        display: inline-block;
        font-size: 18px;
        font-weight: 900;
        width: 100%;
        margin: 0;
        padding: 30px;
    }

    .sinavanasayfa .release ul li p {
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        margin: 0;
        padding: 0 30px;
        color: #111;
        display: block;
    }

    .sinavanasayfa .release ul li date {
        position: absolute;
        left: 30px;
        bottom: 30px;
        font-size: 14px;
        font-weight: 300;
        width: 100%;
        color: #999;
    }

            .iletisim-bilgi-edinme{position:relative; height: 1px; width: 100%;}
            .iletisim-bilgi-edinme-link{
                position: absolute;; 
                top:-65px; 
                right: 0;
                padding:10px 20px; 
                border-radius:3px; 
                border:solid 2px #f08221; 
                display:inline-block;
                font-size: 16px;
                color:#FFF;
                background-color: #f08221;
                white-space: nowrap;
            }
            .iletisim-bilgi-edinme-link:hover{
                color: #f08221;
                background-color: #FFF;
            }
.basinodasilinks {
    min-height: 200px;
    padding: 0;
    position: relative;
}

    .basinodasilinks::before {
        content: " ";
        width: 100%;
        height: 1px;
        position: absolute;
        background-color: #ecebeb;
        left: 0;
        top: 49%;
        z-index: 1;
        margin-top: -.5px;
        display: none;
    }

    .basinodasilinks h1 {
        width: 100%;
    }

    .basinodasilinks ul {
        width: auto;
        margin: 1% 0;
        position: relative;
        z-index: 9;
        min-height: 160px;
    }

    .basinodasilinks li {
        float: left;
        width: 16.666667%;
        position: relative;
        transition: .2s;
    }

        .basinodasilinks li.next, .basinodasilinks li.prev {
            opacity: .8;
        }

        .basinodasilinks li.other {
            opacity: .4;
            padding-top: 20px;
        }

        .basinodasilinks li.active {
            margin-left: -50px;
            margin-right: -50px;
        }

    .basinodasilinks a {
        text-decoration: none;
    }

    .basinodasilinks .glyphicon {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 125px;
        -moz-border-radius: 125px;
        border-radius: 125px;
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(236,235,235,.9);
        background-color: #FFF;
        background-position: center top;
        background-repeat: no-repeat;
        left: 50%;
        margin-left: -62.5px;
        background-size: 100% auto;
        transition: .2s;
    }

    .basinodasilinks li.active .glyphicon {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 125px;
        -moz-border-radius: 125px;
        border-radius: 125px;
        border: 1px solid #FFF;
        margin-left: -62px;
        box-shadow: 0 0 10px #f08221;
    }

    .basinodasilinks li a:hover .glyphicon, .basinodasilinks li.active .glyphicon, .basinodasilinks li:hover .glyphicon {
        background-position: center bottom;
    }

    .basinodasilinks li.other .glyphicon {
        width: 86px;
        height: 86px;
        -webkit-border-radius: 86px;
        -moz-border-radius: 86px;
        border-radius: 86px;
        margin-left: -43px;
    }

    .basinodasilinks .glyphicon-coordinator {
        background-image: url(../images/icons/coordinator.png);
    }

    .basinodasilinks .glyphicon-bid {
        background-image: url(../images/icons/bid.png);
    }

    .basinodasilinks .glyphicon-history-exam {
        background-image: url(../images/icons/history-exam.png);
    }

    .basinodasilinks .glyphicon-press-room {
        background-image: url(../images/icons/press-room.png);
    }

    .basinodasilinks .glyphicon-statistics {
        background-image: url(../images/icons/statistics.png);
    }

    .basinodasilinks .glyphicon-faq {
        background-image: url(../images/icons/faq.png);
    }

    .basinodasilinks .glyphicon-bilgi-edinme {
        background-image: url(../images/icons/bilgi-edinme.png);
    }

    .basinodasilinks .glyphicon-bimer {
        background-image: url(../images/icons/bimer.png);
    }

    .basinodasilinks .glyphicon-cimer {
        background-image: url(../images/icons/cimer_logo.png);
    }

    .basinodasilinks .glyphicon-facebook {
        background-image: url(../images/icons/facebookbig.png);
    }

    .basinodasilinks .glyphicon-twitter {
        background-image: url(../images/icons/twitterbig.png);
    }

    .basinodasilinks .glyphicon-youtube {
        background-image: url(../images/icons/youtubebig.png);
    }

    .basinodasilinks .glyphicon-kurumsal-kimlik {
        background-image: url(../images/icons/kurumsal-kimlik.png);
    }

    .basinodasilinks h2 {
        color: #93877d;
        font-size: 18px;
        font-weight: 900;
        margin: 12px 0 0;
        text-align: center;
        padding: 0 10px;
        line-height: 130%;
    }

    .basinodasilinks li a:hover h2, .basinodasilinks li.active h2, .basinodasilinks li:hover h2 {
        color: #f08221;
    }

    .basinodasilinks li.active h2 {
        font-size: 18px;
        padding: 0 15%;
    }

    .basinodasilinks li.next h2, .basinodasilinks li.prev h2 {
        font-size: 14px;
    }

    .basinodasilinks li.other h2 {
        opacity: .4;
        font-size: 12px;
    }

    .basinodasilinks li p {
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
        color: #1d1d1b;
        opacity: 0;
        transition: .2s;
        display: none;
    }

    .basinodasilinks li.active p {
        display: block;
        opacity: 1;
    }

    .tab-content>.tab-pane{
        display:none !important;
    }

    .tab-content>.tab-pane.active{
        display:block !important;
    }

    @media (max-width:1024px){
        #absoluteBox{
            display:box;
            display:-webkit-box;
            display:-moz-box;
            display:-ms-box;
            -webkit-box-orient:vertical;
            -moz-box-orient:vertical;
            box-orient:vertical;
        }
        .absoluteBoxElement1{
            box-ordinal-group:2;
            -webkit-box-ordinal-group:2;
            -mox-box-ordinal-group:2;
            float:none;
            clear:both;
        }
        .absoluteBoxElement2{
            box-ordinal-group:1;
            -webkit-box-ordinal-group:1;
            -mox-box-ordinal-group:1;
            float:none;
            clear:both;
        }
    }

    .jScrollPaneDrag{
        background-color:transparent !important;
        border:none !important;
        background-image:url(../images/icons/osym-scroll-logo.png);
       -webkit-box-shadow:none !important;
       -moz-box-shadow:none !important;
       box-shadow:none !important;
    }
    .sonuc-dogrulama-link, .sifremi-unuttum-link{
        white-space: nowrap;
    }
.sonuc-dogrulama-link:hover, .sifremi-unuttum-link:hover{
	color:#f08221 !important;
}


.animated {
		  animation-duration: .3s;
		  animation-fill-mode: both;
		}

		.fadeIn {
		  animation-name: fadeIn;
		}

		@keyframes fadeInDown {
		  from {
		    opacity: 0;
		    transform: translate3d(0, -100%, 0);
		  }

		  to {
		    opacity: 1;
		    transform: none;
		  }
		}

		.fadeInDown {
		  animation-name: fadeInDown;
		}

		@keyframes fadeInDownBig {
		  from {
		    opacity: 0;
		    transform: translate3d(0, -2000px, 0);
		  }

		  to {
		    opacity: 1;
		    transform: none;
		  }
		}
		.osym-fast-modal{
			background-color: rgba(0,0,0,0.5);
			position: fixed;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			display: none;
z-index:100000001;
		}
		.osym-modal-container{
			width: 100%;
			max-width: 600px;
			min-height: 300px;
			padding: 30px;
			position: relative;
			background-color: #F7B633;
			color: #000;
			margin: 100px auto;
			border-radius: 5px;
			opacity: 0;
		}
		.openedpopup{
			display: block;
		}
		.osym-modal-title{
			text-align: center;
			font-size: 48px;
			margin-bottom: 30px;
		}
		.osym-modal-close {
		  background-color: transparent;
		  width: 30px;
		  height: 30px;
		  position: absolute;
		  right: 20px;
		  top: 20px;
		  cursor: pointer;
		}
		.osym-modal-close:after {
		  content: '';
		  height: 30px;
		  border-left: 2px solid #000;
		  position: absolute;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
		  left: 14px;
		}

		.osym-modal-close:before {
		  content: '';
		  height: 30px;
		  border-left: 2px solid #000;
		  position: absolute;
		  -webkit-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		  left: 14px;
		}
		.osym-modal-extra-desc{
			font-size: 16px;
			margin: 20px 0 30px 0;
		}
		.osym-modal-content{
			font-size: 16px;
		}
		.osym-modal-slogan{
			font-size: 18px;
			font-weight: bold;
			text-align: right;
		}

        /*gecmis sorular start*/
        .gecmis-yillardaki-sorular a{
            display:block;
            width:100%;
            padding:30px;
            color:#333;
            border-bottom:solid 1px #EEE;
        }
        .gecmis-yillardaki-sorular a h3{
            margin:0;
            padding:0;
            font-weight:700;
            display:block;
            margin-bottom:5px;
            font-size:18px;
        }
        .gecmis-yillardaki-sorular a span{
            display:block;
            width:100%;
            font-size:16px;
            font-weight:300;
        }
        .gecmis-yillardaki-sorular a:hover{
            background-color:#ecebeb;
        }

        .gecmis-soru-liste a{
            color:#000;
            font-style:italic;
            display:block;
            padding:10px 20px;
        }
        .gecmis-soru-liste a:hover{
            color:#f08221;
        }

         @media (max-width:960px){
             .home-tab-nav li{
                 display:block !important;
                 width:100% !important;
             }
         }
         /*gecmis sorular end*/

        .gecmis-sinav-sorulari a{
            display: table;
            width: 100%;
            padding:30px;
            color:#333;
            border-bottom:solid 1px #EEE;
        }
        .gecmis-sinav-sorulari a:hover{
            background: #ecebeb;
        }
        .gecmis-sinav-sorulari a div{
            display: table-cell;
            vertical-align: middle;
        }
        .gecmis-sinav-sorulari .gss-liste-icon{
            width: 40px;
        }
        .gecmis-sinav-sorulari .gss-liste-icon span{
            display: inline-block;
            width: 18px;
            height: 18px;
            background-color: #FFF;
            border:solid 3px #EEE;
            position: relative;
            border-radius: 50%;
            top: 2px;
        }
        .gecmis-sinav-sorulari .gss-liste-icon span::after{
            content: '';
            position: absolute;
            width: 6px;
            height:6px;
            border-radius: 50%;
            background-color: #f08221;
            left: 3px;
            top: 3px;
        }
        .gecmis-sinav-sorulari .gss-sinav-adi{
            font-size: 18px;
            font-weight: 700;
            width: 80px;
        }
        .gecmis-sinav-sorulari .degerlendirme-raporlari-adi{
            width:auto;
            font-size:16px;
        }
        .gecmis-sinav-sorulari .gss-aciklama{
            color:#888;
        }




         .osym-list-box-container{
			border:solid 5px #dad8d7;
			box-sizing: border-box;
		}
		.osym-list-box-container *{
			box-sizing: border-box;
		}
		.gs-card-header{
			display: block;
			width: 100%;
			background-color: #f2f2f2;
			line-height: 40px;
			height: 40px;
			font-size: 18px;
			font-weight: bold;
			cursor: pointer;
			border-bottom: solid 1px #DDD;
			padding: 0 20px;
			position: relative;
		}
		.gs-card-body{
			padding: 0;
			display: none;
		}
		.gs-card-body a{
			display: block;
			width: 100%;
			font-size: 16px;
			font-style: italic;
			border-bottom: 1px solid #ddd;
			text-decoration: none;
			padding: 10px 20px;
            color: #333;
            background-color: #FFF;
		}
		.gs-card-body a:hover{
			background-color: #EEE;
			color: #f08221;
		}
		.gs-card-arrow{
			background: url(../images/icons/down-arrow.png) no-repeat center;
			width: 24px;
			height: 24px;
			position: absolute;
			display: block;
			right: 20px;
			top: 10px;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			background-size: 16px;
			
		}
		.gs-active .gs-card-arrow{
			-ms-transform: rotate(180deg); /* IE 9 */
		    -webkit-transform: rotate(180deg); /* Safari */
		    transform: rotate(180deg);
        }
        .gs-active .gs-card-header{
            color: #f08221;
        }
        .gecmis-sorular-menu li a{
            font-size:14px;
        }

        @media only screen and (max-width:768px){
            .pressroom{
                padding-left: 10px;
                padding-right: 10px;
            }
            .pressroom .videos .active-video .image{
                width: 100%;
            }
            .pressroom .videos ul li{
                width: 50%;
                margin: 0 !important;
            }
            .pressroom .release ul li h3{
                padding: 30px 30px 30px 0;
            }
            .pressroom .release ul li p{
                padding: 0 30px 0 0;
            }
            
            .pressroom .container{
                padding: 0 5px !important;
                margin: 0 !important;
            }
            .pressroom .col-sm-12{
                padding: 0 !important;
                margin: 0 !important;
            }
            .pressroom .release ul li{
                position: relative;
                width: 100% !important;
                height: auto !important;
                padding-bottom: 10px;
                margin-bottom: 15px;
            }
            .basinodasilinks li{
                width: 50%;
            }
            .basinodasilinks h2{
                font-size: 12px;
            }
            .pressroom .videos ul li h3{
                font-size: 14px;
                font-weight: normal;
            }
            .new-spot-content .text-right{
                text-align: left !important;
            }
            .new-spot-content .app-gis{
                padding-left: 0;
            }
            .new-spot-content .app-ais .app-buttons a{
                margin-left: 0;
            }
        }


@media screen and (max-width: 600px) {
  .new-spot-title {
      
      background-color: unset!important;
      color: #f08221!important;
  }
}