h4 {
                font-family: 'Exo', sans-serif;
            color:#000000;
            font-size:x-large;
            /*font-weight:bold;*/
            }

             h5 {
                font-family: 'Exo', sans-serif;
            color:#000000;
            font-size:medium;
            font-weight:bold;
            }
 

            .kadirsection p {
            font-family: 'Exo', sans-serif;
            font-size:small;
            text-align:justify;
            }

.menutext {
    font-family: 'Exo', sans-serif;
    color:#FFFFFF;
    font-size:12px;
    text-align:center;
}

    .menutext a {
    font-family: 'Exo', sans-serif;
    color:#FFFFFF;
    /*font-size:13px;*/
    text-align:center;
    }

.flashani {
    width:1050px;
}

.solmenu {
    font-family: 'Exo', sans-serif;
    list-style-type:none;
    text-decoration:none;
    font-size:large;
}

    .solmenu li {
        padding:3px;
    }

    .solmenu li a{
       
        color:#f00;
        padding:3px;
    }

   .solmenu li:hover,.solmenu li a:hover {
        background:#f00;
        color:#fff;
        text-decoration:none;
    }





.altmenudikcizgi {
    text-align:center;
    border-right:1px solid #ffffff;
}


.menuimg {
            width:50%;
            opacity:0.8;
        }

            .menuimg:hover {
                opacity:1;
            }
        .menuimg2 {
            width:50%;
            opacity:0.8;
        }
         .menuimg2:hover {
                opacity:1;
            }
         .menuimg3 {
            width:45%;
            opacity:0.8;
        }
          .menuimg3:hover {
                opacity:1;
            }

        .logo {
             width:150px;
            margin-top:-48px;
        }
            .logo img {
                width:250px;
            }

        .bayrak {
            margin-top:-85px;
            margin-right:100px;
            
        }

        .bayram img {

        }
        .menulink {
            font-family: 'Exo', sans-serif;
            color:#ffffff;
            text-decoration:none;
            font-size:11px;
        }

            .menulink:hover {
                color:#ffffff;
                text-decoration:solid;
            }



        
               .defaultOneSection { 

position:fixed !important;

position:relative;

top:0px;

right:0px;

bottom:0px;

left:0px;
z-index:-1;
     
}

.esesonplayer {
    list-style-type:none;

}

    .esesonplayer li {
        float:left;
        margin-right:10px;
    }

    .esesonplayer li i{
        color:#FFFFFF;
        font-size:18px;
    }

     .esesonplayer li i:hover{
        color:rgb(76, 255, 0);
        font-size:18px;
    }



.resimara {
    height:10px;
    width:10px;
    float:left;
}

.baslikalti {
    position:fixed;
    background-color:#000000;
    width:100%;
    /*min-height:120px;*/
    /*top:0px;
    left:0px;
    right:0px;*/

     position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
    /*position:relative;*/
    /*z-index:-1;*/
}

       
        .cizim {
            background-image: url('porsuk/kivrim.png') ;
            background-repeat:no-repeat;
            background-size: 350px 350px;
	        background-attachment:fixed;
	        background-position: center center;
   
        }


        .full-page {
   margin:0 0 auto 0;
   padding:0;
   border:0;
   outline:0;
   vertical-align:baseline;
    

    display: inline-block;
  height: auto;
  max-width: 100%;
}

     #bg {
 
	display: inline-block;
	width: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	background-size: 100%;
	background-position: 45% 45%;
	background-repeat: no-repeat;
	background-image: url(porsuk/siyah.png); 
}
     .containerosgb {
	width:100%;
	max-width: 100%;
    z-index:10;
}

  .containerosgb   img {
	width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto; 
}

       #anaust {
            background-color:#000;
           width:100%;
           height:500px;
           /*margin-top:50px;*/
            background-image:url(porsuk/output_2nF5Fm.gif);
            background-repeat:no-repeat;
             -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
	        /*background-attachment: relative;
	        background-position: center center;*/

             /*background: url(porsuk/siyah.png) no-repeat center center fixed; 
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;

              background: url(porsuk/siyah.png) no-repeat center center fixed; 
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;*/
           
    
        }

#bir {

    position:relative !important;
position:relative;
top:0px;
right:0px;

left:0px;


}

h3 {
     font-family: Verdana;
           color:#000000;
            font-size:x-large;
            font-weight:bold;
            text-align:left;
}

.anasayfaalt3 {
    font-family: Verdana;
           
            font-size:medium;
            
            text-align:justify;
}


.ayracsonrasi {
    height:30px;
    width:100%;
}

#iki h5 {
     font-family: 'Exo', sans-serif;
           color:#669933;
            font-size:medium;
            font-weight:bold;
}

#uc h5 {
     font-family: 'Exo', sans-serif;
           color:#669933;
            font-size:medium;
            font-weight:bold;
}

#dort h5 {
     font-family: 'Exo', sans-serif;
           color:#669933;
            font-size:medium;
            font-weight:bold;
}

#bes h5 {
     font-family: 'Exo', sans-serif;
           
            font-size:medium;
            font-weight:bold;
}

         #iki h4 {
             font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:large;
            font-weight:bold;
        }
        #iki p {
            font-family: 'Exo', sans-serif;
            font-size:small;
            text-align:justify;
        }


         #uc h4 {
             font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #uc p {
            font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }


         #dort h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #dort p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }

#bes {
    margin-bottom:60px;
    /*padding-top:60px;*/
}
         #bes h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #bes p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }
        #bes ul li {
             font-family: 'Exo', sans-serif;
             font-size:smaller;
             padding:3px;
        }

         #alti h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #alti p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }

         #yedi h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #yedi p ,ul>li {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }



         #sekiz h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }
        #sekiz p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }

         #dokuz h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }

         #dokuz h5 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:small;
           
        }
        #dokuz p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }


         #on h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }

         #on h5 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:small;
           
        }
        #on p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }


         #onbir h4 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }

         #onbir h5 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:small;
           
        }
        #onbir p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }

        #oniki h4 {
             font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }

         #oniki h5 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:small;
           
        }
        #oniki p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }    #onuc h4 {
                  font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:medium;
            font-weight:bold;
        }

         #onuc h5 {
              font-family: 'Exo', sans-serif;
            color:#669933;
            font-size:small;
           
        }
        #onuc p {
             font-family: 'Exo', sans-serif;
            font-size:smaller;
            text-align:justify;
        }



  .obj-wrapper {
    width:100%;
  height:0;
  padding-bottom: 25%; /*acts as fluid height*/
  overflow:hidden;
  position:relative;
  background:grey;
}
.content {
    position:absolute;
  width:100%;
  height:100%;
  background:green;
}


article {
  /*float: left;*/
  position:fixed;
  width: 100%;
  height:120px;
  /*background: #ccc;
  margin: 10px 1%;*/
  left:0;
  right:0;
  padding:0;
  background-color:#000000;
  z-index:9999;
  /*opacity:0.8;*/
}


@media (min-width: 1200px) {
    .ozelrx {
       
        height:130px;
        width:100%;
        display:block;
    }
    #dortresim {
     padding-bottom:10px;
     padding-top:10px;
      
    }

   
}

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }



.porsukyan img {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

.porsukyan img .kadir >a img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

.porsukyan img:hover {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}


.yanmenu {
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#dortresim img{
     opacity:1.0;
filter:alpha(opacity=100);
}

@media all and (max-width: 900px) {
    article {
        width: 100%;
        height: 18%;
    }

    ozelrx {
       display:none;
    }
}

article2 {
  /*float: left;*/
  position:relative;
  width: 100%;
  height:120px;
  /*background: #ccc;
  margin: 10px 1%;*/
  left:0;
  right:0;
  padding:0;
  background-color:#000000;
  /*opacity:0.8;*/
}

    @media all and (max-width: 900px) {
        article2 {
            width: 100%;
        }

        ozelrx {
       display:none;
    }
    }






        div.center,p.center,img.center{
margin-left: auto !important;
margin-right: auto !important;
float:none !important;
display: block;
text-align:center;
}
       
.porsukOSGBnav-inner {
  background-image: linear-gradient(top, #0c0505, #191717);
  }

.porsukOSGBnav .brand {
  padding: 120px 20px 12px;
  font-size: 20px;
  color: #fcfcfc;
}

.porsukOSGBnav .divider-vertical {
  height: 150px;
  background-color: #0a0808;
  border-right: 1px solid #050303;
}

.porsukOSGBnav .nav > li > a {
  padding: 110px 10px 11px;
  font-size: 14px;
  color: #fcfcfc;
}

.porsukOSGBnav .nav > .active > a,
.porsukOSGBnav .nav > .active > a:hover,
.porsukOSGBnav .nav > .active > a:focus {
  color: #020202;
}


.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,0.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
   ozelrx {
       display:none;
    }

  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
   .ozelrx {
       display:none;
    }
}

@media (min-width: 1200px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }
   .ozelrx {
        display:block;
    }
}




.mastfoot2 {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}

.phoneX {
       display:block;
    }
     .phoneY {
        display:none;
    }


/*
 * Affix and center
 */
@media (min-width: 320px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot2 {
    position:fixed;bottom:10px;right:50px;z-index:10000;
  }
    .phoneX {
       display:none;
    }
     .phoneY {
        display:block;
    }

      .ozelrx {
        display:none;
    }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot2,
  .cover-container {
    /*width: 100%;*/ /* Must be percentage or pixels for horizontal alignment */
  }
}



@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot2 {
    position:fixed;bottom:10px;right:50px;z-index:10000;
  }
  .ozelrx {
        display:none;
    }
  .phoneX {
       display:block;
    }
     .phoneY {
        display:none;
    }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot2,
  .cover-container {
    /*width: 100%;*/ /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot2,
  .cover-container {
    position:fixed;bottom:10px;right:50px;z-index:10000;
  }

  .phoneX {
       display:block;
    }
     .phoneY {
        display:none;
    }
     .ozelrx {
        display:none;
    }
}

@media (min-width: 1200px) {
    .masthead,
    .mastfoot2,
    .cover-container {
        position: fixed;
        top: 130px;
        right: 50px;
        z-index: 10000;
    }

    .phoneX {
        display: block;
    }

    .phoneY {
        display: none;
    }
    .ozelrx {
        display:none;
    }
}

.dropdown-backdrop {
  position: fixed;
  /*left: 0;
  right: 0;
  bottom: 0;
  top: 0;*/
  z-index: 9999;
}