/*!
 * 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);
@font-face { font-family: 'CenturyGothic'; src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?8kxbcn'); src: url('../fonts/icomoon.eot?#iefix8kxbcn') format('embedded-opentype'), url('../fonts/icomoon.ttf?8kxbcn') format('truetype'), url('../fonts/icomoon.woff?8kxbcn') format('woff'), url('../fonts/icomoon.svg?8kxbcn#icomoon') format('svg'); font-weight: normal; font-style: normal; }
/* FONTLAR */

/* GENEL CSS */

html, body, form { font-family: 'CenturyGothic', sans-serif; background: #fff; height: 100%; font-size: 12px; margin: 0px auto; padding: 0px; }
.container { padding-right: 0px; padding-left: 0px; }

form { height: 100%; }
.satir { width: 100%; position: relative; float: left; padding: 0 5px; }
.satirY { width: 50%; position: relative; float: left; padding: 5px 5px;min-height:50px; }
a { text-decoration: none; color: #000; outline: none; }
/* HEADER TOP */
.logo-sol { margin-top: 5px; }
    .logo-sol li { display: inline-block; margin-left: 15px; }
    .logo-sol a { color: #999; }
.logo-sag { padding: 15px 0px 15px 0px; }
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin-right: 0px;margin-left: 0px;}
.header-top-sag { text-align: right; }
    .header-top-sag p { color: #CEB8A2; padding: 8px 0px 10px 0px; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #999; }
.navbar-nav > li { display: inline-block; }
.btn-default { position: absolute; margin: 4px 0px 0px -35px; background-color: #F1F1F1; border: none; }
.Arama > span { display: inline-block; margin-top: 12px; margin-left: -20px; font-weight: bold;position:absolute;    left: 22px;float: left;}

.ust-menu { background-color: #faf9f7; border-radius: 0px; border: none; min-height: 0px; margin-bottom: 0px; }
    .ust-menu .nav > li > a { padding: 5px 10px 5px 10px; font-size: 12px; }
    .ust-menu .navbar-nav > li > a { color: #999; border-right: 1px dashed #eee; }
.dropdown-menu { min-width: 90px; }
    .dropdown-menu > li > a { font-size: 12px; }
.sag-blok-menu { margin-left: 15px; }
    .sag-blok-menu li a { padding-top: 5px; padding-bottom: 5px; color: #b2b2b2; }
.sol-blok p { float: right; padding: 0px 10px 15px 0px; padding-top: 0px; color: #b2b2b2; font-size: 14px; }
    .sol-blok p img { margin: 0 5px 0 5px; }
.sol-blok2 .navbar-nav { float: right; }
    .sol-blok2 .navbar-nav li a { padding: 0 5px 0 5px; color: #6D6D6D; border-right: 1px solid #6D6D6D; font-size: 11px; }
.urun-kategori-baslik { background-color: #fff; margin:5px 0px; }
    .urun-kategori-baslik h5 { color: #000; }
.urun-kategori-baslik-2 { background-color: black; margin: 15px 0px 0px 0px; }
    .urun-kategori-baslik-2 h5 { color: white; }
.sol-blok3 .input-group[class*=col-] { float: right; margin: 10px 0 0 0; }
.sol-blok3 input { border-radius: 0px; height: 30px; }
.form-control { box-shadow: none; border-radius: 0; }
.sol-blok3 .input-group-addon { border-radius: 0px; float: right; background: #fff; }
.ana-menu { background-color: #fff; border: none; color: #b2b2b2; }
.box1 img { border: solid 1px #e0e0e0; }
.glyphicon-search { margin-top: 15px; z-index: 999; position: absolute; margin: 7px 0px 0px -15px; }
.logo img { margin: auto; }
.wrapper-header { background-color: #fff; }
.header-top { background-color: #fafafa; }
.üstlinkler ul li { padding: 5px 10px; float: left; list-style-type: none; color: #ababab; display: inline-block; }
.header-top .r li { float: right; }
.header-top ul li a { display: block; color: #ababab; }
.hosgeldin-yazi { width: 100%; color: #ababab; }
.header-bottom{border-bottom: 2px solid #ccc;}
.main_slider_content {width: 100%;height: 500px;overflow: hidden;border-bottom: 2px solid #ccc;}
.headersag ul { display: inline-block; float: right; width: auto; }
    .headersag ul li { display: inline-block; float: right; }
        .headersag ul li a { border-right: 1px solid #ccc; padding: 5px 6px; color: #ababab; }
.header-top ul li a.GirisYap { font-weight: bold; color: #dd1f26; border: none; }
.tema-buton { border: 3px #ccc solid; padding: 4px 10px; color: #333; background: #fff; margin: 10px 0; float: left; }
.hesabim-liste { width: 100%; }
    .hesabim-liste li { padding: 15px 10px; cursor: pointer; border-bottom: 1px solid rgb(235, 229, 220); }
        .hesabim-liste li a { font-size: 14px; font-weight: 100; color: #b2b2b2; }
            .hesabim-liste li a:hover, .hesabim-liste .open > a { color: #000; text-decoration: none; font-weight: bold; }
.ana-menu { background-color: #fff; border: none; color: #b2b2b2; margin-bottom: 0px; }
    .ana-menu .navbar-collapse { text-align: center; }
    .ana-menu .navbar-nav { display: inline-block; float: none; margin-bottom: 0px; }
.ana-menu-blok .nav > li > a { color: #000; font-size: 14px; }
.menu .navbar-nav > li > a { color: #000; text-transform: uppercase; font-size: 14px; }
    .menu .navbar-nav > li > a:hover { color: #fff; background-color: #000000; }
.box2 img { height: 350px; }
.box3 img { height: 350px; }
.blok-bayilik li { color: #989898; line-height: 20px; }
.blok-bayilik h4 { padding: 0px 0px 6px 0px; font-family: -webkit-pictograph; font-weight: bold; }
.blok-bayilik ul { margin-top: 13%; }
.h4-border { width: 100px; margin: auto; border-bottom: solid 2px #000; }
.margin-1 { border-top: 2px solid #000; border-bottom: solid 2px #000; height: 312px; text-align: center; margin: 5px; }
.margin-2 { border-top: 2px solid #000; border-bottom: solid 2px #000; height: 312px; text-align: center; margin: 5px; }
.blok-bulten p { color: #A19898; margin-top: 27%; font-family: sans-serif; }
.blok-bulten h4 { font-family: -webkit-body; font-weight: bold; }
.blok-bulten ul { margin-top: 10%; }
.blok-bulten li { font-family: sans-serif; color: #A19898; }
.blok-alt img { width: 100%; }
.blok-sag img { width: 100%; height: 320px; }
.blok-showroom { text-align: center; }
.blok-ekatalog { text-align: center; }
    .blok-ekatalog img { height: 425px; }
/*URUNLER*/
.urun-slider-baslik { font-family: 'Marck Script', cursive; color: #ed118f; text-align: center; }

.urun-kategori-baslik { text-align: center; }
.urun-kategori-baslik-2 { text-align: center; }

.urun { padding: 10px; }
.product-details { border: 1px solid #e9e9e9; padding:5px 10px;min-height: 60px; }
    .product-details h4 { margin: 5px 0; font-size:13px;}
.yildiz { padding: 10px 0 10px 0; }
.price { font-size: 14px; font-weight: bold; color: #606060; }
.price-old { font-size: 14px; font-weight: 100; color: #000; text-decoration: line-through; }

.banner-blok-yazi { width: 100%; text-align: center; position: relative; top: 10px; }
.hosgeldin-yazi i{padding: 5px 4px 5px 10px;display:block;color:#CCC}
/*URUNLER*/

/* HEADER MIDDLE */
/* Logo */
.header-middle .Logo { margin: 10px 0; height: 70px; }
    .header-middle .Logo img { height: 100%; }
/* Arama */
.Arama { position: relative; margin: 30px auto; float: none; text-align: center; display: -webkit-inline-box; }
    .Arama a { position: absolute; right: 0; top: 0; font-size: 16px; padding: 5px 10px; color: #000; }
.form-control:focus { box-shadow: none; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { box-shadow: none; background-color: #F1F1F1; }
.Arama .form-control { display: block; width: 195px; background-color: #F1F1F1; border: none; height: 38px; }
#AWP .navbar-nav { text-align: center; }
/* Sepetim */
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.sepet { margin: 30px auto; }
    .sepet .icon-bag { font-size: 35px; float: left; }
    .sepet p { margin-left: 5px; float: right; }

.icon-bag:before { content: "\e600"; }
.bagItem { color: #fff; background-color: #f96037; width: 40px; height: 40px; position: relative; display: block; float: left; border-radius: 35px; padding: 3px; text-align: center; top: 16px; left: -5px; }

/* HEADER BOTTOM */


/* FOOTER */
.bilgi { padding: 8px; }
.footer-blok-menu p { font-weight: bold; font-size: 13px; }
.footer-ust { margin-top: 20px; padding-top: 20px; text-align: justify; text-justify: inter-word; background-color: #fff; padding-bottom: 40px; }
.footer-alt { position: relative; border-top: 1px solid #ccc; background-color: #faf9f7; }
.kurumsal-blok-yazi { height: 218px; overflow: hidden; }
.footer-banner { text-align: center; }
.kurumsal-blok-yazi h2 { font-family: 'Marck Script', cursive; color: #ed118f; }
.footer-alt-blok { padding-top: 60px; }
    .footer-blok-menu2 li, .footer-alt-blok li { list-style-type: none; padding-bottom: 5px; }
.footer-blok-menu2 li { padding: 0 3px 0 3px; border-right: 1px solid #999; }
    .footer-blok-menu2 li:last-child { border-right: none; }
    .footer-blok-menu2 li a, .footer-alt-blok li a { color: #282828; text-decoration: none; }
.footer-blok-menu2 li { display: inline; }
.footer-blok-menu li:first-child a { font-weight: bold; color: #282828; }
.footer-alt-blok li a:hover { color: #ccc; }
.ara-yazi { padding: 15px 20px 15px 20px; border: 1px solid #eee; width: 360px; background: #fff; position: absolute; top: 0px; text-align: center; z-index: 1; left: 50%; margin-left: -150px; margin-top: -29px; }
.sosyal-blok { text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; }
    .sosyal-blok .fa { font-size: 21px; color: #4e4e4e; padding: 0px 5px; }
    .sosyal-blok .input { width: 80%; height: 30px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.2); }
    .sosyal-blok input[type=submit] { float: right; margin-right: 30px; margin-top: 10px; background: #ccc; color: #666; border-radius: 0px; border: none; border-bottom: 3px solid rgba(0,0,0,0.1); padding: 5px 10px 5px 10px; }
        .sosyal-blok input[type=submit]:hover { color: #000; background-color: #fff; border-color: #e0e0e0; }
.sosyal-blok-orta p { font-size: 15px; padding: 10px 0px 20px 0px; }
.FooterSocial { margin-bottom: 10px; }
    .FooterSocial .facebook { width: 12px; height: 22px; margin: 0 5px 0 13px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -5px -105px; }
        .FooterSocial .facebook:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -5px -135px; }
    .FooterSocial .twitter { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -33px -105px; }
        .FooterSocial .twitter:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -33px -135px; }
    .FooterSocial .instagram { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -72px -105px; }
        .FooterSocial .instagram:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -72px -135px; }
    .FooterSocial .google { width: 24px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -111px -105px; }
        .FooterSocial .google:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -111px -135px; }
    .FooterSocial .youtube { width: 50px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -145px -105px; }
        .FooterSocial .youtube:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -145px -135px; }
    .FooterSocial .pinterest { width: 50px; height: 22px; margin: 0 5px; display: inline-block; background: transparent url("../images/layouts-sprite-v3.png") no-repeat -200px -105px; }
        .FooterSocial .pinterest:hover { background: transparent url("../images/layouts-sprite-v3.png") no-repeat -200px -135px; }
.app-blok { text-align: center; }
    .app-blok p { font-size: 15px; margin-bottom: 0px; }
.bankalar { border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left; padding: 10px 0px 10px 0px; }
.bilgi-sol { text-align: right; padding: 20px; }
.bilgi-sag { padding: 20px; }
.menu { background-color: #fff; }

/*  -------------  FOOTER   -------------  */

.ara-yazi p { font-size: 14px; COLOR: #6a6667; }
.kurumsal-blok-yazi { padding: 10px; height: auto; }
.sag-blok-menu li { display: inline-block; }
    .sag-blok-menu li a { font-size: 10px; }
.sol-blok, .sol-blok2 { text-align: center; }
.blok-showroom { padding: 0px 0px 10px 0px; }
.blok-ekatalog { padding: 0px 0px 0px 0px; }


.sol-blok2 .navbar-nav li { display: inline-block; float: left; }
.sol-blok3 { padding: 0px; }
.sosyal-blok { margin-bottom: 20px;z-index:9999;}
.sag-blok-menu { display: none; }

.img-responsive { display: inline; }

.footer-blok-menu2 { display: block; text-align: center; }
    .footer-blok-menu2 li { padding: 0 5px 0 5px; }
.bilgi-sol, .bilgi-sag { padding: 0px; }
.bankalar { float: left; }
/*  -------------  FOOTER   -------------  */




/* BUTON VE SELECT */
.Buton {background:#555; float: left; border: 0; margin: 10px 0; color: #fff; display: block; padding: 10px 20px; 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 {background:#CCC;color:#fff; 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: 0px 20px; width: auto; display: inline-block; margin-left: 20px; }
.GroupLabel { float: left; background: #eee; color: #808080; margin-right: 2px; min-width: 50px; display: inline-block; padding: 9px 10px; }
.input-group-addon { padding: 0; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 0px; border-radius: 0px; margin-right: 2px; }

/* TEXT BOX */
.sayfa .form-control { background: #eee; border: 0; box-shadow: none; max-width: 100%; margin: 0px 0; }

/* HATA MESAJLARI */
.ErrorVal { position: absolute; top: -10px; left: 0; 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%; }

/* SAYFA YAPISI */
.sayfa { width: 100%; padding: 10px; background: #fff; margin: 10px 0; float: left; }
.icerik { width: 100%; border: 1px solid #eee; padding: 10px; float: left; }
.Icbaslik { background: #fff; padding: 10px; margin: 10px 0; }
.GrayLine { width: 100%; height: 2px; background: #eee; margin: 10px 0; }
.r { float: right; }
.l { float: left;}

@media(max-width:767px) {
    .ara-yazi { padding: 15px 20px 15px 20px; border: 1px solid #eee; width: 100%; background: #fff; position: absolute; top: 0px; text-align: center; z-index: 1; left: 0;margin:auto; }
    /* FOOTER */
    .Arama { width: 230px; margin-bottom: 0px; }
    .wrapper { min-height: 100%; margin-bottom: 0px; }
    .push .Footer { height: auto; }
    .push { height: auto; }
    .menualti ul li a { padding: 2px 5px; font-size: 12px; }
    .sol-blok { z-index: 2; }
    .sol-blok2 { z-index: 2; }
    .sol-blok3 { z-index: 1; }
    .footer-blok-menu { text-align: center; }
    .navbar-toggle { margin-bottom: 0px; }
    .header-middle .Logo { text-align: center; }
    .sepet p { margin: 0px; }
    .sepet { margin: 0px; }
    .SepetArama { margin-bottom: 5px; }
    .sepet { margin-bottom: 5px; float: right; }
    .urunlerr { text-align: center; margin-bottom: 5px; }
    .menu .navbar-nav > li > a { color: #000; }
    .menu .navbar-collapse, .menu .navbar-form { position: absolute; width: 100%; background-color: white; z-index: 9999; }
    .navbar-toggle { float: left; margin-top: -1px; }
    .menu .navbar-toggle .icon-bar { background-color: #000; }
    .icon-buton { float: left; }
    .menu-h { float: left; margin-top: -2px; margin-left: 9px; margin-bottom: 0px; color: #000; }
    .menu .navbar-toggle:hover, .menu .navbar-toggle:focus { background-color: transparent; }
    .sosyal-blok input[type=submit] { margin-right: 65px; }
    .menu .navbar-toggle { border-color: transparent; }
    .üstlinkler ul { text-align: center; }
        .üstlinkler ul li { float: none; }
    .headersag ul li { float: none; }
        .headersag ul li a { border-right: none; }
    .headersag ul { text-align: center; }
    .FooterSocial { margin-top: 10px; }
    .img-responsive { display: block; }
    .logo { width: 100%; text-align: center; }
    .ust-menu-blok .nav > li { display: none; }
    .ust-menu { text-align: center; }
    .ust-menu-blok .navbar-nav { margin: 0px auto; }
    .ust-menu-blok .nav > li:first-child { display: inline-block; }
    .ust-menu-blok .nav > li:nth-child(2) { display: inline-block; }
    .sol-blok, .sol-blok2 { text-align: center; }
        .sol-blok p { float: none; }
        .sol-blok2 .navbar-nav { margin-right: 10px; float: none; }
            .sol-blok2 .navbar-nav li { display: inline-block; float: none; }
    .margin-1 { border-bottom: none; }
    .blok-bayilik ul { margin-top: 7%; }
    .blok-bulten p { margin-top: 3%; }
    .navbar-nav > li { display: block; }
    .logo-sol { text-align: center; }
    .header-top-sag { text-align: center; }
    .sol-blok3 .input-group[class*=col-] { float: none; margin: auto; }
    .bilgi-sag { text-align: center; }
    .bilgi-sol { text-align: center; }
    .urun-kategori-baslik h5 { padding: 5px; }
    .main_slider_content {width: 100%;height: auto;overflow: hidden;border-bottom: 2px solid #ccc;}
}

@media(min-width:768px) {
    .ara-yazi { padding: 15px 20px 15px 20px; border: 1px solid #eee; width: 361px; background: #fff; position: absolute; top: 0px; text-align: center; z-index: 1; left: 50%; margin-left: -150px; margin-top: -29px; }
    .input-group-addon, .input-group-btn, .input-group .form-control { display: block; }
    .navbar-nav { margin: 0; float: none; }
    .SepetArama { margin: 35px 0px; }
    .menu .navbar-nav > li > a { font-size: 13px; }
    .ust-menu .nav > li > a { padding: 5px 4px 5px 10px; }
    .urun-kategori-baslik h5 { padding: 5px; }
    /*  -------------  FOOTER   -------------  */
    .sag-blok-menu { font-size: 11px; }
    .peShiner { margin-left: 0px; }
    .ara-yazi { margin-left: -150px; }
    /*  -------------  FOOTER   -------------  */
    .ana-menu-blok .nav > li > a { padding: 5px 5px 0 5px; }
    .blok-ekatalog img { height: 355px; width: 187px; }
    .blok-showroom img { width: 187px; }
    .main_slider_content {width: 100%;height: 500px;overflow: hidden;border-bottom: 2px solid #ccc;}
}

@media(min-width:992px) {


    .ana-menu-blok .nav > li > a { padding: 10px 10px 0 10px; }
    .main_slider_content {width: 100%;height: 500px;overflow: hidden;border-bottom: 2px solid #ccc;}
}

@media(min-width:1200px) {
    .ana-menu-blok .nav > li > a { padding: 10px 15px 0 15px; }
    .navbar-nav > li { float: none; }
    .bilgi-sol { text-align: right; }
    .ana-menu { margin-top: 20px; }
    .blok-ekatalog img { height: 380px; width: 237px; }
    .blok-showroom img { width: auto; }
    .urun-kategori-baslik h5 { padding: 0px; }
    .main_slider_content {width: 100%;height: 500px;overflow: hidden;border-bottom: 2px solid #ccc;}
}