@import url('https://fonts.googleapis.com/css?family=Oswald');

body { font-family: 'Oswald', sans-serif; width: 100%; margin: 0 auto; background-image: url(../img/001.png); font-size: 1.5em;}
 
.header_back { width: 100%;  height: 165px; background-color: #fff;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18); position: relative; z-index: 999999;
}
 
.hd_top { border-bottom: 1px solid #999;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);
}

.hd_alan { float: right; margin-right: 3%;}

.hd_icon { float: left; border-left: 1px solid #003c70; padding: 9px; color: #333;}

.hd_icon_3 { float: left; border-left: 1px solid #003c70; padding: 9px; color: #fff; height: 46px;}

.hd_icon_2 { float: left; padding: 6px; border-left: 1px solid #003c70; height: 45px; line-height: 28px; color: #fff;}

.menu_link:hover { text-decoration: none;}

.logo_header { width: 100%; max-width: 200px; min-width: 120px; padding: 5px;  margin-top: 10px;}



.right_menu {  width: 100%; z-index: 999999; float: right; margin-top: 15px; margin-bottom: 15px; border-left: 12px solid #f18934; background-color: #0e3b72; display: none; }

.right_menu_text { color: #fff; font-size: 12px; margin-left: 5px; margin-top: 5px;}

.right_menu_img { margin-left: 15px;}


.frc_list { margin-top: 8px; padding: 5px; margin-bottom: 4px; text-align: right; z-index: 2;}                                                                     }

.btn-success:hover { color: #fff;}

.btn { color: #fff;}

.slogan { font-size: 1.8em; color: #999; margin-top: 8px; margin-bottom: 12px; font-style: italic; font-family: 'Oswald', sans-serif;}

.orta_menu { color: #fff; background-color: #60a847; padding: 15px;}

.orta_link { color: #fff; text-align: center; border: 1px solid #dadada; padding: 15px; text-decoration: none; }
.orta_link:hover { color: #dadada; text-decoration: none; background-color: #60a847;}

.fuar_alan { border-bottom: 1px dotted #dadada; border-top: 1px dotted #dadada; padding: 5px; margin-bottom: 8px;}

.incele_btn { margin-top: 20px; background-color: #dadada; border-radius: 5px; text-align: center; height: 50px; line-height: 45px;}
.incele_btn:hover { text-decoration: none; background-color: #003c70; color: #fff;}

.product_list_padding { padding: 5px;}

.tab-pane { padding: 10px;}

.product_title { margin-top: 10px; margin-bottom: 20px; color: #345ca4;}

.back { border-bottom: 1px dotted #999; margin-bottom: 10px; font-size: 16px;}
 
.proje_alan { padding: 5px; border: 1px dotted #999; margin: 3px; border-radius: 3px; background-color: #fff;}
.proje_alan:hover {background-color: #efefef;}

.proje_title { font-size: 1.7em; color: #003c70; margin-bottom: 7px; margin-top: 6px;}

.proje_konum { font-size: 1.1em; color: #003c70; margin-bottom: 7px;}

.proje_date { font-size: 1.2em; color: #003c70; margin-bottom: 7px;}

.proje_ic_detail { background-color: #fff; border-radius: 8px; border: 1px solid #dadada;}

.bilgi_alan { padding: 5px; margin: 3px; border-bottom: 1px dotted #999;}

/* akordiyon menu */

.accordion{width:70%; margin: 0 auto; margin-top: 30px; margin-bottom: 40px;}
.accordion-toggle {border-bottom: 1px solid #cccccc;cursor: pointer;margin: 0;padding: 10px 0;position: relative;}
.accordion-toggle.active:after{content:"";position:absolute;right:0;top:17px;width:0;height:0;border-bottom:5px solid #f00;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle:before{content:"";position:absolute;right:0;top:17px;width:0;height:0;border-top:5px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none;}
.accordion-toggle.active {color: #999;}

/* akordiyon menu end */


#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}


@media (max-width: 768px) {

.slogan { font-size: 1.6em; text-align: center;}

.frc_list { text-align: center;}

}

.menu_title { color: #23527c; padding: 8px; margin-left: 25px;}

/* navbar */

.navbar-default { background-color: #fff; border: none;  margin-top: 13px;}

.navbar .navbar-nav { display: inline-block; vertical-align: top; float: none;}

.navbar .navbar-collapse { text-align: center;}

.navbar .nav .active > a,

.navbar .nav .active > a:hover { background-color: #1d5e64; color: #fff; }



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { }


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
		margin-top: 13px;
        vertical-align: top; 
    }

    .navbar .navbar-collapse {
          text-align: center;
				
    }
	
	.navbar-default { background-color: #fff; border: none;  margin-top: 13px; border-bottom: 1px dotted #a5a5a5; border-top: 1px dotted #a5a5a5; padding-bottom: 10px; border-radius: 0px;}
	.navbar .nav a { border-right: 1px dotted #a5a5a5;}


.right_menu {  width: 100px; position: fixed; z-index: 999999; float: right; margin-top: 10px; border-left: 12px solid #f18934; background-color: #0e3b72; display: inline;  }

.right_menu_text { color: #fff; font-size: 12px; margin-left: 5px; margin-top: 5px;}

.right_menu_img { margin-left: 15px;}
	
	
}





.sidebar-nav {
    padding: 9px 0;  
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;  
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;  
}

.dropdown:hover .dropdown-menu {
    display: block; 
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0; 
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px; 
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px; 
}

/* navbar end */


/* multi colm */

	* {
		margin: 0;
		padding: 0;
		 
	}

	.content {
		width: 80%;
		margin: 50px auto;
		padding: 20px;
	}
	.content h1 {
		font-weight: 400;
		text-transform: uppercase;
		margin: 0;
		color: #fff;
	}
	.content h2 {
		font-weight: 400;
		text-transform: uppercase;
		color: #333;
		margin: 0 0 20px;
	}
	.content p {
		font-size: 1em;
		font-weight: 300;
		line-height: 1.5em;
		margin: 0 0 20px;
	}
	.content p:last-child {
		margin: 0;
	}
	.content a.button {
		display: inline-block;
		padding: 10px 20px;
		background: #ff0;
		color: #000;
		text-decoration: none;
	}
	.content a.button:hover {
		background: #000;
		color: #ff0;
	}
	.content.title {
		position: relative;
		background: #333;
	}
	.content.title h1 span.demo {
		display: inline-block;
		font-size: .5em;
		padding: 10px;
		background: #fff;
		color: #333;
		vertical-align: top;
	}
	.content.title .back-to-article {
		position: absolute;
		bottom: -20px;
		left: 20px;
	}
	.content.title .back-to-article a {
		padding: 10px 20px;
		background: #f60;
		color: #fff;
		text-decoration: none;
	}
	.content.title .back-to-article a:hover {
		background: #f90;
	}
	.content.title .back-to-article a i {
		margin-left: 5px;
	}
	.content.white {
		background: #fff;
		box-shadow: 0 0 10px #999;
	}
	.content.black {
		background: #000;
	}
	.content.black p {
		color: #999;
	}
	.content.black p a {
		color: #08c;
	}
	
	
	.dropdown-menu {
		min-width: 200px;
	}
	.dropdown-menu.columns-2 {
		min-width: 400px;
	}
	.dropdown-menu.columns-3 {
		min-width: 600px;
	}
	.dropdown-menu li a {
		padding: 5px 15px;
		font-weight: 300;
	}
	.multi-column-dropdown {
		list-style: none;
	}
	.multi-column-dropdown li a {
		display: block;
		clear: both;
		line-height: 1.428571429;
		color: #333;
		white-space: normal;
	}
	.multi-column-dropdown li a:hover {
		text-decoration: none;
		color: #262626;
		background-color: #f5f5f5;
	}
	
	@media (max-width: 767px) {
		.dropdown-menu.multi-column {
			min-width: 240px !important;
			overflow-x: hidden;
		}
	}
	
	@media (max-width: 480px) {
		.content {
			width: 90%;
			margin: 50px auto;
			padding: 10px;
		}
	}

/* multi colm end */




/* navbar header yapış */ 

   .affix {
      top:0;
      width: 100%; 
      z-index: 9999 !important;
  }
  .navbar {
      margin-bottom: 0px; 
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }
  #section1 { padding-top:50px; height:500px;color: #fff; background-color: #1E88E5;}
  #section2 { padding-top:50px; height:500px;color: #fff; background-color: #673ab7;}
  #section3 { padding-top:50px; height:500px;color: #fff; background-color: #ff9800;}
  #section41 { padding-top:50px; height:500px;color: #fff; background-color: #00bcd4;}
  #section42 { padding-top:50px; height:500px;color: #fff; background-color: #009688;}


/* navbar header yapış end*/   
  
 /* navbar logo img */ 
  
 .navbar-brand {
  padding: 0px; 
}
.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto; 
  
} 
  
/* navbar logo img end*/ 




.slider { margin-top: 13px; margin-bottom: 13px;}

.news_alan { border-top: 1px solid #a5a5a5; background-color: #f7f8f8; margin: 0 auto; margin-bottom: 20px; width: 95%; }

.logo_news { width: 100%; height: auto; max-width: 250px; margin-top: 15px; margin-bottom: 12px;}

.news_date {  font-family: 'Oswald', sans-serif; font-size: 2.0em; color: #1d5e64; margin: 5px 0px 6px 0px;}

.news_date_detail {font-family: 'Oswald', sans-serif; font-size: 1.2em; color: #999;}

.news_border { border-right: 1px solid #a5a5a5; margin-top: 5px;}

.img-fluid { height: auto; margin-top: 15px; margin-bottom: 25px;}

.serv { background-color: #f7f8f8;}

.orta_alan { max-width: 85%; margin: 0 auto; border-top: 1px solid #a5a5a5; margin-bottom: 20px;}

.cubuk { border-right: 1px solid #a5a5a5; margin-top: 10px;}

@media (max-width: 768px) {

.cubuk { border-right: 0px solid #a5a5a5; }

.news_border { border-right: 0px solid #a5a5a5; margin-top: 5px;}

}
.cubuk_left { border-right: 0px solid #a5a5a5;  margin-top: 10px; }

.cubuk_ic { padding: 3px;}

.orta_text { font-family: 'Oswald', sans-serif; font-size: 1.2em; color: #222;}

.orta_text_detail { font-family: 'Oswald', sans-serif; font-size: 1.0em; color: #d0d0d0;}



.social_cont { margin-top: 12px; float: right;}


 




.home_backgraund { background-color: #f2f2f2; margin-top: -20px; padding: 8px;}

.container_home { max-width: 1150px; margin: auto;}

.panel-default > .panel-heading {
  color: #fff;
  background-color: #1d5e64;
  border-color: #ddd;
}

.logo_img { width: 100%; max-width: 300px; height: auto; padding: 10px;}

.gallery { margin-bottom: 15px;}

.img_style { padding: 1px;}
.img_style:hover { opacity: 0.9;}

.img_style_right { padding: 5px;}

.img_style_right:hover { opacity: 0.3;}

.services_title { text-align: center; font-size: 1.5em; color: #1d5e64; margin-top: 5px; margin-bottom: 5px;}

.services_detail { padding: 8px; font-size: 1em;}

.address { padding: 5px; color: #fff; margin-left: 8px; font-size: 0.9em;}

.footer_alan { padding: 5px; margin-top: 5px;}

.footer_menu { color: #fff; font-size: 0.9em; padding: 3px; margin-left: 8px; border-bottom: 1px dotted #dadada; }
.footer_menu:hover { color: #dadada; text-decoration: none;}

.footer_menu_title { color: #000; font-size: 1.2em; padding: 3px; margin-left: 6px; }

.footer_menu_alan { color: #999;}

.footer { width: 100%;}

.footer_ust { border-top: 1px solid #dadada; height: auto; text-align: center; padding: 13px;}

.footer_alt { background-color: #1d5e64; }

.footer_alt_title { color: #fff; font-size: 0.9em; text-decoration: none; color: #10555c; margin-top: 25px; }

.hideme {opacity:0;}

@media (max-width: 768px) {

.footer_alt_title { text-align: center; padding: 6px; margin-top: 0px;}
    
}



.btn { color: #000;}
.btn:hover { color: #999;}

.color { background-color: #efefef;}
.color:hover { background-color: #e72098;}

.img-fluid { max-width: 100%;}

.form-btn { background-color: #39c0cd; color: #fff;}
.form-btn:hover { background-color: #30cad9; color: #fff; }





.slider-position { }

.phone { margin-top: 5px; color: #999;}



.home_title { text-align: center; color: #d50a64; width: 100%; font-size: 1.3em;}


/* scrool top */
  
.top-link-block { background-color: red;}

.hidden { background-color: red;} 

.well-sm { background-color: #10555c; color: #fff; font-size: 1.2em; padding: 15px; float: right; }

.container-padding { margin-top: 25px; margin-bottom: 25px;}

 
/* scrool top end */







.guncel_title { color: red; font-size: 1.1em; font-weight: bold; padding: 4px;}

.haber_title { color: red; font-weight: bold; }

.news_n { float: left; width: 100%; border: 1px solid #fff; padding: 5px; margin-top: 7px; margin-bottom: 7px; background-color: #e5e5e5; position: relative; z-index: 1;}

.btn-danger { float: right; margin-left: 50px;}

.left_one { border: 1px solid #fff; margin-top: 5px; margin-bottom: 5px; padding: 3px; background-color: #e5e5e5;}

.left_detail { padding: 3px; font-size: 0.8em; text-align: justify;}

.left_title { font-size: 0.9em; font-weight: bold; margin-bottom: 8px; text-align: center;}



.belgeler_h { float: left; width: 100%; background-color: #ebebeb; border-bottom: 2px solid #acacac; padding: 5px; margin-top: 10px;}

.link_a { text-decoration: none; color: #000;}

/* social iconlar */

@font-face {
    font-family: 'si';
    src: url('PATH_TO/socicon.eot');
    src: url('PATH_TO/socicon.eot?#iefix') format('embedded-opentype'),
         url('PATH_TO/socicon.woff') format('woff'),
         url('PATH_TO/socicon.ttf') format('truetype'),
         url('PATH_TO/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 1px;
    color: #ffffff;
    background-color: #333;
}

.soc a:hover {
    z-index: 2;
    background-color: #48d7e6 !important;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'b';
}
.soc-twitter:before {
    content:'a';
}
.soc-instagram:before {
    content:'x';
}
.soc-linkedin:before {
    content:'j';
}
.soc-email2:before {
    content:'.';
}




/* social iconlar end */



/* search */

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none; 
	height: 35px;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc; 
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc; 
}

#custom-search-input .glyphicon-search{
    font-size: 23px; 
}

/* search end */