html {color: #222;font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
a{ text-decoration: none; color: #222; }
.OzelTablo{ border:1px dashed #CCC; width:100%;}
.OzelTablo thead tr td{ padding:10px; background-color: #d0d0d0;font-size: 17px; }
.OzelTablo tbody tr td{ padding:10px; background:rgba(255, 255, 255, 0.55); font-size: 16px;}
.OzelTablo tbody tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15);}
/* ==========================================================================
Author's custom styles
========================================================================== */
.slywrap{width: 100%; z-index: 1;position: relative;margin-top:-145px; float: left;}
.headwrap{width: 100%; background: rgba(255, 255, 255, 0.85); position: relative; z-index: 2; border-top:#104171 2px solid;}
.header{ width: 100%; padding: 5px 0; border-bottom: 1px solid #cdcdcd; }
.tel{ display: inline-block; background-image: url("../img/tel.png"); background-repeat: no-repeat;  background-position: left; padding-left: 30px; line-height: 24px; float: right; }
body{font-family: 'Open Sans', sans-serif;}
header{padding: 12px 0; }

    header .logo{ float: left; outline: none; }
    header nav{ float: right; height: 69px; transition: all 0.2s ease-in-out;margin-top:20px;}
    header nav ol{ list-style: none; margin: 0; padding: 0;}  
    header nav ol li{ float:left; position:relative;} 
    header nav ol li a{ line-height: 69px; display: block; margin: 0 8px; font-weight: bold; color: #104171;font-size: 13px;}
    header nav ol ol li:hover > a,
    header nav ol ol li a:hover{ color:#fff;}
    header nav ol ol{ display:none;opacity:0; z-index: 10; position:absolute;  background:#3d3d3d; margin:0; padding: 0;
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}  
    header nav ol li > ol:first-chlid{ top:30px;}
    header nav ol ol li{min-width:100px;width: 100%;}
    header nav ol ol li a{font-weight: 400;color: #bebebe; white-space:nowrap;line-height:40px; padding: 0 10px;}
    header nav ol ol ol{ right:99%; top:3px;}
    header nav ol :hover > ol{ opacity:1; display:block;}
    header nav ol ol li:hover,
    header nav ol ol li a:hover{ background:#222; color:#fff;} 

    @media (min-width: 1200px) {
        header nav ol li{ background-image: url("../img/seperator.png"); background-position: right; background-repeat: no-repeat; padding-right: 22px; }
        header nav ol li li,
        header nav ol li:last-child{ background-image: none; padding-right: 0; }
    } 
.tepe{border-top: 2px solid #002c54; }
#slayt{ width: 100%; margin: 0 auto; border-top:3px solid #2f2f2f; }
#slayt .owl-dots{position: absolute;z-index: 1;bottom: 0;width: 100%;padding: 55px 0;}
#slayt .owl-dots .owl-dot span{ width: 12px; height: 12px; background-color: transparent; border: 2px solid #002c62; }
#slayt .owl-dots .owl-dot.active span{ background-color: #002c62; border-color:#002c62;  }
#slayt span.yazi{     display: block;
    position: absolute;
    bottom: 13%;
    right: 7%;
    color: #fff;
    font-size: 32px;
    background: #002c62c2;
    padding: 10px; }
#slayt span.yazi h2{ width: 250%; background-color: rgba(255,255,255,0.7); padding: 7px 15px; margin:0; display: block; font-size: 30px;color:#ef741f;} 
#slayt span.yazi strong{ width:250%;background-color: rgba(0, 44, 98, 0.6); padding: 7px 15px; margin:0; display: inline-block; color: #fff; } 

.menuAc{ display: none; color: #002c54;border: 1px solid #002c54;padding: 0 10px;float: right;margin-top: 10px; cursor: pointer;}
.menuAc:hover{ color: #002c54; border-color: #002c54; }
.menu_title{  border-bottom: 1px solid #f3f3f3; display: none; }
.menu_title i{ display: inline-block; padding: 10px; cursor: pointer;}




.BoxKutu{ background-color: white; width: 23%; display: inline-block; vertical-align: top; border:0px solid #271b1b;position: relative;z-index: 2;margin-top: -20px;height: 300px;margin-right: 15px;}
.BoxKutu h3{ text-align: left; }
.BoxKutu h4{ color:#002c62; margin-top:10px;margin-left:15px; text-align: left;margin-bottom:5px; }
.BoxKutu p{font-size: 12px; text-align: justify; padding:5px; margin-top:0px;}

.BoxKutu:first-child{ padding-right: 0%; }
.BoxKutu:last-child{ padding-left: 0%; }

.altkutular{text-align: center;}
.altkutular .altkutu{ display: inline-block; vertical-align: top; width: 21%; margin: 0 2%; text-align: left; }
.altkutu h5{ margin: 0 0 15px 0; color: #fff; font-size: 20px; }
 

.altkutu .tel{ float:inherit; color: #fff; font-size: 24px; margin-bottom: 15px; }
.altkutu .mail{ font-size: 18px; display: inline-block; color: #fff; background-image: url("../img/mail.png"); background-repeat: no-repeat;  background-position: left; padding-left: 30px; line-height: 24px;  }
.altkutu ul li a{ color: #fff;}

.sol_galeri{ width: 40%; float: left; padding-top: 1em;}
.sag_bolum{ width: 58%; margin-left: 2%; float: left; }

.sag_bolum ul{ padding: 0; margin: 0; list-style: none; }
.sag_bolum ul li{ border-bottom: 1px dotted #ccc; padding: 5px 0; }
.sag_bolum ul li strong{ display: inline-block; width: 140px; } 
.sag_bolum p,
.sag_bolum ul li{ line-height: 160%; } 


.FotoGaleri{ margin: 0 0 15px 0; padding: 0; list-style: none; text-align: left;}
.FotoGaleri li{ display: inline-block; width: 31.3%; margin:0.5% 1%; vertical-align: top; }
.FotoGaleri li a {display:block; width: 100%;}
.FotoGaleri li a div{display: inline-block; background-size: cover;background-position: center center; background-repeat: no-repeat;width: 100%; height: 100px;  }
.FotoGaleri li a div img{ display: none; }
.FotoGaleri li a strong{display: none;}

.FotoGaleri li:first-child{ width: 98%; margin-bottom: 1.7%; }
.FotoGaleri li:first-child a div{ height: 250px; }
.FotoGaleri li:first-child a strong{ display: block; border: 1px solid #f3f3f3; border-bottom: 0; padding: 10px; text-align: left; font-size: 25px;}


.FotoGaleri2 li:first-child{ width: 31.3%; margin:0.5% 1%;  }
.FotoGaleri2 li:first-child a div{ height: 100px; }
.FotoGaleri2 li:first-child a strong{ display: none;}

.baslik{ border-bottom: 1px solid #d9d9d9; }


footer{ padding: 30px 0; background-color: #002c54; background-image: url("../img/footer.png"); background-repeat: no-repeat; background-position: center center;}
footer p{ float: left; margin: 0 0 10px 0; color: #fff; }
.poweredBy{ float: right; }
.owl-theme{ display: none; } 
.varsayilan{ width: 100%; margin:0 0 0px auto; height: 150px; background-position: center center; background-image: url("../img/default.jpg"); background-size: cover;}
.varsayilan .container{ position: relative;height: 150px; }
.varsayilan h1{ margin:0 0 0px 0; color: #fff; position: absolute; left: 0; bottom: 0; font-size: 30px; text-shadow: 0px 0px 20px #000;} 

#haberler img,
#projeler img{ width: 220px; float: left; margin-right: 15px;}
#haberler h4,
#projeler h4{ margin:0; padding: 0; }


/* ==========================================================================
Helper classes
========================================================================== */
.hidden {display: none !important;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.container{ width: 1200px; margin: 0 auto;}
@media print {
    *,*:before,*:after,*:first-letter,*:first-line {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after,a[href^="javascript:"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
}

@media only screen and (max-width: 1200px) {
    .container{ width: 98%; margin:0 1%; }
    .menu_title{ display: block; }
    .menuAc{ display: inline-block; }
    .menu{ z-index: 2; position: fixed; right: -302px; top: 0px; width: 300px; height:100%; background-color: #fff; overflow: auto;}
    .menu ol{ margin: 0; padding: 0;}
    .menu ol li a{ line-height: 140%; padding: 5px 0; }
    .menu ol li{ display: block; float: inherit; height:inherit; line-height:inherit; }
    .menu ol ol{ display: none; position: relative; opacity: 1; background-color: white;-webkit-box-shadow:none; box-shadow: none; }
    .menu ol ol li a{ color: #065196; }
    .menu ol ol ol{ right: 0; position: relative; top: 0; left: 0; }
    .menu ol ol li{ margin-left: 5px; } 
    .menu ol ol ol li{ font-style: italic; }

    header nav ol li:nth-child(3) ol{min-width: 200px; left:inherit;}
    header nav ol li:nth-child(3) ol li{width: 100%;}

}


@media (max-width: 1000px) {
    .BoxKutu{ padding: 0!important; width: 100%; border:none; background-color: none; margin:5px; z-index: 1;}
    #ortaklar{ padding: 0; border: 0; height: inherit; background-color: transparent; }
    .BeyazKutu{ height: inherit; }
    .slywrap {margin-top:0px;}
    #slayt span.yazi h2{ font-size: 30px; }
    .altkutular .altkutu{ width: 29%; }
    .alt_menu{ display: none!important; }
    .altkutu .tel { font-size: 20px;}
}


@media only screen and (max-width: 600px) { 
    .owl-controls{ display: none; }
    #slayt span.yazi{ position: relative; left: inherit; bottom: inherit; text-align: center; display: none;}
    #slayt span.yazi h2{ font-size: 15px; width: 48%; display: inline-block; color: rgb(39, 27, 27, 0.9);  padding: 7px 2% 7px 0;text-align: right; border-bottom: 1px solid rgb(39, 27, 27);}
    #slayt span.yazi strong{font-size: 15px; width: 48%; text-align: left; padding: 7px 0 7px 2%;border-bottom: 1px solid rgb(39, 27, 27, 0.9); background-color: rgb(39, 27, 27, 0.9);} 

    
    .altkutular .altkutu:first-child{ width: 90%;margin-bottom: 25px; text-align: right;}
    .altkutular .altkutu{ width: 45%; } 

    #haberler img,
    #projeler img{ width: 150px; float: left; margin-right: 15px;}
    #haberler p,
    #projeler p{ margin:0; padding: 0; font-size: 13px;}

    .varsayilan h1{ font-size: 35px; margin: 0 0 -10px 0; text-align: center;}
    .varsayilan {border-bottom-width: 8px;}
    #Nerdeyim {float: inherit!important; text-align: center!important;}
    #Nerdeyim a{ color: #fff; }


    .sol_galeri{ width: 100%;}
    .sag_bolum{ width: 100%; margin-left: 0;}

}

@media (max-width: 450px) {
    .altkutular .altkutu{ width: inherit; margin-bottom: 25px;} 
    .sosyal{ width: 130px!important; float: left; }
    .altkutular .contactus{ float: right; width: 55%; }
    .sosyal p{ display:none; }
    .altkutu .tel{ float: left; }
    .BoxKutu:last-child{ margin-bottom: 20px; }
}

@media only screen and (max-width: 400px) {
    .logo img{ width: 215px; }
    .menuAc{ margin-top: 0; }
    .varsayilan h1 {font-size: 27px;margin: 0 0 -7px 0;}
    .varsayilan{border-bottom-width: 6px;}
}
@media only screen and (max-width: 320px) { 
    .altkutular .altkutu{ width: 90%!important; float: inherit!important; }
} 


#Nerdeyim{ display:block;  float:right;font-size:25px;font-weight:normal}
#Nerdeyim a{color:#fff; } 
#Nerdeyim a:hover{ text-decoration:underline;} 
.message{ padding:20px; text-align:center; margin:10px; font-weight:bold;}
#ok{ border:1px solid  #090; background:#9FC; color:#030;}
#error{ border:1px solid #900; background:#F96; color:#F00;}



/*kutu kalıpları*/
.boxes{ margin:0 auto; padding: 0; width:100%; text-align:center;}
.boxes .box4{ display:inline-block; width:23%; margin:0.5% 1%; vertical-align: top;}
.boxes .box3{ display:inline-block; width:31%; margin:0.5% 1%; vertical-align: top;}
.boxes .box2{ display:inline-block; width:48%; margin:0.5% 1%; vertical-align: top;}
.boxes .box1{ display:inline-block; width:98%; margin:0.5% 1%; vertical-align: top;}
.boxes h2{ margin: 0; } 
/*kutu kalıpları sonu*/

/*AltSayfa-1*/ 
#AltSayfa-1 li a{ display:block;transition: all 0.2s ease 0s; color:#333; overflow:hidden; text-align:left; padding:0 10px; line-height:35px;  border-left:1px solid #d9d9d9; background:none;} 
#AltSayfa-1 li a h2{ margin-bottom:0;}
#AltSayfa-1 li a:hover{ color:#278757;  border-left:7px solid #d9d9d9; background:#FFF;}
/*AltSayfa-1 sonu*/

/*AltSayfa-2*/
#AltSayfa-2 li{padding-bottom:15px;}
#AltSayfa-2 li a{ display:block;border:1px solid #d9d9d9; padding:5px; background-color:#fff;transition: all 0.2s ease 0s; color:#333; overflow:hidden; }
#AltSayfa-2 li a div{ width: 100%; height: 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#AltSayfa-2 li a img{ display: none; }
#AltSayfa-2 li a:hover{ background:#fff; color:orange;}
/*AltSayfa-2 sonu*/

/*AltSayfa-3*/
#AltSayfa-3 li{padding-bottom:15px;}
#AltSayfa-3 li a{ display:block;border:1px solid #d9d9d9;background-color:#fff;transition: all 0.2s ease 0s; color:#333; overflow:hidden; min-height: 375px;}
#AltSayfa-3 li a div{ width: 100%; height: 150px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#AltSayfa-3 li a img{ display: none; }
#AltSayfa-3 li a h2{ text-align:left; padding:30px 0; margin:0 20px;}
#AltSayfa-3 li a p{ font-size:13px; padding:20px; margin:0; text-align: left;}
#AltSayfa-3 li a:hover{ background:#fff; color:#278757;}
/*AltSayfa-3 sonu*/



/*AltSayfa-4*/ 
#AltSayfa-4 li a{ display:block;transition: all 0.2s ease 0s; color:#333;height:130px;  overflow:hidden; }
#AltSayfa-4 li a img{ float:left;} 
#AltSayfa-4 li a h2{ float:left;text-align:left; border-bottom:1px solid #CCC; padding:5px 0; margin:0 10px 10px 10px; width:80%;}
#AltSayfa-4 li a p{float:left;font-size:13px; padding:10px;}
#AltSayfa-4 li a:hover{ color:#278757;}
/*AltSayfa-4 sonu*/
 


/*AltSayfa-1*/
#AltSayfa-5 li a{ display:block;border:1px solid #ebebeb; padding:10px; height:200px; background-color:#fff;transition: all 0.2s ease 0s; color:#333; overflow:hidden;}
#AltSayfa-5 li a img{ padding:15px 0 0 0;}
#AltSayfa-5 li a h2{ background:url("../img/diag-pattern.html") bottom repeat-x; padding-bottom:10px; margin-bottom:6px;}
#AltSayfa-5 li a p{ text-align:center; font-size:12px;}
#AltSayfa-5 li a:hover{ border-color:#278757; color:#278757;}
/*AltSayfa-1 sonu*/







  

/*Galeri*/ 
.Galeri li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
.Galeri li a{ display:block; position:relative;border:1px solid #d9d9d9; background:#FFF; padding:5px 5px 2px 5px; color:#fff; overflow:hidden; }
.Galeri li a img{ padding-bottom:0; width:98%; margin:1%; -webkit-filter: grayscale(0);}
.Galeri li a:hover img{ -webkit-filter: grayscale(1);}
.Galeri li a h2{ display:block; opacity:0;position:absolute; left:0; top:0;background-image: url("../img/image-overlay-pattern.html");transition: all 0.2s linear; height:96%;  width:100%; height:100%;} 
.Galeri li a h2 span{ padding:20% 10% 0 10%; display:block;} 
.Galeri li:hover a h2{display:block; background-color:rgba(0, 0, 0, 0.5); opacity:1;}  
/*Galeri sonu*/


@media only screen and (max-width: 1199px) { 
    .boxes .box4{ width:31%;} 
}
@media only screen and (max-width: 767px) {      
    .boxes .box4,.boxes .box3{width:48%;}     
} 
@media only screen and (max-width: 479px) {
    .boxes, .boxes .box4, .boxes .box3, .boxes .box2{width:98%;}
}


/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #278757;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 5px;
  opacity: 0.6;
}

 @media (max-width: 1200px) {
    	.hktable tr td{display: block;text-align: center;width: 100%!important;}
    	.hktable td p {text-align: left;}
    	}
.hktable tr td{width: 49%;}