body{
	margin: 0px auto;
	padding: 0px;
  background-color: #f5f5f5 !important;
  color: #333 !important;
  font-family: 'Exo 2', sans-serif !important;
}



#ustgenel { 
  border:none;
  background: transparent;
  text-align: center;
}

#pclogo{
  visibility: initial;
}#mobillogo{
  display: none;
}


#menuback{
  background: #f3f3f3;
  padding: 0;
}.navbar-brand{
  margin: 0px auto !important;
  padding: 0px 15px !important;
}.navbar-brand img{
  max-width: 200px;
  max-height: 150px;
}


#menu{
  width: 100%;
}#menu li{
  display: inline-block;
  float: none;
}#menu li:last-child{
}#menu li a{
  color: #0c2d69;
  font-size: 17px;
  font-weight: 500;
  background: transparent;
    padding: 10px 7px;
}#menu li a:hover,#menu li a:focus{
  color: #0c2d69 !important;
  background: transparent;
}#menu .dil a {
      display: inline-block;
    padding: 10px 2px;
    font-size: 15px;
}



.sosyal{
  padding: 0px 15px;
  position: absolute;
  margin-top: -90px;
  text-align: center;
  font-size: 24px;
}.sosyal span{
  padding: 0px 5px;
}.sosyal span a{
  color: #111618;
  text-decoration: none;
}


#mobil_slayt{
  display: none;
  width: 100%;
}

#page1{
  padding: 0px;
  background: #0c2d69;  
}#page1sol{
  padding: 50px 20px;
  width: 100%;
  text-align: center;
  max-width: 550px;
  float: right;
}#page1sol .img{
  text-align: center;
  margin: 15px auto;
}#page1sol .img img{
  max-width: 55px;
}#page1sol .baslik{
  color: #f5f5f5;
  font-size: 21px;
  font-weight: 700;
}#page1sol .aciklama{
  font-size: 16px;
  margin: 25px auto;
  font-weight: 500;
  color: #f5f5f5;
}#page1sol .link{
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 30px;
}#page1sol .link span{
  padding:5px 10px;
  border:1px solid #f5f5f5;
  border-radius: 10px;
}#page1sol .link a{
  text-decoration: none;
  color: #f5f5f5;
}#page1sol .link a:hover,#page1sol .link a:focus{
  text-decoration: none;
  color: #f5f5f5;
}#page1 .img2{
  padding: 0px;
  text-align: center;
}#page1 .img2 img{
  width: 100%;
  max-width: 750px;
}


#sayim{
  padding: 15px;
  color: #fff;
  font-size: 40px;
  text-align: center;
}.counte{
    padding: 25px;
    margin: 10px auto;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5em;
    width: 120px;
    height: 120px;
}.counte:hover{
    background-color: rgba(140, 114, 89, 0.66);
    border-color: rgba(140, 114, 89, 0.66);
}#sayim .altbaslik{
   font-size: 16px;
   margin-top: 15px;
   display: inline-block;
}#sayim .counter{
    font-size: 40px;
    color: #fff;
}#sayim .cerceve{
  padding: 35px 15px;
  border:1px solid #f5f5f5;
  border-radius: 70px;
}






#page2 .sol,#page2 .sag,#page1 .sol,#page1 .sag{
  padding: 0px; 
}


#page2{
  padding: 0px;
  background: #0c2d69;  
}#page2sol{
  padding: 50px 20px;
  width: 100%;
  text-align: center;
  max-width: 550px;
  float: left;
}#page2sol .img{
  text-align: center;
  margin: 15px auto;
}#page2sol .img img{
  max-width: 55px;
}#page2sol .baslik{
  color: #f5f5f5;
  font-size: 21px;
  font-weight: 700;
}#page2sol .aciklama{
  font-size: 16px;
  margin: 25px auto;
  font-weight: 500;
  color: #f5f5f5;
}#page2sol .link{
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  margin-bottom: 30px;
}#page2sol .link span{
  padding:5px 10px;
  border:1px solid #f5f5f5;
  border-radius: 10px;
}#page2sol .link a{
  text-decoration: none;
  color: #f5f5f5;
}#page2sol .link a:hover,#page2sol .link a:focus{
  text-decoration: none;
  color: #f5f5f5;
}#page2 .img2{
  padding: 0px;
  text-align: center;
}#page2 .img2 img{
  width: 100%;
  max-width: 750px;
}


#page3{
  padding: 15px 0px 40px 0px;
  background: #9e1921;
}#page3 .container{
  text-align: center;
  padding: 0px 15px;
}#page3 .img{
  text-align: center;
  margin: 15px auto;
}#page3 .img img{
  max-width: 55px;
}#page3 .baslik{
  color: #f5f5f5;
  font-size: 21px;
  font-weight: 700;
}#page3 .aciklama{
  font-size: 16px;
  margin: 25px auto;
  font-weight: 500;
  color: #f5f5f5;
}


#owl_1{
  background: #f2f2f2;
  padding: 15px 0px 0px 0px;
}.owl-theme .owl-nav [class*=owl-]{
  padding: 10px !important;
  background: #9e1921 !important; 
}




#footer{
  background: #0c2d69;
  padding: 70px 15px 30px 15px;
  text-align: center;
}#footer .f_logo{
  text-align: center;
  margin-bottom: 20px;
}#footer .f_logo img{
  width: 100%;
  max-width: 181px;
}#footer .ust_bosluk{
  margin-top: 55px;
}#footer .bizi_takip_edin{
}#footer .text{
  font-size: 16px;
  color: #f5f5f5;
  padding-right: 40px;
}#footer .link{
  padding: 0px 5px;
  font-weight: 300;
}#footer .f_hakkinda{
  color: #f5f5f5;
  font-size: 16px;
}#footer .link a{
  color: #f5f5f5;
  text-align: center;
  font-size: 18px;
  display: inline-block;
}#footer .link a:hover,#footer .link a:focus{
  color: #9e1921;
  text-decoration: none;
}#footer .link i{
  width: 25px;
  line-height: 37px;
}#footer .aciklama{
  margin-bottom: 20px;
  color: #f5f5f5;
  font-size: 16px;
}#footer .alt{
  text-align: left;
}#footer .ana_baslik{
  color: #ffa800;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}#footer .hr{
  width: 95px;
  margin: 10px 0px;
  height: 1px;
  background: #505050;
}#footer .baslik{
  font-size: 16px;
  color: #f5f5f5;
  font-weight: 400;
  margin-bottom: 30px;
}#footer .baslik a{
  color: #f5f5f5;
}#footer .baslik a:hover,#footer .baslik a:focus{
  color: #9e1921;
  text-decoration: none;
}#footer .baslik2{
  font-size: 16px;
  color: #f5f5f5;
  font-weight: 400;
  margin-bottom: 20px;
}#footer .baslik2 a{
  color: #f5f5f5;
}#footer .baslik2 a:hover,#footer .baslik2 a:focus{
  color: #f5f5f5;
  text-decoration: none;
}#footer .icerik{
  font-size: 16px;
  color: #f5f5f5;
  font-weight: 400;
}#footer .bilgi{
  font-size: 16px;
  margin: 0px auto;
  color: #f5f5f5;
  font-weight: 400;
  padding: 0px;
}#footer .ic{
  margin-bottom: 10px;
  text-align: left;
  font-weight: 300;
}#footer .icon{
  padding-left: 0px;
}#footer .tuyan{
  margin-top: 15px;
}




.copyright{
  color: #f5f5f5;
  font-size: 14px;
  text-align: left;
}


.sayfala{
    padding: 5px;
}.aktif_sayfa{
    padding: 5px 10px;
    /* background: #2b2b2b; */
    color: #2b2b2b;
    margin: 0 5px;
    border: 1px solid #2b2b2b;
}.sayfala a, .sayfala a:hover, .sayfala a:focus{
    padding: 5px 10px;
    border: 1px solid #bdbdbd;
    color: #2b2b2b;
}.aktif_sayfam{
    padding: 3px 7px;
    background: #2b2b2b;
    color: #fff;
    margin: 0 5px;
}


  .col5{
    padding: 0px;
    margin: 10px auto;
  }.col5 img{
    width: 100%;
  }.col5 .icerik{
    display: block;
    position: absolute;
    top: 0;
    transition-property: initial;
    transition-duration: 1.5s;
    text-align: center;
    width: calc(100% - 30px);
    padding: 30px;
    height: 100%;
    background: #0000008a;
  }.col5:hover img{
    opacity: 1;
  }.col5:hover .icerik{
    display: block;    
  }.col5:hover .kategori{
    transition-property: initial;
    transition-duration: 0.6s;
    opacity: 0;
  }.col5 .icon{
    margin-top: 20%;
    margin-bottom: 20px;
  }.col5 .icon i{
    padding: 10px 12px;
    border:2px solid #ddd;
    border-radius: 2em;
    font-size: 22px;
  }.col5 .baslik{
    color: #f6f6f6;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;  
  }.col5 .kategori{
    color: #f6f6f6;
    font-size: 16px;
    transition-property: initial;
    transition-duration: 0.6s;
    opacity: 1;
  }.col5 a{
    color: #f6f6f6;
    text-decoration: none;
  }.col5 a i{
    color: #f6f6f6;
    text-decoration: none;
  }


.firma{
  padding: 5px 15px;
}.firma span{
  font-weight: 600;
  min-width: 150px;
  display: inline-block;
}


 /*Slider */



@media (max-width: 1740px) {
  #page2sol,#page1sol{
    padding: 40px 20px;
  }
}
@media (max-width: 1680px) {
  #page2sol,#page1sol{
    padding: 30px 20px;
  }
}
@media (max-width: 1620px) {
  #page2sol,#page1sol{
    padding: 20px 15px;
  }
}

@media (max-width: 1560px) {
  #page2sol,#page1sol{
    padding: 10px 15px;
  }
}

@media (max-width: 1500px) {
  #page2sol,#page1sol{
    padding: 0px 15px;
  }
}

@media (max-width: 1100px) {
  #sayim .cerceve{
      padding: 30px 15px;
  }
}
@media (max-width: 1050px) {
  #sayim .counter{
    font-size: 30px;
  }#sayim{
    font-size: 30px;
  }#sayim .cerceve {
    padding: 35px 15px;
  }
}



@media (max-width: 992px) {
  #menu li a{
    font-size: 12px;
  }#page1sol{
    float: left;
    padding: 15px;
    max-width: inherit;
  }#page2sol{
    float: left;
    padding: 15px;
    max-width: inherit;
  }

}






@media (max-width: 768px) {
  #pclogo{
    display: none !important;
    visibility: hidden;
  }#mobillogo{
    display: block;
  }#slayt{
    margin-top: 51px;
  }.mobiliconrenk{
   background: #0c2d69 !important;
 }.navbar-default .navbar-toggle{
    border-color: #0c2d69 !important;
 }#mobilbutton{
    height: 45px;
    width: 45px;
 }#menu{
    text-align: center;
  }#menu li{
    display: block;
    float: none;
  }#menu li:last-child{
  }#menu li a{
    color: #0c2d69;
    font-size: 18px;
    font-weight: 500;
    background: transparent;
  }#menu li a:hover,#menu li a:focus{
    color: #0c2d69 !important;
    background: transparent;
  }.navbar-brand img{
    max-width: 55px;
  }
}
@media (max-width: 640px) {
  #sayim .cerceve {
    padding: 25px 15px;
  }
}
@media (max-width: 420px) {
  #sayim .counter{
    font-size: 20px;
  }#sayim{
    font-size: 20px;
  }#sayim .cerceve {
    padding: 15px 5px;
  }
}









.slayt_cerceve{
    position: absolute;
    top: 300px;
    text-align: left;
    width: 600px;
    padding: 15px;
    right: 300;
    background: transparent;
    border:1px solid transparent;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}.slayt_baslik{
  position: relative;
  font-size: 71px;  
  z-index: 1;
  color: #fefefe;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #fff;
}.yerle{
  text-align: left;
}.slayt_aciklama{
  position:relative;
  text-align: left;
  width:550px;
  z-index:0;
  margin-bottom: 15px;
  font-size:24px;
  color:#ffffff;
}.slayt_link{
  position:relative;
  text-align: left;
  left: calc(50% - 100px);
  display: inline-block;
  width:auto;
  z-index:5;
  font-weight: 600;
  font-size:20px;
  color:#ffffff;
  padding: 10px 30px;
  top: 80;
  border: 1px solid #fff;
  border-radius: 10px;
}.slayt_link a,.slayt_link a:hover,.slayt_link a:focus{
  color: #fff;
  text-decoration: none;
}
  .jssorl-oval img {
            animation-name: jssorl-oval;
            animation-duration: 1.2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-oval {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

        @media (max-width: 768px) {
.slayt_cerceve{
  width: 1800px;
  left: 10%;
  top: 60%;
}.slayt_baslik{
  width: auto;
  font-size: 80px;
}.slayt_aciklama{
  font-size: 50px;
  width: auto;
}.slayt_link a{
  font-size: 50px;
}.slayt_link{
  border:5px solid #fff;
  border-radius: 2em;
}
}