/* Font */
/* Scroll */
scrollbar { width: 8px; }
scrollbar-button { background: #e3dbce; color: #eee; }
scrollbar-track { background-color: #fff; border-left: 1px solid #eee; }
scrollbar-thumb { background-color: #e3dbce; }
    scrollbar-thumb:hover { background-color: #e3dbce; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-button { background: #e3dbce; color: #eee; }
::-webkit-scrollbar-track { background-color: #fff; border-left: 1px solid #eee; }
::-webkit-scrollbar-thumb { background-color: #e3dbce; }
    ::-webkit-scrollbar-thumb:hover { background-color: #e3dbce; }

/* Genel */
html, body, form { height: 100%; font-family: 'Raleway', 'Arial', sans-serif; color: #1e1c20; font-size: 13px; }
.margn5 { margin: 5px; }
.full { width: 100%; }
.Buton { background: #526a7c; padding: 7px 20px; font-weight: 500; color: #ffffff; border: 0; display: inline-block; margin: 10px 0; font-size: 14px; transition: all .2s ease-in; }
    .Buton:hover { background: #fff; color: #000; transition: all .2s ease-in; }
.satir { width: 100%; position: relative; padding: 0 5px; float: left; margin: 2px 0; }
.satirY { width: 50%; position: relative; float: left; padding: 0 5px; min-height: 66px; margin: 2px 0; }

/* SAYFA YAPISI */
.sayfa { width: 100%; padding: 10px; background: #fff; margin: 0; float: left; }
.icerik { width: 100%; border: 1px solid #eee; padding: 10px; float: left; }
h1.bslk { font-size: 20px; font-weight: bold; color: #526a7c; text-align: CENTER; position: relative; /* background: #6a6a6a; */ padding: 10px 15px; }
.Icbaslik { background: #fff; padding: 10px; }
    .Icbaslik h3 {font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 15px 0 0 0;
    padding-left: 15px;
    color: #526a7c;
    border-left: 30px solid #f3f7f9;}
.head { border-bottom: 1px solid #526a7c; }

/* BUTON VE SELECT */
input[type="checkbox"], input[type="radio"] { vertical-align: sub; width: 18px; height: 18px; top: 5px; margin: 5px; background: #eee; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; }
    input[type="checkbox"]:checked::after, input[type="radio"]:checked::after { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #444; display: block; content: ''; border-radius: 0; border: 1px solid #fff; }
.sayfa select { height: 35px; border: none; background: #eee; padding: 0px 20px; width: auto; display: inline-block; }
.GroupLabel { float: left; background: #f7faf9; border: 1px solid #EEF0F3; color: #808080; margin-right: 2px; min-width: 50px; display: inline-block; padding: 8px 5px; min-width: 134px; }

/* TEXT BOX */
.form-control { border-radius: 0; }
    .form-control:focus { border-color: #cbbc9f; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e3dbce; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e3dbce; }
.input-group .form-control { border-radius: 0; }
    .input-group .form-control:focus { border-color: #cbbc9f; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e3dbce; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e3dbce; }
.sayfa .form-control { border-radius: 0; background: #f7faf9; border: 1px solid #bdc9db; box-shadow: none; max-width: 100%; margin: 0 auto; }
.sayfa .ErrorControl { border: 1px solid #dd1f26; }

/* HATA MESAJLARI */
.ErrorVal { position: absolute; top: -22px; left: 10px; display: inline-block; background: #dd1f26; padding: 2px 5px; border-radius: 3px; color: #fff; }
    .ErrorVal::after { content: ""; position: absolute; bottom: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #dd1f26 transparent transparent transparent; left: 30px; }
.Requierd span { background: #dd1f26; color: #fff; padding: 20px; width: 100%; }

/* Header */
.Logo { float: left; }
    .Logo img { max-width: 300px; }
.SingIn { float: right; }
.SignTop { color: #8998a3; margin-top: 20px; text-align: right; font-size: 20px; }
    .SignTop > div { letter-spacing: 2px; font-weight: bold; }
    .SignTop .fa { transform: rotate(-41deg); font-size: 30px; }
.SignBottom { color: #8998a3; margin-top: 10px; }
    .SignBottom ul li a { color: #8998a3; padding: 0 10px; }
    .SignBottom .SptIcn { padding-left: 15px; border-left: 1px solid #e3e9ef; }
        .SignBottom .SptIcn i { display: inline-block; font-size: 25px; line-height: 35px; color: #8998a3; }
/* Header Bottom */
.HeadBottom { background: #f3f7f9; }
.Menu > #menu-1 > ul { margin-left: 0; }
    .Menu > #menu-1 > ul > li > a {  font-weight: 600; color: #526a7c; display: block; transition: all .2s ease-in; }
        .Menu > #menu-1 > ul > li > a:hover { background: #526a7f; transition: all .2s ease-in; color: #f3f7f9; }
    .Menu > #menu-1 > ul > li.Search { float: right; border-left: 2px solid #fff; }
        .Menu > #menu-1 > ul > li.Search .form-control { background: transparent; border: 0; box-shadow: none; max-width: 175px; display: inline-block; }
        .Menu > #menu-1 > ul > li.Search a { display: inline-block; padding: 12px 17px; }


/* Footer */
.footer{background: #f3f7f9;padding-top:20px;}
.fbaslk { margin: 5px 0; font-size: 14px; font-weight: bold; }
.fsoc li { margin: 10px 5px; }
    .fsoc li a { font-size: 14px; width: 25px; height: 25px; display: block; line-height: 22px; text-align: center; color: #a2a2a2; border: 1.5px solid #a2a2a2; border-radius: 5px; }
.p20 { padding: 20px; }
.pt20{padding:10px;}
.flist { margin-left: 0; }
    .flist li { margin-right: 10px; }
        .flist li a { font-size: 12px; text-transform: capitalize; }
.bltn { position: relative; width: 100%; }
    .bltn .form-control { border-width: 2px; max-width: 280px; border-radius: 60px; display: inline-block; }
    .bltn .btnKyt { font-size: 20px; display: inline-block; margin-left: -41px; color: #cccccc; position: relative; top: 1px; }


/* Ürünler */
.prd { display: inline-block; margin: 5px; border: 1px solid #EEF0F3; }
    .prd:hover { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; -webkit-transform: translatez(0); }
.btnSpt { position: absolute; top: 20px; left: -28px; transform: rotate(-45deg); background: #e74c3c; color: #fff; padding: 3px 25px; text-shadow: 0px 0px 2px #000; }
.newproduct { position: absolute; top: 17px; right: -26px; transform: rotate(45deg); background: green; padding: 3px 29px; color: #fff; font-size: 12px; text-shadow: 0px 0px 2px #000; }
.pTp { border-bottom: 1px solid #EEF0F3; overflow: hidden; position: relative; }
    .pTp > img {max-height: 280px;min-height: 280px; }
.pBtm { display: block; padding: 8px; position: relative; text-align: center; transition: all .2s ease;height:60px; }
.prd:hover .pBtm { background: #FFF; transition: all .2s ease; }
.Pname { font-weight: 600; }
.Pname, .Pcode { width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: #526a7c; }
.Pbrand, .Pprice { width: 100%; font-size: 15px; font-weight: bold; text-align: center; color: #00336c; }
.btnPro { background: #3e62e0; color: #fff; padding: 3px 11px; display: inline-block; font-weight: 400; font-size: 0.9em; text-transform: uppercase; }
    .btnPro:hover { background: #3b5ac5; color: #fff; }
    .btnPro i { margin-right: 5px; }



@media(max-width:767px) {
    .navbar-toggle { border-top: 1px solid #7C7C7C; border-bottom: 1px solid #7C7C7C; text-align: left; border-radius: 0; }
    .toggle-text, .toggle-icon { display: inline-block; vertical-align: middle; font-size: 14px; }
    #menu-1 { position: absolute; z-index: 9999; width: 100%; background: #000; margin: 0; padding: 0; overflow: visible; text-align: left; }
        #menu-1 > ul { text-align: left; position: absolute; z-index: 9999; width: 100%; background: #000; margin: 0; padding: 0; overflow: visible; }
            #menu-1 > ul > li { display: block; }
                #menu-1 > ul > li > a { padding: 10px; display: block; }
    .Hmdl, .Hmda { display: inline-block; }
        .Hmda .form-control { width: 160px; }
        .Hmda > div > .form-group { display: inline-flex; }
    .satirY { width: 100%; }
    .GroupLabel { background: transparent; border: 0; display: block; width: 100%; }
    .sayfa .form-control { padding: 0; }
}

@media(min-width:768px) {
}

@media(min-width:992px) {
	.Menu > #menu-1 > ul > li > a { padding: 12px 10px; }
}

@media(min-width:1200px) {
	    .Menu > #menu-1 > ul > li > a { padding: 12px 25px; }
}

@media(min-width:1300px) {
    header .container, .Slider .container { width: 1299px; }
}

@media(min-width:1400px) {
    header .container, .Slider .container { width: 1399px; }
}