@charset "utf-8";

/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
body { color:#4a4c4d; font-size:13px; font-family: 'Ubuntu', sans-serif; }

.header { width: 100%; position: absolute; top:0px; left: 0; z-index: 999;  }
.header .tuncay-gokdemir-insaat { float:left; position:relative; z-index:1; }
.header .navigation { float:right; margin-top:56px; position:relative; z-index:2; }
.header .navigation .nav-ikon { float:right; margin-left:25px; }
.header .navigation > ul { float:right;  }
.header .navigation li { display:inline-block; margin:0px 8px; }
.header .navigation a { color: #0d1423; font-size:16px; }
/*.header .navigation a:hover { color: #03a9e0; }
.header .navigation li.active a { color: #03a9e0; }*/
#fh5co-main {  }
#fh5co-offcanvas { text-align:center; color:#ffffff; }
.contact-link { margin-top:-120px; position:fixed; right:0px; top:50%; z-index:2; }
.social-medias { float:right; margin-bottom:0px; position:relative; z-index:2; }
.social-medias > li { width:30px; height:30px; display:inline-block; margin:0px 4px; border-radius:15px; border:1px solid #ffffff; }
.social-medias > li > a { display:block; overflow:hidden; color:#ffffff; font-size:14px; line-height:30px; }

.slides > li > a { display:block; overflow:hidden; clear:both; }

.hizli-erisim { padding:20px 0px; text-align:center; color:#ffffff; font-size:15px; /*border-top:4px solid #093d63; border-bottom:4px solid #093d63;*/ background-color:#07314f; }
.hizli-erisim .address { float:left; margin-right:70px; margin-bottom:0px; }
.hizli-erisim .address > img { float:left; margin-right:15px; }
.hizli-erisim .address > span { display:inline-block; padding-top:8px; }
.hizli-erisim .phone { float:left; margin-bottom:0px; }
.hizli-erisim .phone > img { float:left; margin-right:15px; }
.hizli-erisim .phone > span { display:inline-block; padding-top:8px; }

.contact-form button, .form-contact button { min-height:40px; margin-bottom:0px; margin-right:0px; padding:10px 30px; color:#ffffff; font-size:14px; font-weight:bold; letter-spacing:0px; border-radius:0px; background-color:#01c0ff; }
.contact-form button:hover, .form-contact button:hover { color:#ffffff; }

.footer { background-color:#646568; }
.footer .container { padding-top:35px; padding-bottom:40px; }
.footer .tuncay-gokdemir-insaat { display:inline-block; }
.footer .vahsi-bati { display:inline-block; }
.footer ul { display:inline-block; margin-top:20px; margin-left:44px; margin-right:44px; vertical-align:top; }
.footer ul > li { margin-bottom:2px; }
.footer ul > li:first-child { margin-bottom:10px; }
.footer ul > li > a { color:#ffffff; font-size:13px; }
.footer ul > li > a > strong { color:#ffffff; font-size:16px; }
.footer ul > li > a:hover { color:#ffffff; }

.content-header { overflow:hidden; clear:both; margin-bottom:50px; background-image:url(/images/content-header.jpg); background-repeat:no-repeat; background-position:center center; }
.content-header .container { height:340px; display: table; }
.content-header .container > div { display: table-cell; vertical-align: middle; text-align: center }
.content-header h1 { margin-top:100px; margin-bottom:8px; color:#07314f; font-size:27px; }
.breadcrumb { margin:0px; padding:0px; text-align:center; font-size:14px; border:none; background-color:transparent; }
.breadcrumb > li + li::before { color:#7c7f81; content:"-"; }
.breadcrumb > .active { color:#07314f; }

.content-image { width:218px; float:left; margin:0px 0px 40px 0px; }
.content-area {  }

.content-text { text-align:justify; padding-bottom:30px; }
.content-text p { margin-bottom:25px; }

.news-list { overflow:hidden; margin-bottom:36px; font-size:14px; }
.content-text .news-list { margin-bottom:0px; }
.news-list > li { overflow:hidden; margin-bottom:30px; vertical-align:top; }
.news-list > li > strong { display:inline-block; margin-top:10px; color:#0d1424; }
.news-list > li > p { margin-top:10px; margin-bottom:20px; color:#4a4c4d; font-size:13px; }
.news-list > li > a { color:#0d1424; font-size:14px; font-weight:600; }

.form-contact {  }
.form-contact label {  }
.form-contact .form-group {  }
.form-contact .form-control { border:1px solid #dbdfe1; border-radius:0px; }

.images-gellery {  }
.images-gellery > ul > li { display:inline-block; margin-left:7px; margin-right:7px; margin-bottom:30px; }

.project-category { margin-top:0px; margin-bottom:40px; color:#07314f; font-size:18px; background-image:url(/images/category-bg.png); background-repeat:no-repeat; background-position:center right; }
.project-category > span { padding-right:40px; background-color:#ffffff; }
.project-area { padding-bottom:20px; }
.project-list { margin-bottom:20px; }
.project-list > li { margin-bottom:50px; }
.project-list > li img { margin-bottom:20px; border:1px solid #e2e4e6; }
.project-list > li > a { display:block; color:#0d1525; font-size:16px; }
.project-gallery > li > a { width:100%; text-align:center; color:#ffffff; font-size:40px; position:absolute; top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 12;
  background: rgba(13, 20, 36, 0.7);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.project-gallery > li:hover > a { opacity: 1; }
.project-gallery > li > a span { width:100%; height:100%; display:table; text-align:center; }
.project-gallery > li > a i { display:table-cell; vertical-align:middle; }

.project-banner { margin-bottom:40px; position:relative; }
.project-banner > i { color:#222222; font-size:48px; position:absolute; left:48%; bottom:48px; z-index:2; cursor:pointer; }
.project-content { padding-bottom:40px; }
.project-content > h1 { margin-top:0px; margin-bottom:8px; color:#07314f; font-size:27px; }
.project-gallery { margin-top:35px; }
.project-gallery > li { margin-bottom:40px; border:1px solid #d8dbdc; }

.project-detail { margin-top:40px; margin-bottom:30px; text-align:justify; }
.project-detail > h2 { margin-top:0px; margin-bottom:0px; padding:16px 30px; color:#0f9bc9; font-size:18px; background-color:#07314f; }
.project-detail > h2 > span { color:#ffffff; }
.project-text { padding:28px 28px 10px 28px; text-align:justify; border:1px solid #d8dbdc; border-top:none; }
.project-text p { margin-bottom:25px; }
.project-maps { min-height:380px; margin-bottom:30px; }
.project-maps iframe { border:1px solid #d8dbdc; }

.padding-top-0 { padding-top:0px; }
.padding-right-0 { padding-right:0px; }
.padding-bottom-0 { padding-bottom:0px; }
.padding-left-0 { padding-left:0px; }

.padding-top-10 { padding-top:10px; }
.padding-right-10 { padding-right:10px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-left-10 { padding-left:10px; }

.padding-top-50 { padding-top:50px; }
.padding-right-50 { padding-right:50px; }
.padding-bottom-50 { padding-bottom:50px; }
.padding-left-50 { padding-left:50px; }

.margin-top-0 { margin-top:0px; }
.margin-right-0 { margin-right:0px; }
.margin-bottom-0 { margin-bottom:0px; }
.margin-left-0 {margin-left:0px;  }

.margin-top-5 { margin-top:5px; }
.margin-right-5 { margin-right:5px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-left-5 {margin-left:5px;  }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px;  }

.margin-top-15 { margin-top:15px; }
.margin-right-15 { margin-right:15px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-left-15 {margin-left:15px;  }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-25 { margin-top:25px; }
.margin-right-25 { margin-right:25px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-left-25 {margin-left:25px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-35 { margin-top:35px; }
.margin-right-35 { margin-right:35px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-left-35 {margin-left:35px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }

.bg-white { background-color:#ffffff !important; }
.renk-1 { color:#30a0be; }
.renk-2 { color:#a6bf01; }
.full-width { width:100% !important; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none { outline:none!important; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.img-border { border:1px solid #e2e4e6; }
.font-light { font-weight:300; }
.font-medium { font-weight:500; }
.font-bold { font-weight:600; }
.height-0 {  height:0px;}

a { text-decoration:none !important; outline:none !important; }
@media (min-width:1200px ) {
	.project-list > li:nth-child(2n+2), .project-gallery > li:nth-child(2n+2) { margin-left:50px; }
	#fh5co-offcanvas { display:none; }
}
@media (max-width:1200px ) {
    .hizli-erisim .address, .hizli-erisim .phone { float:none; margin:0px; margin-bottom:10px; }
    .hizli-erisim .phone { margin-bottom:10px; font-size:21px; }
    .hizli-erisim .address > img, .hizli-erisim .phone > img { display:none; }
    .hizli-erisim .address > span, .hizli-erisim .phone > span { padding:0px; }
    .social-medias { float:none; margin-top:10px; }
}
@media (min-width:992px ) and (max-width:1200px ) {
    /*body { background-color:red; }*/
    #fh5co-offcanvas { display:none; }
}
@media (max-width: 992px) {
    .footer ul { margin-left:20px; margin-right:20px; }
    .footer ul:nth-child(2) { margin-left:140px !important; }
    .flex-control-nav { bottom:25px; }
}
@media (min-width:768px ) and (max-width:992px ) {
    /*body { background-color:green; }*/
}
@media (max-width: 768px) {
    body { background-color:#07314f; }
    .bg-pages { color:#ffffff; background-color:#4a6377; }
	/*body { background-color:yellow; }*/    
    .header .container { text-align:center; } 
    .header .tuncay-gokdemir-insaat { float:none; } 
    .header .navigation, .project-banner > i { display:none; } 
    .footer { padding-bottom:40px; background-color:#07314f; } 
    .footer .container { padding-top:0px; padding-bottom:0px; } 
    .footer .tuncay-gokdemir-insaat, .footer .vahsi-bati { display:none; }     
    .footer ul { display:block; clear:both; margin:0px; margin-bottom:8px; padding-top:8px; text-align:center; }        
    .footer ul:nth-child(2) { margin-left:0px !important; margin-top:30px; }
    .footer ul > li:first-child { margin-bottom:2px; }
    .footer ul > li > a { color:#ffffff; }
    .content-image, .content-area { width:auto; float:none; }
    .content-header h1, .project-content > h1 { font-size:22px; }
    .project-detail > h2 { font-size:16px; }
    .flex-control-nav { display:none; }
    .contact-link { width:32px; }
    .hizli-erisim { padding-bottom:0px; font-size:12px; }
}
@media (max-width:550px) {
    /*body { background-color:blue; }*/    
    .footer ul { border-top:1px solid #334b5d; }
    .footer ul:first-child { border-top:0px; }
    .project-category { text-align:center; background-image:none; }
    .project-category > span { padding:0px; }       
}