html{}
body{margin:0px auto;font-family: 'Raleway', sans-serif;;font-weight:normal;color:#001e3c;}
a{text-decoration:none !important;display:block;cursor:pointer;}
ul{list-style:none;margin:0px;padding:0px;}
h1{margin:0px;padding:0px;font-weight:normal;}
h2{margin:0px;padding:0px;font-weight:normal;}
h3{margin:0px;padding:0px;font-weight:normal;}
h4{margin:0px;padding:0px;font-weight:normal;}
h5{margin:0px;padding:0px;font-weight:normal;}
span{display:block;}
img{border:0px;outline:0px;}
textarea{overflow:auto;resize:none;outline:none;}
input{overflow:auto;outline:none;}
*:focus{
    box-shadow: none !important;
    outline:none !important;}
header{
    z-index: 100;
}
    .anaMenu a{
        font-size:14px;
        color:#fff;
    }
    .anaMenu a:hover{
        color:#b7b7b7;
    }

    .mobilMenuTus{
        color:#fff !important;
    }

    .sliderVeKategori{
        min-height: 600px;
    }
    .slider{
        z-index: 20;
    }
    .sliderOklar{
        z-index: 30;
    }
    .slide{
        min-height: 600px;
        opacity:0;
        z-index: 1;
		background-size:cover !important;
    }
        .slideYazi{
            font-size:40px;
            font-weight: 500;
            color:#fff;
            z-index: 30;
        }
    .sliderGolge{
        min-height: 600px;
        z-index: 3;
        background: rgba(0,0,0,.6);
    }
    .kategoriKutuAlan{
        z-index: 30;
        top:-120px;
    }
    .kategoriKutu{
        height:120px;
        background: #001e3c;
    }
        .kategoriKutu:hover{
            background: #cc0000;
        }
        .kategoriKutu span{
            font-size: 20px;
            font-weight: 600;
            color:#fff;
        }
        .kategoriKutu p{
            font-size: 16px;
            font-weight: 300;
            color:#fff;
        }

    .anaBeyaz{

    }
        .anaBeyazicerik{

        }
            h1.anaBeyazBaslik{
                font-size: 40px;
            }
            .anaBeyazicerik h2{
                font-family: 'Roboto', sans-serif;
                font-size:16px;
                font-weight: 500;
                color:#000;
                line-height: 28px;
            }
            .anaBeyazicerik p{
                font-family: 'Roboto', sans-serif;
                font-size:14px;
                font-weight: 400;
                color:#000;
                line-height: 28px;
            }
            .anaBeyazYazi{
                font-family: 'Roboto', sans-serif;
                font-size:14px;
                font-weight: 400;
                color:#000;
                line-height: 28px;
                text-align: justify;
            }

        .baslik{
            font-size: 40px;
            font-weight: 600;
        }
        .fullKutu{
        }
        .fullKutu:nth-child(odd){background-color: #e5e5e5;}
        .fullKutu:nth-child(even){background-color: #d5d5d5;}
            .fullKutu img{

            }
            .fullKutu span{
                height:120px;
                font-size: 26px;
                font-weight: 300;
                color: #001e3c;
            }
            .fullKutu p{
                font-family: 'Roboto', sans-serif;
                font-size:14px;
                font-weight: 400;
                line-height: 24px;
                color:#000;
            }
        .anaSerit{
            background: #001e3c;
        }
            .anaSerit span{
                font-size: 30px;
                font-weight: 300;
                color:#fff;
            }
            .anaSerit a{
                font-size: 18px;
                font-weight: 600;
                color:#fff;
                background: #cc0000;
                padding:10px 30px;
                border-radius:15px;
            }
        .anaHarita{}

content{

}
    .banner{
        height:240px;
        background: url("../img/banner.png") no-repeat center center;
    }
        .bannerBaslik{
            font-weight: 500;
            font-size: 20px;
            color:#fff;
            letter-spacing: 2px;
            text-align: center;
            background: #0096c8;
            bottom:0px;
        }
        .parcaliBg{
            background: linear-gradient(90deg, #f7f7f7 50%, #ffffff 50%);
        }
        .parcaliBg p{
            font-family: 'Roboto', sans-serif;
            font-size:16px;
            font-weight: 300;
            color:#061b30;
            line-height: 26px;
        }
        .parcaliBg span{
            font-family: 'Roboto', sans-serif;
            font-size:16px;
            font-weight: 300;
            color:#061b30;
            line-height: 26px;
            text-align: left;
        }
        .parcaliBg2{
            background: linear-gradient(90deg, #0096c8 50%, #ffffff 50%);
        }
            .parcaliBg2 h2{
                font-weight: 300;
                font-size: 34px;
                color:#ffffff !important;
            }
            .parcaliBg2 span{
                font-family: 'Roboto', sans-serif;
                font-size:12px;
                font-weight: 500;
                color:#fff;
            }
        .icerikGrup:nth-child(odd){
            background: #fff;
        }
        .icerikGrup:nth-child(even){
            background: #f0f0f0;
        }
        .icerikResim{
            height:330px;
            background-size: cover;
        }
        .tekResim{

        }
        .yazi, .yazi *{
            font-family: 'Roboto', sans-serif !important;
            font-size:14px !important;
            font-weight: 400 !important;
            color:#000 !important;
            line-height: 28px !important;
        }
        .introUstAlan{
            background: url('../img/slider2.jpg') no-repeat center center;
            background-size: cover;
        }
            .kirmiziPerde{
                background: rgba(204,0,0,.9);
            }
        .introAltAlan{
            background: url('../img/slider3.jpg') no-repeat center center;
            background-size: cover;
        }
            .maviPerde{
                background: rgba(0,30,60,.9);
            }
            .introBuyuk{
                font-size:60px;
                font-weight: 700;
                color:#fff;
            }
            .introKucuk{
                font-size:30px;
                font-weight: 500;
                color:#fff;
            }
        .uzunKutu{
            height:330px;
            background: #001e3c;
        }
        .kisaKutu{
            height:246px;
            background: #001e3c;
        }
        .genisKutu{
            height:133px;
            background: #001e3c;
        }
            .kutuBaslik{
                font-family: 'Roboto', sans-serif;
                font-size:16px;
                font-weight: 500;
                color:#000;
            }
        .icCerceveli{
            border:1px solid #f0f0f0;
        }
            .siyahBreadcrump{
                font-family: 'Roboto', sans-serif;
                font-size:16px;
                font-weight: 500;
                color:#000;
                border-bottom:1px solid #f0f0f0;
            }
            .yesilBreadcrump{
                font-family: 'Roboto', sans-serif;
                font-size:12px;
                font-weight: 400;
                color:#49d2b7;
            }
            .icBaslik{
                font-size: 40px;
                font-weight: 300;
                color:#001e3c;
            }
            .icYazi{
                font-size:14px;
                font-weight: 500;
                color:#000;
                line-height: 30px;
            }
            .ayrintiTus{
                width:120px;
                font-family: 'Roboto', sans-serif;
                font-size:12px;
                font-weight: 600;
                color:#0096c8;
                background: #fff;
                border:1px solid #0096c8;
                border-radius:20px;
                left:30px;
            }
            .ayrintiTus span{
                height:24px;
                line-height: 24px;
            }
            .ayrintiTus i{
                height:24px;
                line-height: 24px;
            }
            .ayrintiTus:hover{
                color:#fff;
                background: #0096c8;
            }

            .ayrintiTusGriZemin{
                width:120px;
                font-family: 'Roboto', sans-serif;
                font-size:12px;
                font-weight: 600;
                color:#0096c8;
                background: transparent;
                border:1px solid #0096c8;
                border-radius:20px;
                right:0px;
            }
            .ayrintiTusGriZemin span{
                height:24px;
                line-height: 24px;
            }
            .ayrintiTusGriZemin i{
                height:24px;
                line-height: 24px;
            }
            .ayrintiTusGriZemin:hover{
                color:#fff;
                background: #0096c8;
            }
    .icGriAlan{
        background: #efefef;
    }
        .icGriBaslik{
            font-size:38px;
            font-weight: 400;
            color:#061b30;
        }
    .giris{
        font-family: 'Roboto', sans-serif;
        font-size:16px;
        font-weight: 400;
        color:#4d4d4d;
        background: #f1f1f1;
        border:none;
        padding: 15px;
        border-radius: 10px;
    }
    .girisTus{
        font-family: 'Roboto', sans-serif;
        font-size:18px;
        font-weight: 400;
        color:#fff;
        background: #009696;
        border:none;
        padding: 15px;
        border-radius: 10px;
        cursor: pointer;
    }

footer{
    background: #001e3c;
}
    .footerSol{
        max-width: 450px;
        color:#9396a0;
    }
        .footerLogo{

        }
        .footerLogo{

        }
        .footerAdres{
            font-family: 'Roboto', sans-serif;
            font-size:12px;
            font-weight: 400;
            color:#9396a0 !important;
            padding-left:60px;
        }
        .footerSosyalAdres{
            width:150px;
            font-family: 'Roboto', sans-serif;
            font-size:12px;
            font-weight: 400;
            color:#9396a0 !important;
            background: url("../img/icon_pin.svg") no-repeat 60px center;
            text-indent: 20px;
            padding-left:60px;
        }
        .footerSosyal{
            width:30px;
            font-family: 'Roboto', sans-serif;
            font-size:12px;
            font-weight: 500;
            color:#9396a0;
            text-align: center;
        }
        .footerSosyalTakip{
            font-family: 'Roboto', sans-serif;
            font-size:12px;
            font-weight: 500;
            color:#9396a0;
        }
    .footerSag ul li a{
        font-size:14px;
        font-weight: 400;
        color:#e5e5e5;
        line-height: 30px;
    }

    hr{
        height:1px;
        background: #fff;
        border:none;
    }
    .footerKimlik *{
        font-family: 'Roboto', sans-serif;
        font-size:12px;
        font-weight: 400;
        color:#9396a0;
        line-height: 20px;
    }
    .footerKimlik a:hover{
        color:#9396a0;
    }

/* GENEL */

.m0{margin-left:0px !important;margin-right: 0px !important;}
.my15{margin-top: 15px !important;margin-bottom: 15px !important;}
.mt1{margin-top:1px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mr1{margin-right:1px !important;}
.mr10{margin-right:10px !important;}
.mr30{margin-right:30px !important;}
.mb1{margin-bottom:1px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.ml1{margin-left:1px !important;}
.ml10{margin-left:10px !important;}

.p0{padding:0px !important;}
.px0{padding-left:0px !important;padding-right:0px !important;}
.px10{padding-left:10px !important;padding-right:10px !important;}
.px15{padding-left:15px !important;padding-right:15px !important;}
.px30{padding-left:30px !important;padding-right:30px !important;}
.py0{padding-top:0px !important;padding-bottom:0px !important;}
.py10{padding-top:10px !important;padding-bottom:10px !important;}
.py15{padding-top:15px !important;padding-bottom:15px !important;}
.py20{padding-top:20px !important;padding-bottom:20px !important;}
.py30{padding-top:20px !important;padding-bottom:30px !important;}
.py50{padding-top:50px !important;padding-bottom:50px !important;}
.py80{padding-top:80px !important;padding-bottom:80px !important;}
.py100{padding-top:100px !important;padding-bottom:100px !important;}
.pt1{padding-top:1px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt50{padding-top:50px !important;}
.pt80{padding-top:80px !important;}
.pr1{padding-right:1px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr100{padding-right:100px !important;}
.pb1{padding-bottom:1px !important;}
.pb10{padding-bottom:10px !important;}
.pb25{padding-bottom:25px !important;}
.pb50{padding-bottom:50px !important;}
.pb80{padding-bottom:80px !important;}
.pl1{padding-left:1px !important;}
.pl10{padding-left:10px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.orta{margin-left:auto !important;margin-right:auto !important;}
.pr{position:relative !important;}
.pa{position:absolute !important;}
.pf{position:fixed !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}
.cb{clear:both !important;}

/* XS */
@media only screen and (max-width: 576px) {
    .kategoriKutuAlan{
        top:0px;
    }
    h1.anaBeyazBaslik{
        margin-top:0px;
    }
    .footerLogo{
        text-align: center;
    }
    .footerAdres{
        padding:15px;
        text-align: center;
    }
}
/* SM */
@media only screen and (min-width: 576px) {
    h1.anaBeyazBaslik{
        margin-top:-120px;
    }
}
/* MD */
@media only screen and (min-width: 768px) {
   
}
/* LG */
@media only screen and (min-width: 992px) {
   
}
/* XL */
@media only screen and (min-width: 1200px) {
    
}

/* XS & SM*/
@media only screen and (max-width: 768px) {
    header{
        background: rgba(0,30,60,1);
    }
    .banner{
        height:170px;
        background: url("../img/banner.png") no-repeat center center;
    }
    .parcaliBg{
        background: #fff;
    }
    .parcaliBg2{
        background: #0096c8;
    }
    .footerSag ul li a{
        text-align: center !important;
    }
    .kirmiziPerde{
        padding:100px 30px;
    }
    .maviPerde{
        padding:100px 30px;
    }
}
/* MD & LG & XL */
@media only screen and (min-width: 992px) {
    .bannerBaslik{
        text-align: right;
        padding-right:100px;
    }
    .kirmiziPerde{
        padding:200px 0px;
    }
    .maviPerde{
        padding:200px 0px;
    }
}