@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,700,600,300&subset=latin,latin-ext);

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext');


@font-face {
    font-family: 'blogger_sansmedium';
    src: url('blogger_sans-medium-webfont.eot');
    src: url('blogger_sans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('blogger_sans-medium-webfont.woff2') format('woff2'),
         url('blogger_sans-medium-webfont.woff') format('woff'),
         url('blogger_sans-medium-webfont.svg#blogger_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'blogger_sansregular';
    src: url('blogger_sans.ttf-webfont.eot');
    src: url('blogger_sans.ttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('blogger_sans.ttf-webfont.woff2') format('woff2'),
         url('blogger_sans.ttf-webfont.woff') format('woff'),
         url('blogger_sans.ttf-webfont.svg#blogger_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'blogger_sansbold';
    src: url('blogger_sans-bold-webfont.eot');
    src: url('blogger_sans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('blogger_sans-bold-webfont.woff2') format('woff2'),
         url('blogger_sans-bold-webfont.woff') format('woff'),
         url('blogger_sans-bold-webfont.svg#blogger_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'blogger_sanslight';
    src: url('blogger_sans-light-webfont.eot');
    src: url('blogger_sans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('blogger_sans-light-webfont.woff2') format('woff2'),
         url('blogger_sans-light-webfont.woff') format('woff'),
         url('blogger_sans-light-webfont.svg#blogger_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



 


 body{

    font-size: 100%;   
     font-family: 'blogger_sansmedium';
	margin:0;padding:0;
}

*{box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;}
#strech{position:fixed;top:0; width:100%;background:url(../images/pattern.png);height:100%;}
ul{list-style:none;}


.anaManset {
position:relative;width:100%;height:100vh;background-color:#000;}

.icManset {
position:relative;width:100%;height:auto;overflow:hidden;}


.ana4Lu {background-color:#fff;color:#7f8181;text-align:left;font-size:16px;font-family: 'blogger_sanslight';
}

.ana4Lu h2{background:url(../images/h1_bg.jpg) repeat-x center bottom 10px;position:relative;margin:10px auto;width:75%;text-align:center;
           color:#000;font-family: 'blogger_sanslight';font-size:26px;
}
.ana4Lu h2 span{background-color:#fff;padding:5px 10px;
}

.ana4Box {padding:0 20px;}
.ana4Box h3 {color:#000;font-size:24px;width:100%;padding:10px 0;
             -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;font-weight:normal;
}
.ana4Box a.devam:link,.ana4Box a.devam:visited {padding:10px 20px;background-color:#ca1f26;color:#fff;text-decoration:none;font-size:16px;line-height:26px;font-family: 'blogger_sanslight'; margin-top:20px;}
.ana4Box a.devam:hover {padding:10px 20px;background-color:#71090e;}




.mevzuatBox {padding:0 20px;}
    .mevzuatBox .kisaBilgi {font-size:18px;color:#939393;height:60px;overflow:hidden;}

.mevzuatBox h3 {color:#000;font-size:24px;width:100%;padding:10px 0;border-top:solid 1px #cfd0d0;
             -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;font-weight:normal;
}
.mevzuatBox a.devam:link,.mevzuatBox a.devam:visited {padding:10px 20px;background-color:#ca1f26;color:#fff;text-decoration:none;font-size:16px;line-height:26px;font-family: 'blogger_sanslight'; margin-top:20px;}
.mevzuatBox a.devam:hover {padding:10px 20px;background-color:#71090e;}






.anaAltTxt {padding:20px!important;}


.anaAlt {padding:0px;padding-bottom:0px;}

.anaAlt img{width:100%;padding:0!important;margin:0!important;}


.ana4Box img {
width:95%;}


.anaGuncelKapsayici {float:left;height:130px;border-bottom:solid 1px #b5b5b5;padding:15px;color:#4f4f4f;
                     font-size:16px;line-height:1.4;margin:1%; text-align:left;}
.anaGuncelKapsayici a:link, .anaGuncelKapsayici a:visited{color:#7f8181;font-size:22px;text-decoration:none;}
.gduyuru {color:#ca1f26;font-size:26px;font-weight:bold;text-align:center;}


.row {position:relative;width:100%;margin:0 auto;height:auto;overflow:hidden;
}

.fullLine {
position:relative;width:100%;max-width:1200px;margin:0 auto;padding:50px 0px;height:auto;overflow:hidden;
font-size: 16px;
    font-family: 'blogger_sanslight';
    color: #7e7e7e;
    line-height: 1.5;
    text-align: center;
}

.fullLine h1 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    background: url(../images/h1_bg.png) no-repeat bottom center;
    margin-bottom: 10px;
    color: #b2001c;
    text-align: left;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.anaSliderKapsayici {
width:100%;height:auto;overflow:hidden;}

.col100 {float:left;}

.col50 {float:left;padding:0;margin:0;}

.col75 {float:left;}
.col25 {float:left;}
.col33 {float:left;}
.col67 {float:left;}
.center {text-align:center;}


header{ position:relative; margin:0 auto; z-index:100005; height:141px; width:100%;top:0px;width:100%;background-color:#fff;
        -webkit-box-shadow: 0px 3px 21px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 21px 1px rgba(0,0,0,0.75);
box-shadow: 0px 3px 21px 1px rgba(0,0,0,0.75);

}

.hline1{float:left;background-color:#ce0031;padding:0;color:#fff;height:auto;overflow:hidden;height:41px;width:100%;font-weight:300;font-size:15px;}
.hline1 .tel{float:right; width:25%;background:url(../images/icn_foot_2.png) left 5px center no-repeat;padding:12px 0 12px 30px;background-color:#9a0000;    
}

.hline1 .eposta{float:right; width:25%;background:url(../images/icn_foot_3.png) left 5px center no-repeat;padding:12px 0 12px 30px;background-color:#660032;    
}

.bannerlogoKapsayici {width:75%;padding-top:20px; max-width:300px;    display: inline-block; height:auto;overflow:hidden;}
.bannerlogoKapsayici img{width:100%;}


/*üst menü*/
.ustMenu {position:relative;top:75px;  margin:0 auto;width:100%;

 }
.ustMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none; width:100%;max-width:1000px;margin:0 auto;
}

.ustMenu ul li {
  display: block;
  position: relative;
  float: left;
}

.ustMenu ul li ul li {border-bottom:solid 1px #000;
}

/* This hides the dropdowns */


.ustMenu li ul { display: none; width:250px;text-align:left;z-index:12000;}

.ustMenu ul li a {
  display: block;
  padding: 5px 13px 5px 13px;font-size:16px;
  text-decoration: none;
  white-space: nowrap;
  color: #9b090d;
}
.ustMenu ul li ul li a {
 font-size:12px;padding:10px 10px;
  
}

.ustMenu ul li ul li a:hover { background: #2c3e50; }


.ustMenu ul li ul li a { color: #fff; }

/* Display the dropdown */


.ustMenu li:hover > ul {
  display: block;
  position: absolute;
}

.ustMenu li:hover li { float: none; }

.ustMenu li:hover ul { background-color:#1e1e1e; }

.ustMenu li:hover li a:hover { background: #000; }

.ustMenu .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


.ustMenu ul ul ul {
  left: 100%;
  top: 0;
}

.logo{height:auto;overflow:hidden;margin-top:-40px;
     
}
.logo a{padding-bottom:0px!important;}




#icerik{width:100%;max-width:1200px;position:relative;margin:0 auto;margin-top:50px;color:#fff;font-size:14px;}
#icerik .sol{width:30%;float:left;background:url(../images/menu_bg.png);min-height:200px;padding:20px;height:auto;overflow:hidden;}
#icerik .sag h1{font-size:20px;color:#f8bb0b;}
#icerik .sag{width:67%;float:right;background:url(../images/menu_bg.png);min-height:200px;padding:20px;height:auto;overflow:hidden;}







.sliding-middle-out {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}

.sliding-middle-out:before {
	content: '';
	display: block;
	margin: auto;
	height: 5px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:after {
	content: '';
	display: block;
	margin: auto;
	height: 5px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
	width: 100%;
	background: #e30045;
}

.sliding-middle-out:hover:before {
	width: 100%;
	background: #e30045;
}



.sagUstMenu {
position:fixed;top:0;right:0;background-color:#fff;width:50px;height:50px;}
.iletisimSol,.iletisimSag  {float:left;height:auto;overflow:hidden;}

.iletisim {text-align:left;}
.iletisim h1{text-align:center;}

a.buttoniltsm1:link, .buttoniltsm1:visited {
    background: #32373e;
    border: none;
    padding: 5px 40px 5px 40px;
    color: #b2b8be;
    margin-bottom: 35px;
    line-height: 27px;text-decoration:none;
}

a.buttoniltsm1:hover{
    background: #000;
    border: none;
    padding: 5px 40px 5px 40px;
    color: #b2b8be;
    margin-bottom: 35px;
    line-height: 27px;text-decoration:none;
}
input[type="text"]{
    border: none;
    color: #7f8181;
   width:100%;
    margin-bottom: 6px;
    padding:10px 20px;
    width: width:100%;
    background: #fff;
    border:solid 1px #cfd0d0;font-size:16px;font-weight:normal;
   box-sizing: border-box;
}

textarea{
    border: none;
    color: #7f8181;
   width:100%;
    margin-bottom: 6px;
    padding:10px 20px;
    width: width:100%;
    background: #fff;
    border:solid 1px #cfd0d0;font-size:16px;font-weight:normal;
   box-sizing: border-box;height:80px;
}
muttiLie{
    border: none;
    color: #7f8181;
   
    margin-bottom: 6px;
    padding:10px 20px;
    width: 450px;
    background: #fff;
    border:solid 1px #cfd0d0;font-size:16px;font-weight:normal;
   }


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;z-index:50;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:8000;
               }
               
               
ul.bjqs-controls.v-centered li a{position:absolute;top:50%; }
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;
                                           z-index:9999;
                                             background-image:url(../images/btn_next.png);
                                           background-position:center center;
                                           background-repeat:no-repeat;
                                           width:32px;height:58px; margin-top:5%;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;
                                           background-image:url(../images/btn_prev.png);
                                           background-position:center center;
                                           background-repeat:no-repeat;
                                           width:32px;height:58px;
                                           margin-top:5%;
                                           z-index:9999;
                                           }
ol.bjqs-markers{list-style: none; 
                background-color:#fff;
                padding:10px 5px 0px 5px;
                z-index:9999;
         
                }
ol.bjqs-markers.h-centered{text-align: center;padding-bottom:0px;margin-bottom:0px;}
ol.bjqs-markers li{display:inline;z-index:9000;margin-top:-30px;}
ol.bjqs-markers li a{display:inline-block;z-index:9000;
                     }
p.bjqs-caption{display:block;width:50%;margin:0;padding:1%;position:absolute;top:40%;font-size:18px;
               line-height:18px;
               left:25%;
               color:#fff;text-align:center;}
               
#banner-fade               {width:100%!important;}


#banner-fade,
#banner-slide{
	
}

ul.bjqs-controls.v-centered li a{
	display:block;

	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{

	color:#fff;
}

.bjqs-markers{z-index:10000;
              position:absolute;
            
              left:50%;right:50%;
              width:150px;
              bottom:0px;
              
   
              }


ol.bjqs-markers li a{
	padding:0px 6px;
	background:#bababa;
	line-height:16px;
	color:#bababa;
	
	margin:5px;
	
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #e30045;
	color: #e30045;
	
}

p.bjqs-caption{
	background: rgba(227,0,69,0.8);
	text-align:center;
}

/*footer*/

.l1b1, .l1b2, .l1b3, .l1b4, .l1b5{font-size:15px;line-height:1.2;font-family: 'blogger_sanslight';width:100%;}




 #footer .col50 {
margin:5px 0;}
 #footer .col25 {
    padding: 20px;
    text-align: left;
}


 #footer ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
            float: left;
            z-index: 1000;
           margin-right:50px;text-align:left;
        }

 
 #footer h4
        {
           font-size:18px;}
        #footer li
        {
            margin: 0;
            position: relative;
            z-index: 1000;
        }
       #footer a
        {
            font-size: 12px;
            font-weight: 400;
            color: #efefef;
            display: block;
            font-weight: normal;
            text-decoration: none;
            text-align: left;
            text-decoration: none;
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
            -o-transition: all .25s ease;
            transition: all .25s ease;
            padding:1px 0;
        }

       #footer a:hover{color: #fff;}


       #footer
        {
            position: relative;
            padding: 0;
            background-image:url(../images/footer1L2.png);
            background-repeat:no-repeat;
            background-position:center top;
            background-color: #660032;
            color: #fff;
            height: auto;
            overflow: hidden;
            width:100%;padding-top:40px;
        }

        a.btng:link, a.btng:visited 
        {
        background-color:#b2001c;color:#fff;
        padding-left:10px!important;
        padding-right:10px!important;
        padding-top:5px!important;
        padding-bottom:5px!important;
        font-weight:normal;float:left;text-decoration:none;}
        
           a.btng:hover
        {
        background-color:#8e0117;}


           a.btngtumu:link, a.btngtumu:visited 
        {
        background-color:#b2001c;color:#fff;
        padding-left:10px!important;
        padding-right:10px!important;
        padding-top:5px!important;
        padding-bottom:5px!important;
        font-weight:normal;position:relative;margin:0 auto; text-decoration:none;}
        
           a.btngtumu:hover
        {
        background-color:#8e0117;}


           #footer .icerik
        {
            text-align: left;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 10px;
            height: auto;
            overflow: hidden;
            color: #fff;
            font-size: 12px;line-height:1.2;
        }
        #footer .icerik .baslik
        {
            position: relative;
            margin: 0 auto;
            font-size: 14px;
            color: #fff;
            margin-bottom: 2px;
        }
         #footer .icerik .sol
        {
        
            float: left;}
        
        #footer .icerik .sol .row{width:100%;float: left;margin-bottom:5px;}  
        #footer .icn{width:30px; height:20px; float: left;
                                 background-repeat:no-repeat;background-position:top center;margin-top:5px;
           
                                  }
        .icn_foot_1{background-image:url(../images/icn_foot_1.png);}
        .icn_foot_2{background-image:url(../images/icn_foot_2.png);}
        .icn_foot_fax{background-image:url(../images/faxicon.png);}
        .icn_foot_3{background-image:url(../images/icn_foot_3.png);}
             #footer  .baslik{color:#fff;font-weight:500;font-size:16px;margin-left:30px;text-align:left;margin-top:5px;
                                  } 
              #footer .bilgi{color:#fff;font-weight:300;font-size:12px;margin-left:30px;text-align:left;
                                  }  
              
              
               #footer .icerik  input[type="text"], #footer .icerik textarea
        {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
           background:transparent;
           width:100%;
           padding:7px 5px;color:#fff;
           font-size:14px;
           
           
            width: 90%;
          
            border: solid 1px #fff;
            
            font-weight: normal;
            box-sizing: border-box;
           }        

/*galeri*/

#rigResim {
	width:100%;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;margin-top:30px;
}
#rigResim li {
	display:inline-block;
	*display:inline;/*for IE6 - IE7*/
	width:25%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

/* The wrapper for each item */
.rigResim-cell {
	
	border:none;
	color:#555;
	background-color:white;
	text-decoration:none;
	text-align:center;
	display:block;
	position: relative;
	overflow:hidden;
    border: solid 1px #cb9a5d;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;margin:1%;
}

.rigResim-cell h3 {
	font-size:18px;
	font-family:'Oswald', sans-serif;
	font-weight:normal;
}

/* If have the image layer */
.rigResim-img {
	display:block;
	border:none;
	width:100%;
	height:0;
    padding-top:83.461538%;
    background-size:cover;
	background-color:#cb9a5d;
	background-image:url(../images/web-ui.jpg);
    background-repeat:no-repeat;
	position:relative; /* Make its pseudo :after to be relative to it. */
}
.rigResim-img:after{
	position:absolute;
	top:20px;right:20px;bottom:20px;left:20px;
	border:1px solid #cb9a5d;
	content:'+';
	color:white;
	padding-top:14%;
	font-size:30px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.3s;
	transform:scale(0);
}

#rigResim li:hover .rigResim-img:after {
	opacity:1;
	transform:scale(1);
}

/* If have the overlay layer */
.rigResim-overlay {
	position: absolute;
	display:block;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	background:white;
	background-size:50px 50px;
	opacity:0;
	filter:alpha(opacity=0);/*For older IE*/
	transition:all 0.3s;
}
#rigResim li:hover .rigResim-overlay {
	opacity:0.5;text-decoration:none;
}

@media (max-width: 9000px) {
	#rigResim li {width:25%;}
}

@media (max-width: 800px) {
	#rigResim li {width:33.33%;}
}

@media (max-width: 500px) {
	#rigResim li {width:50%;}
}

@media (max-width: 350px) {
	#rigResim li {width:100%;}
}




        /*slider*/

        .cb-slideshow{
-webkit-padding-start: 0px;
-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;}

        .cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 

}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1;
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 1; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}

.cb-slideshow li:nth-child(1) div { 
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
}

.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}


/*resonsiver*/

@media only screen and (min-width: 950px) {
    .block_2 {display:block;}
    .block_3 {display:block;}
    .block_4 {display:block;}
    .block_5 {display:block;}
    .block_6 {display:block;}
    .monMenubar-toggle {display:none;}
    .anaGuncelKapsayici {width: 48%;}
     
		}
@media only screen and (max-width:949px) {
		
    .block_2 {display:none;}
    .block_3 {display:none;}
    .block_4 {display:none;}
    .block_5 {display:none;}
    .block_6 {display:none;}
    .block_1 img{width:300px;}
    .monMenubar-toggle {display:block;}
    .anaGuncelKapsayici {width: 98%;}

}
h4 {
    -webkit-margin-before: 0em;
    -webkit-margin-after:0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
}
.anaSlideL1 {
font-size:55px;position:absolute;top:50%;padding:0 100px;font-weight:bold}

.anaSlideL1 span{width:100%;max-width:1000px; }


.anaAltEvrak {min-height:80px; padding-left:90px;background-repeat:no-repeat;background-position:left center;font-size:16px;color:#7f8181;font-weight:300;text-align:left;}
.anaAltEvrak h4{font-size:20px;color:#000;padding:3px 0;}
.anaAltEvrak a:link,.anaAltEvrak a:visited {font-size:16px;color:#7f8181;text-decoration:underline;}

.anaAltEvrak1 {background-image:url(../images/ana_alt_icn_1.jpg);}
.anaAltEvrak2 {background-image:url(../images/ana_alt_icn_2.jpg);}
.anaAltEvrak3 {background-image:url(../images/ana_alt_icn_3.jpg);}


/*vert menü*/

.vertmenu {
    float: left;
    font-size: 100%;
    padding: 0px 0 0 0;
    margin: 0px;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;width:100%;width:25%;
}
.vertmenu h2{text-align:left;color:#b2001c;padding-left:5px;}

  .vertmenu ul li a.aktif:link {
   
    background-image: url(../images/arrow-right.png);
    background-position: left 3px center;
    background-repeat: no-repeat;

}
.vertmenu ul
        {
            list-style: none;
            margin: 0px;
            padding: 0px;
            border: none;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;width:100%;
        }
        .vertmenu ul li
        {
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;text-align:left;width:100%;
        }
        .vertmenu ul li a:link, .vertmenu ul li a:visited
        {
            font-size: 14px;
            display: block;
           
            padding: 5px 15px;
            text-decoration: none;
            color:  #999999;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 100%;
            background-position:left 15px center;
          background-repeat:no-repeat;font-weight:300;
           border-bottom:solid 1px #eaeaea;
           padding-left:5px;
        }
        .vertmenu ul li a:hover, .vertmenu ul li a:focus
        {
           
            background-color:#f0f0f0;color:#000;            
        }




        /*resonsive*/

@media only screen and (min-width: 1001px) {
      /*common*/
      .ustMenu{display:block;}
    .drawer-container {display:none;}
    .bannerlogoKapsayici {display:none;}
    .vertmenu {display:block;}

.col100 {float:left;width:100%;}
.col50 {float:left;width:50%;}
.col33 {float:left;width:33%;}
.col25 {float:left;width:25%;}
.col20 {float:left;width:20%;}
.col10 {float:left;width:10%;}
.col67 {float:left;width:67%;}
.col75 {float:left;width:75%;}




		}
@media only screen and (max-width:1000px) {
   .drawer-container {display:block;}
    .bannerlogoKapsayici {display:block;}
    .vertmenu {display:none;}
    .ustMenu{display:none;}
 .drawer-hamburger{display:block;} 
  
.col100 {float:left;width:100%;}
.col50 {float:left;width:100%;}
.col33 {float:left;width:100%;}
.col25 {float:left;width:50%;}
.col20 {float:left;width:50%;}
.col10 {float:left;width:50%;}
.col67 {float:left;width:100%;}
.col75 {float:left;width:100%;}
}

td p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
table tr td {padding:2px; border:solid 1px #cfd0d0;}