/*!

 * 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(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,800,700italic,800italic&subset=latin,latin-ext);

/* FONTLAR */

scrollbar {width: 5px;}

scrollbar-button{background:#8ab5cd;color:#eee;}

scrollbar-track {background-color: #fff;border-left: 1px solid #eee;}

scrollbar-thumb {background-color: #8ab5cd;}

scrollbar-thumb:hover {background-color: #8ab5cd;}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-button{background:#8ab5cd;color:#eee;}

::-webkit-scrollbar-track {background-color: #fff;border-left: 1px solid #eee;}

::-webkit-scrollbar-thumb {background-color: #8ab5cd;}

::-webkit-scrollbar-thumb:hover {background-color: #8ab5cd;}

/* GENEL CSS */

body{overflow-y:scroll;}

.hidden{

	display:none;

	visible:hidden;

}

html, body, form { font-family: 'Open Sans', sans-serif; background: url(../images/light-blue-background3.jpg) fixed; background-size: 100%; height: 100%; font-size: 12px; margin: 0 auto; padding: 0; }

.r { float: right; }

.l { float: left; }

form { height: 100%; }

.wrapper { min-height: 100%; margin-bottom: -190px; }

.push, .Footer { height: 190px; }

.satir { width: 100%; position: relative;padding-right:10px;float: left; }

.satirY { width: 50%; position: relative; float: left;padding-right:10px; }

#TanitimFilmi{background:rgba(0,0,0,.8);}

#TanitimFilmi .close{background: #fff;

opacity: 1;

padding: 5px 10px;}

#TanitimFilmi .modal-dialog{width:640px;}

#TanitimFilmi .modal-content{background: transparent;box-shadow: none;border: 0;}

/* HEADER */

/* Header Top */

.HeaderTopRow {z-index:9;position:relative; }

.HeaderTop { }

.headLeft > span { color: #024f7d; border-right: 1px dashed #ebebeb; padding: 10px 10px; font-size: 12px; display: inline-block; }

    .headLeft > span > a { color: #024f7d; font-weight: 600; }

.headRight > span { color: #024f7d; border-right: 1px dashed #ebebeb; border-left: 1px dashed #ebebeb;display: inline-block; float: right; font-weight: 600; }

    .headRight > span > a { color: #024f7d; font-weight: 600; }

/* Header Middle */

/* Logo */

#AWP { position: relative; z-index: 99; top: -7px; }

.navbar-nav { float: none; text-align: center; display: inline-block; padding: 0px 10px; width: 100%; }

    .navbar-nav > li { display: inline-block; float: none; }

.LogoBack {display: block;width: 150px;margin:0; background: url('../images/LogoBack.png')no-repeat; }

.Logo { width: 135px; position: relative;z-index:9999;margin: -4px 0px 0px 8px; }

.navbar-inverse .navbar-nav > li { background: url(../images/menu-mid.png) repeat-x 0 0;position: relative; z-index: 0; }

    .navbar-inverse .navbar-nav > li::after { content: ""; background: url("../images/menu-right.png") no-repeat 0 0; position: absolute; right: -15px; height: 100%; width: 15px; top: 0; z-index: -1; }

    .navbar-inverse .navbar-nav > li::before { content: ""; background: url(../images/menu-left.png) no-repeat 0 0; position: absolute; left: -15px; height: 100%; width: 15px; top: 0; }

    .navbar-inverse .navbar-nav > li > a { color: #024f7d; text-shadow: 0px 1px 1px #fff; font-weight: bold; }

        .navbar-inverse .navbar-nav > li > a > img { height: 19px; left: 0; position: absolute; top: 4px; right: 0; margin: 0 auto; width: 100%; }

.navbar-inverse { top: 10px; border-top: 1px solid #cfcfcf; }



/* FOOTER */

.Footer { background: url(../images/FooterBg.png)repeat-x bottom; }

.FooterAll { text-align: center; padding: 10px 0; }

.baslik H6 { font-size: 13px; font-weight: 600; text-transform: uppercase; margin: 0 0 15px; color: #474948; font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif; }

.FtrBg { background: rgba(255,255,255,.7); border-radius: 10px; padding: 20px;margin-top:15px; }

.footer-link li:before { content: "\f105"; color: #00a750; font-family: FontAwesome; margin-right: 5px; }

.baslik:before { display: none; }

.footer-link li a { color: #024f7d; text-transform: uppercase; }

    .footer-link li a:hover { color: #00a750; text-transform: uppercase; }

/* Sosyal Medya */

.footer-sosyal, .footer-bulten { text-align: center; }

    .footer-sosyal h6, .footer-bulten h6 { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; width: 100%; margin: 0 0 20px; color: #474948; font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif; }

    .footer-sosyal .baslik, .footer-bulten .baslik { width: 100%; }

    .footer-sosyal li, .footer-bulten li { display: inline-block; }

.footer-link .Logo { display: none; }

/* Bülten */

.txtBox { width: 250px; float: left; }

.BtnBulten { width: -1px; float: left; }



/* SAYFA YAPISI */

.sayfa { width: 100%; padding: 10px; background:rgba(255,255,255,.4); float: left; }

.icerik { width: 100%; border: 1px solid #fff; padding: 10px; float: left; }

.Icbaslik { background:rgba(255,255,255,.4); margin-top: 10px; }

.GenelBaslik { font-size: 18px; padding: 10px; margin: 0; background:rgba(255,255,255,.4); float: left; display: inline-block; border-radius: 10px 40px 0px 0px; font-weight: 600; color: #024f7d; padding-right: 40px; }

.GenelBaslikSag { padding: 13px 10px 12px 45px; margin: 0px; background: #FFF none repeat scroll 0% 0%; float: right; display: inline-block; border-radius: 40px 10px 0px 0px; font-weight: 100; color: #024F7D; font-size: 14px; font-style: italic; }

.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: #fff; border: 0; box-shadow: none; max-width: 80%;border:1px solid #b2d7ff }



/* HATA MESAJLARI */

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





@media(max-width:767px) {

    /* FOOTER */

    .wrapper {height:auto; margin-bottom:0px; }

    .push, .Footer { height: auto; }

    .headRight{float:none;text-align:center;}

    .headRight > span{display:inline-block;float:none;}

    .navbar-toggle{border: 0;

background: #fff;

width: 100%;

margin: 0;

padding: 0;

border-radius: 0;}

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0;}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#fff;}

    .icon-buton{float:left;margin:9px}

    .navbar-inverse .navbar-toggle .icon-bar{background:#000;margin:4px;}

    .navbar-inverse .navbar-nav > li{background:#fff;display:block;}

    .navbar-nav{padding:0;margin:0;}

     .navbar-inverse .navbar-nav > li::after { display:none;}

    .navbar-inverse .navbar-nav > li::before {display:none;}

    .FtrBg{text-align:center;}

    .GenelBaslikSag{display:none;}

    .GenelBaslik{width:100%;}

    .satirY { width: 100%; }

    .sayfa .form-control{max-width:100%;}

}



@media(min-width:768px) {

    .navbar-inverse .navbar-nav > li {margin: 0 7px;}

     .navbar-inverse .navbar-nav > li::after { right: -10px;}

    .navbar-inverse .navbar-nav > li::before { left: -10px;}

    .navbar-inverse .navbar-nav > li > a {font-size:11px;padding:15px 3px;}

    .headRight > span { padding: 10px 5px; font-size: 11px;}

}



@media(min-width:992px) {

    .headRight > span { padding: 10px 10px; font-size: 12px;}

    .navbar-inverse .navbar-nav > li {margin: 0 13px;}

}



@media(min-width:1200px) {

   

    .headRight > span { padding: 10px 10px 0 10px; font-size: 12px;}

    .navbar-inverse .navbar-nav > li {margin: 0 15px;}

}