@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,latin-ext);

html { 
	font-size: 16px; 
	font-family: helvetica, arial, sans-serif;
} 
header {
	padding:10px 0;
}
.logo {
	height:35px !important;
	margin-top:20px;
}
.mm {
	position:absolute !important;
	top:18px;
	z-index:1000;
	right:5px;
	color:#0d2f58;
	
}
.tm {
	list-style: none;
	list-style-position: inside;
	color:#7c7a7a;
	font-family: 'Open Sans', sans-serif;
	padding:0px;
}
.tm>li {
	float:left;
	padding-left:15px;
}
.tm>li>a {
	color:#7c7a7a;
}
.am>li>a {
	color:#0d2f58;
}
.am>li {
	font-family: "open sans",arial,sans-serif;
}
.amson {
	padding-right:0px !important;
}
.am > li > a:hover, .am > li > a:focus {
	text-decoration: none;
	background-color: transparent !important;
}
.dropdown-menu {
	border:0px !important;
}
.as .bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
}
.as .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border: 0px solid #fff;
	left: 0px;
	background: #ccc;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.as .bx-wrapper .bx-pager,
.as .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	display:none
}
.as .bxslider>li>img {
	width:100%;
}





#ofi {
	margin-bottom:40px;
	padding:20px 0
}
.ofiback {
	position:absolute;
	height:114px;
	width:20%;
	background-color:#f0f0f0;
	z-index:5;
	left:0px;
}
.ofi-ic {
	background-color:#f5f5f5;
	border:1px solid #d9d9d9;

}
.ofi-ic:hover {
	-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.13);
	-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.13);
	box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.13);
}
.ofi-ic-sol {
	background-color:#f5f5f5;
	z-index:6;
	position:relative;
	height:114px;
	border-right:1px solid #d9d9d9;
}

.ofi-text {
	vertical-align:middle;
	display: table-cell;
	height:114px;
	font-family: 'Open Sans', sans-serif;
	color:#042436;
	text-align: center;
	width: 100%;
	padding:0 15px;
}

#soc {
	margin-bottom:30px;
}
.isoct {
	background-color:#f5f5f5;
	border:1px solid #d9d9d9;
	padding:15px;
}
.isoct:hover {
	-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.13);
	-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.13);
	box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.13);
}
.isoct-icon {
	font-size:24px;
	text-align:center;
	color:#042436;
}
.isoct-text {
	font-family: 'Open Sans', sans-serif;
}
.isoct-text a, .isoct-text a:hover {
	color:#042436;
}
.isoct-text a:hover {
	color:#111;
}

#idb {
	background-color:#042436;
	padding:50px 0;
}
.idbt {
	border:1px solid #d9d9d9;
	height: 99px;
}
.bayidos {
	background:url(../i/dosmatic_bayi_gr.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.bayidos:hover {
	background:url(../i/dosmatic_bayi.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
}
.bayi3m {
	background:url(../i/3m_bayi_gr.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.bayi3m:hover {
	background:url(../i/3m_bayi.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
}
.bayineder {
	background:url(../i/nederman_bayi_gr.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.bayineder:hover {
	background:url(../i/nederman_bayi.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
}
.bayiclean {
	background:url(../i/ph_cleantec-bayi_gr.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.bayiclean:hover {
	background:url(../i/ph_cleantec-bayi.png) no-repeat;
	background-position: 50% 50%;
	background-color:#fff;
}
.idb-text {
	text-align:center;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	
}
#ih {
	background-color:#f7f7f7;
	padding:50px 0 30px 0;
}
.iht {
	font-family: 'Open Sans', sans-serif;
	border-radius: 0px !important;
}
.ihic>h3 {
	font-size:20px;
}
.ihic>p {
	font-size:16px;
}
.ihic>p>a {
	color:#042436;
}
.ft {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin:15px 0 !important;
}

#sh {
	padding:50px 0;
	background: #042436 url("../i/sh.png") no-repeat center;
	background-size:cover;
}
.page-header {
	margin: 0 !important;
	border-bottom: 0px solid #6e8a95 !important;
}
.page-header>h1 {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	margin:0px !important;
}
.page-header>h1>small {
	font-style:normal;
	margin-left:10px;
	color:#efefef;
	font-family: 'Open Sans', sans-serif;
}
.shb {
	border-radius:0px !important;
	font-family: 'Open Sans', sans-serif;
}
.shb:hover {
	background-color:#f5f5f5 !important;
}
.shbm {
	border-radius:0px !important;
	font-family: 'Open Sans', sans-serif;
}
#sayfa {
	margin:50px 0;
}
#hsayfa {
	margin:50px 0;
	padding:20px 0;
	color:#fff !important;
}
.icerik {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#444;
}

.hsliders {
	float:right;
}

.bsayfalogo {
	max-height:49px;
}
.ilogo {
	max-width:200px !important;
	float:left;
	margin:0 15px 15px 0;
}
.ilogoen {
	max-width:200px !important;
	margin:0 auto;
	margin-bottom: 15px;
	text-align: center
}
.slogo {
	max-width:200px !important;
	margin:0 15px 15px 0;
}
.st {
	padding:30px 0;
}
.itresim {
	max-width: 250px;
	float:left;
	margin-right:15px;
}
.tlbaslik {
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px;
	color:#042436;
	font-weight:bold;
}
.sekpanel {
	border-radius:0px !important;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.sekpanel .panel-heading {
	background:#042436 !important;
	color:#fff !important;
	border-radius:0px !important;
}

.soklist {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}
.tl {
	background-color:#042436;
	border:1px solid #f7f7f7
}
.tl > li {
	float:none !important;
	font-family: 'Open Sans', sans-serif;
	border-bottom:1px solid #f7f7f7
}
.tl > li > a:hover {
  border-color: #eee #eee #ddd;
  color: #fff !important;
  background-color:#063854 !important;
}

.tl > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #042436 !important;
	cursor: default;
	background-color: #efefef !important;
	border-bottom:0px solid #666 !important;
}
.tl> li > a {
	margin-right: 0px !important;
	border: 0px solid transparent !important;	
	border-radius: 0 !important;
	color:#fff;
}
.tli>li {
	font-family: 'Open Sans', sans-serif;
}
.tli .list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.tli .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.sbl {
	font-family: 'Open Sans', sans-serif;
}
.sbl .list-group-item a {
	color:#111;
	font-size:16px;
}
.sbl .list-group-item.baslik, .list-group-item.baslik:hover, .list-group-item.baslik:focus {
	z-index: 2;
	color: #fff;
	background-color: #042436 !important;
	border-color: #337ab7;
	font-size:16px;
}
.sbl .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #06334c !important;
	border-color: #337ab7;
}
.sbl .list-group-item.active a {
	color:#fff;
}
.menu-sag-alt {
	margin-top:10px;
}
.menu-sag-alt li {
	margin-top:10px;
	list-style-type:disc;
}
.sektor-list li {
	border:0;
	padding-left:0px;
}
.sektor-list li i {
	font-size:12px;
	color:#069;
}
.sektor-list li ul {
	margin-top:15px;
}
.sektor-list li ul li {
	margin-top:15px;
	list-style:disc;
}
.gmbaslik {
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px;
	color:#042436;
	margin:0 0 20px 0;
}
#gmf {
	max-height:250px !important;
}
/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height:100%;
}
.isa {
	font-family: 'Open Sans', sans-serif;
	padding-top:46px;
}
#if {
	background-color:#042436;
	padding:50px 0;
}
.ifb {
	font-family: 'Open Sans', sans-serif;
}
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}




.altlink {
	margin-right:0px !important;
	padding-top:4px;
}
.altlink > li > a {
padding: 10px 12px !important;
}

.ab20 {
	margin-bottom:20px;
}
.index-baslik {
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px;
	margin:0 0 20px 0;
	text-align:center;
	font-size:30px;
	color:#042436;
}
.index-baslik:after {
    content: "";
	background-color:#e9e9e9;
    width: 50px;
    height: 3px;
	margin-bottom:8px;
	display:inline-block;
	margin-left:10px;
}
.index-baslik:before {
    content: "";
	background-color:#e9e9e9;
    width: 50px;
    height: 3px;
	margin-bottom:8px;
	display:inline-block;
	margin-right:10px;
}
.index-baslik2 {
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px;
	margin:0 0 20px 0;
	text-align:center;
	font-size:30px;
	color:#fff;
}
.index-baslik2:after {
    content: "";
	background-color:#05324b;
    width: 50px;
    height: 3px;
	margin-bottom:8px;
	display:inline-block;
	margin-left:10px;
}
.index-baslik2:before {
    content: "";
	background-color:#05324b;
    width: 50px;
    height: 3px;
	margin-bottom:8px;
	display:inline-block;
	margin-right:10px;
}
@media (max-width: 767px) {
	#hsayfa {
		background:#fff;
	}
	.ab20-xs {
		margin-bottom:20px;
	}
	header {
		margin-bottom:20px;
	}
	h2 {
		font-size:24px !important;
	}
	h1 {
		font-size:30px !important;
	}
	.ofi-ic-sol {
		border-right:0px solid #d9d9d9;
		background-color:#f0f0f0;
		border-bottom:1px solid #d9d9d9;
	}
	.opet-logo {
		padding:20px;
		height:114px !important;
		margin: 0 auto;
	}
	.navbar-toggle {
		float:none !important;
		margin:0px !important;
	}
	.logo {
		height:35px !important;
		margin-top:10px;
	}
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	#hsayfa {
		background:#fff;
	}
	.opet-logo {
		padding:20px;
		height:114px !important;
	}
	.b20-sm {
		margin-bottom:20px;
	}
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.opet-logo {
		padding:20px;
		height:114px !important;
	}
	 .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
	.opet-logo {
		padding:20px;
	}
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/*! Gray v1.4.1 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale.grayscale-replaced {
  filter: none;
  -webkit-filter: none;
}

.grayscale.grayscale-replaced > svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}