@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
body {  font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4; color:#555; background:#F5F5F5;  }
a { text-decoration:none; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; color:#666; } 
a:hover { color:#00579A; text-decoration:none;  }
h1 { font-size: 30px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
.bold { font-weight:bold;}
.bold2 { font-weight:600;}
.bosluk10 { height:10px; }
.bosluk20 { height:20px; }
.p10 { padding:10px;  }
.p20 { padding:20px; }
.clear { clear:both;} 
.f-left { float:left;}
.f-right { float:right;}
.link { text-decoration:underline; } 
.font14 { font-size:14px; line-height:20px; }
.font-w-300 { font-weight:300; }
/*img { display:block; width:100%; height:auto; }*/
p { margin-bottom:15px; }
.m-bottom-10 { margin-bottom:10px; }
.m-bottom-20 { margin-bottom:20px; }
.m-bottom-30 { margin-bottom:30px; }
.m-bottom-40 { margin-bottom:40px; }
.p-right-0 { padding-right:0; }
.p-left-0 { padding-left:0; }
.blue { color:#169FE5; }
input, select, button, textarea { font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:13px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

.header { width:100%; min-height:105px; position:relative; background:#3B7AA9; }

.header .logo {
    position: absolute;
    width: auto;
    /* float: left; */
    left: -50px;
    top: 2px;
}
.header .sosyal { float:left; margin-bottom:20px; }
.header .sosyal i { width:40px; height:29px; line-height:34px; float:left; text-align:center; color:#FFF; font-size:16px; }
.header .sosyal i.fa-facebook { background:#3B7AA9; }
.header .sosyal i.fa-twitter { background:#12BAE0; }
.header .sosyal i.fa-google-plus { background:#E02B25; }
.header .dil-secimi {float:left; background:#EEE; height:29px; line-height:28px; padding:0 10px; position:relative;  }
.header #dil-menu { display:none; position:absolute; z-index:12; background:#EEE; right:0; left:0; line-height:1.3; /*padding:5px 0; */ border-bottom:3px solid #00579A;     }
.header #dil-menu li a { padding:5px 15px; display:block;    }
.header #dil-menu li a:hover { color:#FFF; background:#999; }

.header .navigation { position:relative; float:right; }
.header .navigation ul li { float:left; position:relative; overflow:hidden; margin-left:20px;  }
.header .navigation ul li a { font-size:18px; font-weight:300;  display:inline-block; color:#444;  }
.header .navigation ul li a:hover { text-decoration:none; color:#00579A; }
.header .navigation ul li a.active { text-decoration:none; color:#00579A; }
.header .mobile-menu {  margin-top:20px; margin-bottom:20px; }
.header .mobile-menu ul li { float:none;  }
.header .mobile-menu ul li a { padding:12px 20px; background:#00579A; color:#FFF; margin-bottom:1px; display:block; font-size:16px;   }
.header .mobile-menu ul li a:hover { text-decoration:none;  background:#FEBC00;  }
.header .mobile-menu ul li ul li a { padding:10px 20px 10px 30px; font-size:14px; background:#0068B7;  }
.header .mobile-menu ul li ul li i { margin-right:5px; }
.header .mobile-toogle  { width:40px; height:40px; padding-top:9px; text-align:center; font-size:20px; display:block; border-radius:50%; border:1px solid #CCC;  }
.header .mobile-toogle:hover { background:#00579A; color:#FFF; border:1px solid #00579A; }
.header .mobile-menu { display:none; }
.header .mobile-toogle { display:none; }
.header .container { position:relative; }
.header .border {   height: 6px;
  background: #3B7095;
  z-index: 30;
  position: absolute;
  top: 105px;
  left: 0;
  width: 100%; }
.f-nav { position:fixed; top:0; width:100%; z-index:9999; background:#FFF; min-height:81px; }
.f-nav .logo { margin-top:15px; width:200px; }
.f-nav .sosyal { margin-bottom:10px; }
.f-nav .navigation ul li a { font-size:16px; }
.f-nav .border { display:none; }

.bannercontainer { position:relative; max-height:500px; overflow:hidden; }
.bannercontainer .tp-caption { text-align:center; width:1000px; color:#FFF; position:relative; z-index:120; }
.bannercontainer .tp-caption .slide-title-1 { font-weight:300; font-size:28px; line-height:5.4em; }
.bannercontainer .tp-caption .slide-title-2 { font-weight:400; font-size:16px; line-height:1.4em; }
.bannercontainer .caption-bg { position:absolute; z-index:20; bottom:0; width:100%; height:80px; background:#2A3238; opacity:0.6; }
.bannercontainer .tparrows { opacity:0; -webkit-opacity:0;  }
.bannercontainer:hover .tparrows { opacity:1; -webkit-opacity:1; }

.content {  }
.content .home-baslik { font-size:28px; font-weight:400; color:#FEBC00; margin-bottom:20px; }
.content .haber-duyuru { background:#00579A; color:#FFF; padding:40px 30px 20px 0; }
.content .haber-duyuru .haber { margin-bottom:30px; }
.content .haber-duyuru .haber .haber-image { float:left; width:43%; }
.content .haber-duyuru .haber .haber-icerik { float:right; width:53%; }
.content .haber-duyuru .haber .haber-baslik { font-size:22px; margin-bottom:15px;  }
.content .haber-duyuru .haber .haber-aciklama { font-size:14px;  }
.content .haber-duyuru .tum-haberler { margin-left:30px; }
.content .haber-duyuru .tum-haberler a { color:#FFF; font-size:14px; }
.content .haber-duyuru .tum-haberler i { margin-left:5px;  }
.content .home-hakkimizda { background:#FEBC00; padding:30px; min-height:508px; color:#FFF; }
.content .home-hakkimizda .baslik { font-size:28px; margin-bottom:20px; }
.content .home-hakkimizda .image { margin:0 -30px 20px -30px; }
.content .home-hakkimizda .aciklama { font-size:16px; margin-bottom:20px; }
.content .home-hakkimizda .detay a { color:#FFF; font-size:14px; }
.content .home-hakkimizda .detay i { margin-left:5px; }
.content .sektorler { background:#EEE; padding-bottom:30px; }
.content .sektorler .m-left-20 { margin-left:-20px;  }
.content .sektorler .sektoradi { background:#FFF; padding:20px; font-size:16px; font-weight:300; color:#00579A; }
.content .sub-bg { max-width:1400px; overflow:hidden }
.content .left-menu { margin-bottom:20px; }
.content .left-menu .menu-baslik { height:120px; line-height:120px; background:#00589A; color:#FFF; padding:0 30px; font-size:18px; overflow:hidden; }
.content .left-menu ul li a { display:block; padding:12px 30px; background:#FEBC00; color:#FFF; border-top:1px solid #FFD25F; }
.content .left-menu ul li a:hover { background:#00589A; }
.content .left-menu ul li a:hover i.fa-th-large { opacity:0.5; -webkit-opacity:0.5; }
.content .left-menu ul li a.active { background:#00589A; }
.content .left-menu ul li a.active i.fa-th-large { opacity:0.5; -webkit-opacity:0.5; }
.content .left-menu ul li a.active i.fa-caret-left { display:block; }
.content .left-menu ul li i.fa-th-large { margin-left:-20px; margin-right:5px; opacity:0; -webkit-opacity:0; }
.content .left-menu ul li i.fa-caret-left { float:right; font-size:14px; margin-right:-30px; display:none; margin-top:2px; }
.content .left-menu ul li i { transition:all 0.2s; -webkit-transition:all 0.2s; }
.content .page-title { height:120px; overflow:hidden; background:rgba(254, 254, 254, 0.9); padding:30px; }
.content .page-title .breadcrumb { background:none; margin-bottom:3px; padding:0; }
.content .page-title h1 { font-weight:200; color:#FEBC00; font-size:36px; }
.content .page-content { background:#FFF;   padding: 0px 0 0 30px;  }
.content .page-content h3 { margin-bottom:15px; font-weight:200; }
.content .hizmetler-list .hizmet { height:340px; border-bottom:1px solid #DDD; margin-bottom:30px;  }
.content .hizmetler-list .hizmet .images { margin-bottom:15px; }
.content .hizmetler-list .hizmet .hizmet-adi { font-size:16px; font-weight:600; margin-bottom:15px; color:#00579A; }
.content .haberler-list .haber { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #DDD;  }
.content .haberler-list .haber .image { float:left; width:20%; border:1px solid #DDD;  }
.content .haberler-list .haber .haber-icerik { float:right; width:78%;  }
.content .haberler-list .haber .baslik { font-weight:600; font-size:16px; margin-bottom:10px; }
.content .haberler-list .haber .aciklama {  margin-bottom:10px; }
.content .haberler-list .haber .detay i {  margin-left:5px; color:#00579A; }
.content .referans-list .referans { margin-bottom:30px; height:160px;  }
.content .referans-list img { border:1px solid #DDD;   }
.content .referans-list .logo { margin-bottom:5px;  }
.content .referans-list .baslik { text-align:center;   }
.content .foto-galeri .item { margin-bottom:30px; height:110px; overflow:hidden; }
.content .iletisim-baslik { font-weight:bold;}
.content ul.disc li { list-style-type:disc; margin-left:15px; margin-bottom:3px;  }
.content ul.uretim-asamalari li { height:40px; line-height:40px; margin-bottom:1px; font-size:16px; background:#EEE;  }
.content ul.uretim-asamalari li span { width:40px; height:40px; text-align:center; font-weight:700; background:#00579A; color:#FFF; display:inline-block; margin-right:15px; }


.footer-top { background:#3B7095; color:#FFF; padding:20px 0;  }
.footer-top a { color:#FFF; }
.footer-top .iconlar .icon { float:left; color:#FFF; margin-right:20px;  }
.footer-top .iconlar .icon i { width:60px; height:60px; line-height:56px; text-align:center; border:2px solid #FFF; font-size:30px; border-radius:50%;  }
.footer-top .iconlar .icon i.fa-play { padding-left:4px; }
.footer-top .iconlar .baslik { font-size:14px; font-weight:300; margin-top:12px; }
.footer-top .iconlar .aciklama { font-size:13px; }
.footer { padding:22px 0; position:relative; background:#888; }
.footer .container { position:relative;  }
.footer .footer-menu { float:left; margin-right:30px; }
.footer .footer-menu .title { font-weight:700; margin-bottom:5px; text-decoration:underline; color:#FFF; }
.footer .footer-menu li a { color:#DDD; }
.footer .footer-menu li a:hover { color:#FFF; text-decoration:underline; }
.footer .footer-right { float:right; text-align:right; } 
.footer .footer-right .musteri-hatti { color:#FEBC00; font-size:14px; margin-bottom:10px; }
.footer .footer-right .musteri-hatti span { color:#FFF; font-size:20px; font-weight:700; }
.footer .footer-right .musteri-hatti i { margin-right:5px; }
.footer .footer-right .footer-logo { width:150px; float:right; }
.footer .footer-right .footer-sosyal { position:absolute; bottom:0; right:15px; }
.footer .footer-right .footer-sosyal i { color:#FFF; width:36px; height:36px; line-height:36px; text-align:center; border:1px solid #FFF; border-radius:50%; margin-left:5px; font-size:16px; }
.footer .dil-footer { text-align:center; color:#CCC; padding-top:10px; display:none; }
.footer .dil-footer a { color:#CCC; padding:10px 5px; font-size:16px;  }
.footer .dil-footer a.active { color:#FFF; font-weight:700; } 
.footer .dil-footer .border { border-top: 1px solid #999; padding-bottom:20px; }

.footer-bottom { height:50px; line-height:50px; }
.footer-bottom .copy { float:left;  }
.footer-bottom .imza { float:right; }

.form label { display:block; margin-bottom:5px; }
.form fieldset { border:1px solid #DDD; padding:20px; margin-bottom:20px; }
.form legend { display:inline-block; width:auto; padding:0 15px; font-size:16px; font-weight:600;  }

.textbox { padding:10px; border:1px solid #DDD; width:100%; margin-bottom:15px; }
.selectbox { padding:10px; border:1px solid #DDD; width:100%; margin-bottom:15px; }
.textarea { padding:10px; border:1px solid #DDD; width:100%; height:120px; margin-bottom:15px; }
.button { padding:10px 25px; background:#00589a; color:#FFF; font-size:16px; border:none;  }
.button:hover { background:#febc00; }
.button i { margin-right:5px; }

.popup-baslik {  padding:15px 20px; background:#59BA7A; color:#FFF; font-size:16px; }
.popup {  padding:15px 20px; }
.popup .sifremi-unuttum { margin-top:-5px; font-size:12px; color:#004A6F; float:right; }
.popup span.hatirla {  margin-top:-5px; font-size:12px;  display:block; float:left; margin-bottom:15px; }

#back_top{ position: fixed; z-index:99999; bottom:22px; right:20px; cursor:pointer; display:none; font-size:36px;}


@media (max-width: 1199px) {
	.header .navigation ul li { margin-left:16px; }
	.header .navigation ul li a { font-size:15px;  }
}

@media (max-width: 992px) {
	.header .header-bottom .mobile-toogle { display:block; }
	.header .header-bottom .menu-hidden { display:none; }
	.header .header-bottom .sekerbank-logo { margin-top:5px;  }
	.header .header-bottom .navigation { float:right; margin-right:15px; }
	.content .home-hakkimizda .baslik { font-size:20px; }
	.footer-top .iconlar .icon { display:none; }
	.footer .footer-right { display:none; }
	.bannercontainer .tp-caption { position:absolute; left:30; right:30px; width:auto; text-align:center; }
	.header .menu-hidden { display:none; }
	.header .mobile-toogle { display:block; }
	.header .border { display:none; }
	.bannercontainer .tp-caption .slide-title-1 { margin-top:-15px; }
	.bannercontainer .tp-caption .slide-title-2 { margin-top:-15px; } 
	.content .referans-list .referans { margin-bottom:30px; height:130px;  }
}

@media (max-width: 768px) {
	.bannercontainer .tp-caption  { display:none; } 
	.bannercontainer .caption-bg { display:none; }
	.content .haber-duyuru {  margin-bottom:40px; }
	.footer-top { display:none; }
	.f-nav { position:relative; }
	.footer-hidden { display:none; }
	.footer-menu { float:none; text-align:center; width:100%; height:auto; }
	.footer-bottom { line-height:1.4; height:auto; padding:10px 0; }
	.footer-bottom .copy { float:none; text-align:center;  }
	.footer-bottom .imza { float:none; text-align:center; }
	.p-right-0 { padding-right:15px; }
	.p-left-0 { padding-left:15px; }
	.content .page-title h1 { font-size:28px; }
	.content .hizmetler-list .hizmet { height:auto; border-bottom:none;  }
}

@media (max-width: 480px) {
	.header { min-height :80px; }
	.header .logo { width:160px; margin-top:20px;  }
	.header .navigation { margin-top:-30px; }
	.header .dil-secimi { display:none; }
	.content .haber-duyuru .haber .haber-baslik { font-size:20px;  }
	.content .haber-duyuru .haber .haber-aciklama { font-size:13px;  }
	.sektorler .owl-theme .owl-controls .owl-page span { width:20px !important; height:2px !important; }
	.content .page-title h1 { font-size:22px; }
	.content .page-title { height:100px;  }
	.content .referans-list .baslik { font-size:12px;  }
	.content .home-baslik { font-size:22px; }
	.content .haber-duyuru .haber .haber-image { display:none; }
	.content .haber-duyuru .haber .haber-icerik { float:right; width:100%; padding-left:30px; }
	.footer .dil-footer { display:block; }
	
}
@media (max-width: 360px) {
	
	.content .haber-duyuru .haber .haber-baslik { font-size:16px;  }
	.breadcrumb { display:none; }
	.content .page-title { height:90px;  }
}


.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
    width: 121px;
    height: 118px;
    border: 3px solid #00589A;
	    
}


#breadcrumb {
  list-style: none;
  display: inline-block;
  margin-left: 7.5%;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #2980b9;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #2980b9;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}


/*
#breadcrumb { margin:0; padding:5px; display:inline-table; list-style:none; }
#breadcrumb li{ display:inline; float:left; background:url(images/step_orange_green.gif) no-repeat -50px bottom; height:41px; line-height:41px; font-size:11px; padding:0 30px 0 25px; position:relative;}
#breadcrumb li span{ margin:0px; z-index:2000; background:url(images/step_orange_green.gif) no-repeat left bottom; display:block; position:absolute; height:41px; line-height:41px; width:13px; top:0; left:-10px; padding:0;}
#breadcrumb li.inprogress { background-position:-50px 0px}
#breadcrumb li.inprogress span, #green_and_orange_step_menu li.lastinprogress span{background-position:left 0px }
#breadcrumb li.done {background-position: -50px -41px}
#breadcrumb li.done span, #green_and_orange_step_menu li.ldone span {background-position:left -41px }
#breadcrumb li.first, #green_and_orange_step_menu li.done, #green_and_orange_step_menu li.inprogress, #green_and_orange_step_menu li.ldone, #green_and_orange_step_menu li.lastinprogress { color:#FFF;}
#breadcrumb li.first {background-position: -20px 0px }
#breadcrumb li.fdone { background-position: -20px -41px }
#breadcrumb li.last {background-position: right bottom }
#breadcrumb li.lastinprogress { background-position: right 0}
#breadcrumb li.ldone { background-position: right -41px}

*/