/*!
 * 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=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/* FONTLAR */

/* GENEL CSS */

html, body, form { font-family: 'Open Sans', sans-serif; background: #fff; height: 100%; font-size: 12px; margin: 0px auto; padding: 0px; }
.r { float: right; }
.l { float: left; }
form { height: 100%; }
.wrapper { width: 100%; float: left; min-height: 100%; margin-bottom: auto; }
.push, .Footer { width: 100%; float: left; height: auto; }
.satir { width: 100%; position: relative; }
.satirY { width: 50%; position: relative; float: left; }
.row, .container { margin: 0px auto; padding: 0px; }
.img-responsive { width: 100%; }

/* HEADER */
.top-orta { background: url("../images/bg_header.jpg")repeat-y 50% 0; box-shadow: 0 7px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0 7px 5px -5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 7px 5px -5px rgba(0,0,0,0.5); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.logo { float: left; margin: 5px 0; }
    .logo img { width: 350px; }
.dil { position: absolute; right: 0; bottom: 10px; }
    .dil img { margin: 0 10px; }
.dilresim li { display: inline-block; margin-top: 3px; float: right; }
.ana-menu { float: left; width: 100%; }
.ana-menu-blok .nav > li:first-child { border-left: none; }
.ana-menu-blok .nav > li { padding-left: 10px; margin-right: 10px; border-left: 1px solid #7d7d7d; }
    .ana-menu-blok .nav > li > a { color: #2f2e2a; transition: color .2s ease-in-out; font-size: 12px; font-weight: 600; padding: 0; }
        .ana-menu-blok .nav > li > a:hover, .ana-menu-blok .nav > li > a:focus, .ana-menu-blok .nav > li > a:active { color: #a2a5a6; transition: color .2s ease-in-out; }
.header{position:relative;z-index:99;}
.header-top-genel { background-color: #395c7a; }
.header-top-orta { background-color: #33536f; color: #b8b7b7; }
.HMLeft > ul { text-align: left; }
.HMRight > ul { text-align: right; }
    .HMLeft > ul > li, .HMRight > ul > li { display: inline-block; }
        
            .HMLeft > ul > li > a:hover, .HMRight > ul > li > a:hover { background: #2c4860; }
.HMRight img { width: 100px; }
.sag-link li { padding: 8px 0px 0px 0px; }
.menu-arama { margin-top: 30px; }
.Arama { position: relative; }
    .Arama > a { position: absolute; right: 0; top: 0; font-size: 15px; padding: 4px 10px; display: block; color: #b38323; }
    .Arama > .form-control { height: 25px; border-radius: 5px; padding: 5px; font-size: 11px; }
.arama-yazi { text-align: right; }
    .arama-yazi a { color: #b38323; font-size: 12px; padding: 5px; display: block; }
#AWP1023 .dropdown-menu { top: 35px; font-size: 8px; margin: 0; padding: 0; }
/* MENU */

    .menu-row{background: #000;}
    .mega-dropdown { position: static !important; }
    .fulldropdown{padding:20px 0px 20px 0px;text-align: center;width: 100%;position: static !important;left: 0;z-index: 999;background:url(../../images/pattern.png) bottom;}
    .fulldropdown li{display:inline-block;padding:20px 12px 0px 12px;border-left:1px solid rgb(51, 83, 111);}
    .fulldropdown li:first-child{border-left:0px solid rgb(51, 83, 111);}
    .fulldropdown li:last-child{border-right:0px solid rgb(51, 83, 111);}
    .fulldropdown li img{vertical-align:middle;width:95px;height: 80px;opacity:0.7;}
    .fulldropdown li:hover img{opacity:1;}
    .fulldropdown li:hover span{color:Red;}
    .fulldropdown li span{display: block;font-weight: bold;text-transform: uppercase;}
    .example-image-link{color:#000;}
    .breadcrumb a{color:#000;}
    .breadcrumb>li+li:before{color:#a50e1d;}
    .breadcrumb>.active{color:#a50e1d;}

/* FOOTER */
.Footer { border-top: 2px solid #b38323; width: 100%; float: left;position:relative;z-index:1; }
.footer-satir-bir ul { display: inline-block; }
    .footer-satir-bir ul li { display: inline-block; padding: 3px 5px; }
        .footer-satir-bir ul li a { font-size: 12px; color: #979393; }
            .footer-satir-bir ul li a:hover { color: #ddd; }
.FooterBottom { background: #395c7a; }
.footer-satir-bir .footerlogo { float: left; width: 100px; margin: 0 10px; }
.baslikFooter h1 { margin: 5px 0; font-size: 14px; font-weight: 600; color: #ccc; padding: 5px 5px; border-left: 2px solid #b38323; }
.footer-ust { padding: 20px; }
.footer-satir-bir a { width: 30px; background: #ccc; height: 30px; display: inline-block; text-align: center; padding: 7px 0;margin: 2px 0; }
    .footer-satir-bir a:hover { background: #b38323; }
.footer-satir-bir i { color: #2c4860; font-size: 14px; }
.footer-bas { background: #2c4860; width: 100%; float: left; }
.footer-satir-end { text-align: center; }
.footer-gonder { padding: 0 20px; }
.footer-satir ul li a i { font-size: 5px; margin: 0px 5px 0 0px; position: relative; top: -2px; color: #b38323; }
.iletisimBox { border: solid 1px #ccc; padding: 0 20px; text-align: center;float:left; }
.footer-satir a { color: #ccc; }
    .footer-satir a:hover { color: #b38323; transition: color .1s ease; }
.footer-end-left-2 { text-align: right; }
.footer-alt { padding: 5px; color: #2c4860; }
.kutu { background-color: #ccc; text-align: center; padding: 10px; margin: 10px 0; }
    .kutu a { color: #33536f; }
.referanslar-sol { margin-top: 10px; }
.referanslar { margin-top: 10px; }
.footer-end-left p { color: #ccc; }
.footer-end-left-2 p { color: #ccc; }
.iletisim ul { display: inline-block; }
    .iletisim ul li { padding: 5px 0; font-size: 12px; }
.iletisim p { margin-left: 40px; color: #979393; }
.iletisim .fa { float: left; font-size: 17px; color: #38a5dd; }
.sosyal-medya .fa { font-size: 18px; color: #333333; z-index: 9999; position: relative; padding: 8px 0; }
.mail p{ color: #ccc; padding: 10px 0; }
.footer-gonder p { color: #ccc; }
/* 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; }

/* 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: #eee; border: 0; box-shadow: none; max-width: 80%; }

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

@media(max-width:767px) {
    .ana-menu-blok li {
        width: 100%;
        border-top: 1px solid #efefef;
    }
    .ana-menu-blok .nav > li { padding-left: 0px; margin-right: 0px; border-left: 0; padding: 10px; text-align: center; }
    .HMLeft > ul > li > a, .HMRight > ul > li > a { padding:5px;color: #fff; font-size: 11px;display: block; border-right: 1px solid #395c7a;  }
    .HMRight img{display:none;}
    .dil { position: relative; }
    .footer-satir-bir { text-align: center; }
        .footer-satir-bir .footerlogo { margin: 0 auto; float: none; }
    .iletisim { text-align: center; }
    .sosyal-medya ul { text-align: center; }
    .navbar-toggle { margin-top: 0; }
    /* FOOTER */
    .top-orta { width: 100%; }
    .wrapper { min-height: 100%; margin-bottom: 0px; }
    .push .Footer { height: auto; }
    .arama-yazi { text-align: center; }
    .logo { text-align: center; float: none; }
    .dilresim { float: none; text-align: center; }
        .dilresim li { float: none; }
    .ana-menu { margin-top: 3px; }
    .navbar-inverse .navbar-toggle { border: 0; margin-right: 10px; width: 100%; }
    .navbar-toggle { float: left; padding: 10px 0px 0px 10px; }
    .icon-buton { float: left; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #b38323; }
    .navbar-inverse .navbar-toggle h4 { margin: -2px 0px 0px 10px; color: #2c4860; float: left; font-weight: 600; }
    .ana-menu-blok .navbar-collapse { position: absolute; z-index: 9999; background: #2c4860; width: 100%; border: 0px; text-align: left; }
    .ana-menu .navbar-nav { width: 100%; margin: 0 auto; }
    .nav > li > a { padding: 5px 10px; }
    .iletisim { margin-top: 5px; margin-bottom: 5px; }
    .ana-menu-blok { background: none; }
        .ana-menu-blok .nav > li > a { color: #b38323; }
    .sol { text-align: center; }
    .sag { text-align: center; }
    .peShiner { width: auto; margin: auto; }
    .logo img { margin: auto; float: none;width:100%; }
    #slider1 .buttons { top: 12%; }
    .footer-gonder { text-align: center; }
    .iletisimBox{float:none;display:inline-block;}
    .footer-end-left-2 { text-align: center; }
    .referanslar { margin-top: 10px; }
    #slider1 .overview li { width: 214px; }
    .KurlarIcerik{font-size:11px;}
    .footer-gonder{padding:0;}
    .HMLeft{display:none;}
    .baslikFooter h1 {border:none;}
    .footer-stuff {padding:0px;    text-align: center;padding: 10px 0 0;}
    .KurlarIcerik {text-align:center;}
}

@media(min-width:768px) {
    .HMLeft > ul > li > a, .HMRight > ul > li > a { padding: 10px 28px 10px 34px; }
    .HMLeft > ul > li > a, .HMRight > ul > li > a { color: #fff; font-size: 12px; padding: 10px 28px 10px 34px; display: block; border-right: 1px solid #395c7a; }
    .footer-ust { padding: 10px 0; }
    .iletisimBox{max-width:185px;}
    .baslikFooter h1{font-size:12px;}
    .footer-satir a{font-size:11px;}
    .ana-menu-blok .nav > li { padding-left: 10px; margin-right: 10px; }
    .top-orta { width: 100%; }
    .ana-menu-blok .nav > li { padding-left: 5px; margin-right: 4px; }
    .footer { position: relative; width: 100%; bottom: 0; }
    .sosyal-medya { text-align: center; margin-top: 10px; }
    .logo img { margin: auto; float: none; }
    #slider1 .overview li { width: 164px; }
}

@media(min-width:992px) {
    .ana-menu-blok .nav > li { padding-left: 10px; margin-right: 10px; }
    .top-orta { width: 100%; }
    .footer { position: relative; width: 100%; bottom: 0; }
    .sosyal-medya { text-align: center; margin-top: 0px; }
}

@media(min-width:1200px) {
    .ana-menu-blok .nav > li { padding-left: 10px; margin-right: 10px; }
    .top-orta { width: 100%; }
    .footer { position: relative; width: 100%; bottom: 0; }
    .sosyal-medya { text-align: center; margin-top: 0px; }
    .footer-end-left-2 { text-align: right; }
}

@media(min-width:1400px) {
    .top-orta { width: 1400px; }
}