/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* FONTLAR */
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Righteous);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
/* FONTLAR */

/* GENEL CSS */

html, body, form { font-family: 'Open Sans', sans-serif;  background:url(../images/cevher_arkaplan.jpg) fixed; height: 100%; font-size: 12px; margin: 0px auto; padding: 0px;background-size: cover; }
.BgWhite{background:transparent;}
a { color: #000; }
.r { float: right; }
.l { float: left; }
form { height: 100%; }
.wrapper { min-height: 100%; margin-bottom: -102px; }
.push, .Footer { height: 102px; }
.satir { width: 100%; position: relative; }
.satirY { width: 50%; position: relative; float: left; }
.blok { padding: 10px; }
.wrapper-header{background:#eee;}
.slider-ust-menu-genel, .footer-bas{background:#eee;}
.header-menu{float:left;}

/* HEADER TOP */
.menuBg:nth-child(1) { border-bottom: solid 3px #4cabd4; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(2) { border-bottom: solid 3px #cfd777; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(3) { border-bottom: solid 3px #d17e36; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(4) { border-bottom: solid 3px #ac2647; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(5) { border-bottom: solid 3px #dec73b; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(6) { border-bottom: solid 3px #4cabd4; border-right: solid 1px #e0e0e0; }
.menuBg:nth-child(7) { border-bottom: solid 3px #cfd777; }
.navbar-nav > .menuBg > a { display: block; text-align: center; margin-top: 20px; }
.navbar-inverse .navbar-nav > li > a { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; }
    .navbar-inverse .navbar-nav > li > a:hover { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; }
.sosyaller { float: right; }
.arama { float: right; }
.dil { float: right; }
.linkler { text-align: center; float: right; }
    .linkler li { display: inline-block; padding: 15px 10px 10px 5px; font-family: Century gothic; }
    .linkler a { color: gray; font-size: 14px; }
.sosyaller { text-align: center; }
    .sosyaller li { display: inline-block; padding: 10px 7px 0px 7px; }
    .sosyaller i { font-size: 25px; color: #757575; }
.form-control { background-color: white; }
.header-top-orta { padding-bottom: 10px; }
/* HEADER MIDDLE */
/* Logo */
.Header-Logo { float: left; }
#cevher li { width: 119px; height: 100px; }
.header-middle .Logo { margin: 0; }
    .header-middle .Logo img { width: 216px; float: right; }
/* Arama */
.Arama { width: 200px; float: right; position: relative; }
    .Arama a { position: absolute; right: 0; top: 0; font-size: 16px; padding: 5px 10px; color: #ccc; }
    .Arama .form-control { border-radius: 30px; height: 30px; }
/* Sepetim */
.Sepetim { float: right; padding: 0px 15px; }
.SepetArama { margin: 35px 0; }
.SepetSayi { position: relative; background: #428bca; padding: 3px 6px; border-radius: 10px; color: #fff; font-weight: bold; top: -14px; left: -16px; }
.sol-blok3 { float: right; text-align: center; }
    .sol-blok3 .input-group-addon { border-radius: 0px; background: #fff; }
    .sol-blok3 input { border-radius: 0px; height: 30px;margin-top:15px; }
    .sol-blok3 .fa {    font-size: 22px;
    position: absolute;
    bottom: 5px;
    right: 30px;}

/* HEADER BOTTOM */
.header-bottom .navbar { border-top: 1px solid #eee; }
.slider {    padding: 10px; }
.uclu-blok>.container{padding:0 10px;}
.sol-blok3 .input-group[class*=col-] { float: right; margin: 10px 0 0 0; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100px; height: 17px; margin-bottom: 0; }
/* FOOTER */
.banner-blok box2 h5 { width: 350px; }
.footer-satir { border-top: solid 3px #e0e0e0; padding: 20px 0px 0px 0px; }
#newsletter-form { color: #868687; }
.mail { margin-top: 1px; margin-right: 5px; width: 20px; height: 20px; float: left; background-image: url(../images/mail.png); border: 0 none; }
.bulten-alan { float: left; }
.footer-gonder .newsletter-mail { width: 210px; height: 22px; }
.footer-gonder .newsletter-mail { background-color: #fff; display: block; vertical-align: top; border: 1px solid #c3c2b5; height: 20px; font-size: 10px; }
.footer-gonder .button { margin-left: 5px; width: 22px; height: 22px; float: left; background-image: url(../images/ok.png); border: 0 none; }
.stylish-input-group { margin: 0px auto; float: none;    }
.home-bulten-alan { margin-right: 5px; width: 20px; height: 20px; float: left; background-image: url(../images/store.png); border: 0 none; }
.home-bulten { margin-right: 5px; width: 20px; height: 20px; float: left; background-image: url(../images/store.png); border: 0 none; }
.header-input { float: left; width: 210px; height: 22px; border: 1px solid #cdcdcd; font-size: 10px; padding: 4px; }
.input-bulten-alan { margin-left: 5px; width: 22px; height: 22px; float: left; background-image: url(../images/ok.png); border: 0 none; }
.input-bulten { margin-left: 5px; width: 22px; height: 22px; float: left; background-image: url(../images/ok.png); border: 0 none; }
.footer-satir-bir { margin-bottom: 0px; margin-top: -5px; }
    .footer-satir-bir ul { margin-bottom: 0px; display: inline-block; }
        .footer-satir-bir ul li { float: none; display: inline-block; padding: 0px 5px; }
.footer-satir h5 { color: #616264; font-size: 12px; margin: 0; font-weight: bold; display: table-cell; vertical-align: middle; }
.footer-link { margin: 25px 0px 10px 0px; text-align: center; }
.footer-satir-bir .fa { font-size: 27px; }
.footer-link li { display: inline-block; }
    .footer-link li a { font-size: 12px; color: #58795A; padding: 0px 20px 0px 20px; }
.footer-end-left { text-align: center; }
.footer-satir-end p { margin: 10px; color: #616264; font-size: 12px; }
/* Bülten */
.txtBox { width: 250px; float: none; padding-top: 10px; margin: auto; }
.form-control:focus { border-color: none; }
.BtnBulten { width: -1px; float: left; }
.baslik { border-bottom: solid 1px #ccc; width: 85%; }
.baslik2 h6 { border-bottom: solid 1px #ccc; width: 89%; }
/* SAYFA YAPISI */
.sayfa { width: 100%; padding: 10px; margin: 10px 0; float: left; }
.icerik { width: 100%; padding: 10px; float: left; }
.Icbaslik { padding: 10px; margin: 10px 0; }
.GrayLine { width: 100%; height: 2px; background: #eee; margin: 10px 0; }
.footer-sosyal li { display: inline-block; }

/* BUTON VE SELECT */
.Buton { float: left; border: 0; margin: 10px 0; color: #fff; display: block; padding: 10px 20px; background: #dd1f26; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    .Buton:hover { color: #fff; background: #be1b21; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.sayfa input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; top: 10px; margin: 5px; background: #eee; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; }
    .sayfa input[type="checkbox"]:checked::after, .sayfa 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 { border: none; background: #eee; padding: 10px 20px; }


/* TEXT BOX */
.sayfa .form-control { background: #fff; border: 0; box-shadow: none; max-width: 80%; }

/* HATA MESAJLARI */
.Requierd span { background: #dd1f26; color: #fff; padding: 20px; width: 100%; }


@media(max-width:767px) { /*menü*/
    .footer-gonder { margin: 0px 0px 20px 0px; }
    .headerinput { margin: 0px 0px 20px 0px; }
    .header-input { width: 146px; }
    .footer-gonder .newsletter-mail { width: 146px; }
    #cevher li { width: 100%; height: 50px; }
    .menuBg { background: none; }
    .navbar-nav > .menuBg > a { margin-top: 0; line-height: 40px; }
    .nav > li > a > img { height: 43px; margin-top: -14px; }
    .navbar-nav > li { width: 100%; }
    .navbar-nav { background-color: #f5f5f5;; height: 413px; text-align: center; }
    /* FOOTER */
    .wrapper { min-height: 100%; margin-bottom: 0px; }
    .push .Footer { height: auto; }
    .box1 { padding: 0px; }
    .box2 { padding: 0px; }
    .box3 { padding: 0px; }
    .footer-link2 { text-align: center; }
        .footer-link2 img { margin: auto; }
    .footer-bulten { text-align: center; }
    .footer-link { text-align: center; }
    .footer-sosyal { text-align: center; }
    .linkler { text-align: center; float: none; }
    .slider-ust-menu { display: none; }
    .baslik2 { border-bottom: solid 1px #ccc; width: 100%; }
    .baslik { border-bottom: solid 1px #ccc; width: 100%; }
    .box2 { margin-top: 10px; }
    .box3 { margin-top: 10px; }
    .BtnBulten { margin: 0px; margin-top: 10px; float: none; }
    .Header-Logo { float: none; }
    .header-middle .Logo img { float: none; margin: auto; }
    .dil { text-align: center; }
    .footer-link li a { padding: 0px 30px 0px 30px; }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { width: 100%; position: absolute; z-index: 99; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: gray; }
    .navbar-toggle h4 { color: Gray; }
    .footer-satir-bir { text-align: center; }
    .sol-blok3 { float: right; text-align: center; }
    .input-group .form-control { float: none; display: inline-block; }
    .sol-blok3 .input-group-addon { float: none; display: inline-block; }
    .input-group-addon { padding: 6px 20px; }
    .glyphicon { margin-left: -5px; }
    .input-group .form-control { top: 1px; }
}

@media(min-width:768px) {
    .sol-blok3 { float: right; text-align: center; }
    .input-group .form-control { float: none; display: inline-block; }
    .sol-blok3 .input-group-addon { float: none; display: inline-block; }
    .input-group-addon { padding: 6px 20px; }
    .sol-blok3 .input-group[class*=col-] { float: none; }
    .glyphicon { margin-left: -5px; }
    .input-group .form-control { top: 1px; }
    .Header-Logo { float: none; }
    .header-middle .Logo img { float: none; margin: auto; }
    .linkler { float: none; }
    .dil { float: none; text-align: center; }
    .footer-bulten { text-align: center; }
    .footer-sosyal { text-align: center; }
    .form-control { width: 90%; }
    .slider-ust-menu a { color: White; font-size: 12px; }
    .headerinput { margin: 0px 0px 20px 0px; }
    .footer-satir-bir { text-align: center; }
    #cevher li { width: 107px; }
    .stylish-input-group { margin-left: 60px;}
}

@media(min-width:992px) {
    .sol-blok3 { float: right; text-align: center; }
    .input-group .form-control { float: none; display: inline-block; }
    .sol-blok3 .input-group-addon { float: none; display: table-cell; }
    .input-group-addon { padding: 6px 20px; }
    .sol-blok3 .input-group[class*=col-] { float: none; }
    .input-group .form-control { top: 0px; }
    .form-control { width: 88%; }
    .dil { float: right; }
    .sosyaller li { display: inline-block; padding: 10px 3px 0px 3px; }
    .linkler { text-align: center; float: right; }
        .linkler a { font-size: 12px; }
        .linkler li { padding: 15px 5px 15px 5px; }
    .Header-Logo { float: left; }
    #cevher li { width: 138px; }
    .stylish-input-group { margin-left: 60px;}
}

@media(min-width:1200px) {
    /*.form-control { width: 100%; }*/
    .footer-sosyal, .footer-bulten { text-align: left; }
    #cevher li { width: 119px; }
    .input-group .form-control { top: 0px; }
    .sol-blok3 .input-group[class*=col-] { display: inline-flex; }
    .stylish-input-group { margin-left: 100px;}
}