::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}


* {
    padding: 0px;
    margin: 0px;
}
header .top {
    background-image: url(../img/header.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.navbar-brand, .navbar-nav>li>a {
	text-shadow: none;
}
/* ---------------------- urun_detay accordion ---------------------- */

#accordion {
    width: 100%;
    overflow: hidden;
}
.accordion-toggle:hover {
    color: #000000;
}
.accordion-toggle {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}
.accordion-content {
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 10px;
}
.accordion-content.default {
    display: none;
    overflow: hidden;
    width: 100%;
    border: 1px solid;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 10px;
}
/* ---------------------- urun_detay accordion ---------------------- */
/* Video Banner */

#video-banner {
    height: 100vh;
    position: relative;
    padding: 0px !important;
    overflow: hidden;
}
#video-banner:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: rgba(25, 48, 101, 0.9);
}
/* Video Banner End */
/* Banner */

section#banner .banner .item .caption .butonbox .buton {
    color: #fff;
}
section#banner .banner .item .caption .butonbox .buton:hover {
    background: #fff;
    color: #333;
}
@media screen and (min-width: 1600px) {
    section#banner .banner .item .caption {
        bottom: 35%;
    }
}
@media screen and (max-width: 1600px) {
    section#banner .banner .item .caption {
        bottom: 25vh;
    }
}
@media screen and (max-width: 1280px) {
    section#banner .banner .caption h1 {
        font-size: 35px !important;
        line-height: 35px !important;
    }
}
@media screen and (max-width: 992px) {
    section#banner .banner .item .caption {
        bottom: 10%;
    }
    section#banner .banner .caption h1 {
        font-size: 25px !important;
        line-height: 25px !important;
    }
    section#banner .banner .caption h2 {
        font-size: 15px !important;
        line-height: 15px !important;
    }
    section#banner .banner .butonbox {
        margin-top: 0px !important;
    }
    section#banner .banner .butonbox .buton {
        margin-left: 0px !important;
        margin-top: 15px;
    }
    section#banner .banner .item {
    	height:auto !important;
    }
}
@media screen and (max-width: 768px) {
    section#banner .banner .caption h1 {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    section#banner .banner .caption h2 {
        font-size: 14px !important;
        line-height: 14px !important;
    }
    section#banner .banner .item .caption {
        bottom: 10px;
    }
}
@media screen and (max-width: 600px) {
    section#banner .banner .caption h1 {
        display: none;
    }
    section#banner .banner .caption h2 {
        display: none;
    }
    section#banner .banner .caption .butonbox {
        width: initial !important;
        display: table !important;
        margin: auto !important;
        float: none !important;
    }
    section#banner .banner .caption .butonbox .buton {
        width: auto !important;
        padding: 10px !important;
        text-align: center;
        margin: 10px;
    }
    section#banner .banner .caption .butonbox .buton div {
        display: none;
    }
    section#banner .banner .caption .butonbox .buton i {
        float: none !important;
        margin: auto !important;
    }
}
/* Banner End */
/* Step Form */

@media screen and (min-width: 1600px) {
    section#banner .form {
        right: 15%;
        top: 20%;
        width: 30%;
    }
}
@media screen and (max-width: 1600px) {
    section#banner .form {
        right: 5%;
        bottom: 14vh;
        width: 35%;
    }
}
.form .actionbar li.active {
    background: rgba(219, 90, 169, 1);
    color: #fff !important;
    border-color: rgba(191, 78, 148, 1) !important;
}
@media screen and (max-width: 1280px) {
    section#banner .form {
        bottom: 14vh;
    }
    section#banner .form div.table {
        padding-top: 25px !important;
    }
}
@media screen and (max-width: 1170px) {
    section#banner .form div.table .inputbox input {
        padding: 10px !important;
        padding-left: 45px !important;
    }
    section#banner .form div.table .inputbox i.icon {
        top: 11px !important;
    }
    section#banner .form div.table .inputbox:last-child {
        margin-top: 15px !important;
    }
    section#banner .form div.table .inputbox:last-child a {
        padding: 10px !important;
    }
    section#banner .form div.table .login {
        padding-bottom: 15px !important;
    }
}
@media screen and (max-width: 992px) {
    section#banner {
        overflow: auto !important;
    }
    section#banner .form {
        position: static !important;
        margin-top: 15px;
        width: 100% !important;
        padding: 15px !important;
    }
}
/* Step Form End */
/* İçerik Content */
#icerikcontent .editor {
	overflow-y:auto; 
}


@media screen and (min-width: 1600px) {
    #icerikcontent {
        bottom:28vh;
    }
}
@media screen and (max-width: 1600px) {
    #icerikcontent {
        bottom: 15vh;
    }
}
/* İçerik Content End */