html,
body {
  font-size: 16px;
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
}
hr {
  border-color: #F05F40;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #e20000;
}
a:hover,
a:focus {
  color: #eb3812;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
}
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.bg-primary {
  background-color: #F05F40;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.text-faded {
  color: rgba(255, 255, 255, 0.7);
}
section {
  padding: 50px;
  background: white;
  padding-bottom: 180px;
}
aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}
.navbar-default {
  border-color: rgba(34, 34, 34, 0.05);
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  color: #e30513;
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #e30513;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #F05F40 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
.section-heading {
  margin-top: 0;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box p {
  margin-bottom: 0;
}
.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(240, 95, 64, 0.9);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}
@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}
.call-to-action h2 {
  margin: 0 auto 20px;
}
.text-primary {
  color: #F05F40;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-default {
  color: #222222;
  background-color: white;
  border-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #f2f2f2;
  border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: white;
}
.btn-default .badge {
  color: white;
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #F05F40;
  border-color: #F05F40;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ee4b28;
  border-color: #ed431f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #F05F40;
  border-color: #F05F40;
}
.btn-primary .badge {
  color: #F05F40;
  background-color: white;
}
.btn {
  font-family: 'Exo', 'Helvetica Neue', Arial, sans-serif;
  border: none;
  border-radius: 300px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-xl {
  padding: 15px 30px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}

#main_area .overlayme {
  height: 300px;
  margin: 0;
  border-radius: 0;
  padding: 20px;
  background: none;
  text-align: center;
  position: absolute;
  border: none;
  box-shadow: inset 0 198px 110px -45px rgba(0, 0, 0, 0.82);
  background-size: 100% auto;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
}

.page-top {
  margin-top: 50px !important;
}


/* custom */
.img-user {
  width: 20px;
}

.dropdown-menu {
  border:none !important;
  border-radius: 0px !important;
  min-width: 250px;
}

.dropdown-menu .dropdown-divider {
  border-bottom: 1px solid #C5C5C5;
  margin:5px 0;
}
.dropdown-toggle:focus {
  background-color: #8D8D8D !important;
  color: #C9C9C9 !important;
}

.dropdown-menu {
}
.dropdown-menu a {
  clear: both;
  display: block;
  color: #000000;
  padding: 5px 10px;
}
.dropdown-menu a:hover {
  background: #F8F8F8;
  text-decoration: none;
}
.box {
    background: #fff;
}
.bg-black {
  background: #000;
}


.navbar-default .nav > li > a {
  color: #ffffff !important;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 15px !important;
  text-transform: uppercase !important;
  font-family: 'Exo' !important;
  font-weight: 600 !important;
}

.navbar-default .nav > li > a:hover {
  color: #e30513 !important;
}

button.navbar-toggle {
  color: #D8D8D8 !important;
}
ul.slide-road {
    position: absolute;
    top: 10px;
    right: 10px;
}

#main_area {
    position: relative;
}

.sroad img {
    width: 100%;
}
#haberler {
    padding: 50px !important;
    background: #fbfbfb;
    position: relative;
}

#haberler a.post {
    display: block;
    color: #000;
    text-decoration: none;
}
#haberler img {
}
#haberler a.post h4, h4.pdet {
    color: #bf2730;
    font-family: Exo;
    font-size: 18px;
    font-weight: bold;
}
#haberler a.post p {
    font-size: 14px;
}
#main_area .carousel-inner img {
    width: 100%;
    display: none;
}
.container-carousel {
  padding: 10px 0px !important;
}
ul.slide-road li {
    list-style: none;
    width: 50px;
    margin-bottom: 10px;
    max-height: 50px;
    overflow: hidden;
    box-shadow: 1px 1px 1px black;
    height: 53px;
    cursor: pointer;
    border-radius: 100px;
}
.anime {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;  }
.anime:hover, .anime:focus, .anime:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media (min-width: 600px) {
#main_area .item {
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: 45% !important;
    background-size: cover !important;
    height: calc(100vh - 140px);
}
}
.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.homeform .btn-form-gonder {
    color: #fff;
    font-size: 16px;
    height: 50px;
    background-color: #b7000b;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 10px;
    height: 116px !important;
}
.homeform .btn-form-gonder:hover {
    color: #fff;
    background-color: #b7000b;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.homeform input, .homeform textarea, .homeform select {
    height: 50px;
    /* border: 1px solid #000; */
    color: #000;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.homeform {
  
position: relative;
  
width: 100%;
  
padding-top: 0;
  
cursor: pointer;
  
background: url(../img/oficebg.jpg);
  
padding-bottom: 100px;
  
background-size: cover !important;
  
background-position: center !important;
  
background-attachment: fixed !important;
}
.overlay {
    transition: all 1s;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
352deg
, black, #00000070);
    opacity: .7;
}

.homeform h3 {
    color: white;
    font: 700 3em Exo;
    font-family: arial;
}

.homeform p {
    color: white;
    font-family: Exo;
}
div#footer_top {
    background: #ed1c24;
    color: white;
    padding: 20px;
    position: relative;
    margin-top: 100px;
}
#footer_top a {
    color: #FFC107;
}
#footer_bottom {
    background: #ffffff;
    padding: 20px 0;
    position: relative;
    border-bottom: 20px solid #10407b;
    padding-top: 100px;
}

ul.foot-menu li {
    list-style: none;
}

ul.foot-menu li a {
    color: #b7000b;
}
ul.slide-road li img {
    transform: scale(2);
    height: 100%;
    width: auto;
}
#footer_bottom a {
    color: #b7000b;
}
.services a.post_item h4 {
    color: #000000;
    font: 900 1.5em Exo;
}
.services a.post_item p {
    font: 400 1em Exo;
}
.services a.post_item {
    display: block;
    background: #10407b14;
    padding: 10px;
    color: black;
    position: relative;
    margin-bottom: 10px;
}
.anime-scale {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.anime-scale:hover, .anime-scale:focus, .anime-scale:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.ikon i {
    font-size: 3em;
    color: #ffffff;
    text-shadow: 4px 4px 0px #ffffff1f;
    opacity: 1;
    position: absolute;
    left: 2px;
    top: 25px;
    line-height: 2em;
    transform: rotatez(0deg);
    background: red;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 5px 2px 10px 0px #00000057;
}
#footer_top p {
    margin: 0 !important;
}

#footer_bottom h4 {font: 700 1.5em Exo;}

ul.foot-menu {
    padding: 0;
}
section.sidebar {
    padding: 0;
}
.homeform input::placeholder{
    color:black;
}
.post-img {
    max-height: 153px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.owl-prev {
    position: absolute;
    top: 20%;
    left: 0;
}
.owl-next {
    position: absolute;
    top: 20%;
    right: 0;
}
@media (min-width:600px) {
.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    font-family: 'Ionicons';

}
.owl-carousel .owl-nav .owl-prev:before{
    content: "\f124";
    font-size:50px;
    margin-left:-20px;
    font-weight:bold;
    color:#e30513;
}
.owl-carousel .owl-nav .owl-next:after{
    content: "\f125";
     font-size:50px;
    margin-right:-20px;
    font-weight:bold;
    color:#e30513;
}
.owl-next.disabled, .owl-prev.disabled {
  opacity: .5;
}
}
@media (min-width:600px) {
.content-page {
    /* padding: 30px; */
}
}
.content-page {
    background: white;
}
.content-page .container {
    background: white;
    padding: 25px;
    font-family: Exo;
    min-height: calc(100vh - 220px);
    margin: 20px auto;
    border-radius: 5px;
    box-shadow: 1px 1px 13px 1px #00000026;
}
@media (min-width:600px) {
.content-home {
}
}
.homeform h5 {
    color: #ffffff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px !important;
    border-bottom: 3px solid;
    padding-bottom: 10px !important;
}
#mainNav li > a:hover {
    color: #e20000 !important;
    background: #ffffff !important;
}
img.lib-img-show {
    width: 100%;
}
.lib-panel {background-size: contain;color: white;font-size: 1.4em;height: 20em;position: relative;}
.lib-panel.darc {background: url(../img/darica.jpg);background-size:cover;}
.lib-panel.bduz {background:  url(../img/beylikduzu.jpg);background-size:cover;}
.lib-panel.gop {background:  url(../img/gop.jpg);background-size:cover;}
.istover {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.7);}
.lib-header {
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
}

.istadres {
    display: block;
    padding-bottom: 15px;
}

span.istmeta {
    display: block;
    padding-bottom: 10px;
}
span.kurumsal {
    display: block;
    padding-bottom: 10px;
}

span.krmmeta {
    display: block;
    padding-bottom: 10px;
}
footer .col-md-4 {
    border-right: 1px solid #00000014 !important;
}
.kurumsal.sats {
    position: relative;
    padding: 30px;
    color: white;
    background: url(../img/businessbg.jpg) repeat;
    background-attachment:fixed;
}

.text-center.krmsl {
    position: relative;
}
@media (max-width:700px) {
.bankalar {
    width: 80%;
    margin: 0 auto;
}
a.nlogo {
    position: relative !important;
    display: inline-block !important;
    border-radius: 0 !important;
    padding: 13px !important;
}

#mainNav .container-fluid {
    padding: 0;
    padding-right: 15px;
}

.navbar-nav>li {
    float: none !important;
    display: inline-block;
    width: 100%;
}

.headbutt {
    width: 100% !important;
    float: none !important;
    display: inline-block;
}

.headbutts {
    display: inline-block !important;
    padding: 10px;
}
  .footer-copyright p {
    font-size: 14px;
    text-align: center;
}

.footer-copyright .text-right {
    text-align: center;
    margin-top: 5px;
    font-size: 9px;
}
    .nlogo img {height: 30px !important;float:left;}
    .navbar-header {float:right !important;}
    button.navbar-toggle {background-color: #06336a;}
    .ikon i {font-size:50px !important;}
    .homeform .btn-form-gonder {width:100% !important;}
    .homeform .form-group {margin-left:10px;margin-right:10px;}
    #main_area .carousel-inner img {display:block !important;}
    body {margin-top: 0;}
    #bs-example-navbar-collapse-1.navbar-collapse.in {width:100%;background: #e20000;position:fixed;top: 146px;left:0;right:0;bottom:0;margin: 0;}
    button.navbar-toggle {    background: none !important;}
}

.portrefs {
    position: relative;
    width: 100%;
    display: inline-block;
}

.portrefs .owl-item.active {
    float: left;
}

#portfolios {
    border-top: 20px solid #06336a;
    border-bottom: 20px solid #06336a;
}
.portrefs h4 {
    text-align: center;
    font-weight: bold;
    font-family: Exo;
    color: #06336a;
}
.pad1 {
    padding: 1px;
}
.logobar {
    width: 100%;
    text-align: center;
    position: absolute;
}

.nlogo img {
    height: 40px;
}

.navbar-nav>li {
    margin-right: 5px;
    padding: 10px 0;
}
a.nlogo {
    position: absolute;
    z-index: 2;
    background: linear-gradient(141deg,#0b3569 0,#185094 51%,#104890 75%);
    padding: 10px;
    top: 0;
    left: 0;
    height: 100%;
    box-shadow: 0px 6px 18px 0px #0000004f;
}


#mainNav {
    background: #e20000 !important;
    position: relative;
    margin: 0;
    border: none;
}
.slide h2 {
    position: absolute;
    top: 30%;
    right: 10%;
    font-size: 41px;
    font-weight: 900;
    color: #e83030;
    width: 30%;
    text-align: center;
    font-family: Pacifico;
    text-shadow: 0 1px 0 #b0252c, 0 2px 0 #b0252c, 0 3px 0 #b0252c, 0 4px 0 #b0252c, 0 5px 0 #b0252c, 0 6px 1px #0000001a, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    z-index: 3;
}

#mainNav .nav:last-child {}
a.scrollme {
    position: absolute;
    bottom: 13%;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
}


a.scrollme span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 70px;
  height: 50px;
  margin-left: -23px;
  border-radius: 5px;
  box-sizing: border-box;
  opacity: .0;
}
a.scrollme span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 31px;
  height: 31px;
  margin: -12px 0 0 -8px;
  border-left: 4px solid #ed1c24;
  border-bottom: 4px solid #ed1c24;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
a.scrollme span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
.headbutt {
    float: left;
    width: calc(20% - 1.5px);
    margin: 1px;
    /* box-shadow: 1px 1px 16px 1px #00000052; */
    border-radius: 5px;
}
.headbutts {
    position: relative;
    width: 100%;
    background: white;
    display: flex;
    padding: 0;
}

.headbutt img {
    height: 60px;
    opacity: .4;
    float: left;
}

.headbutt span {
    font-weight: 900;
    float: left;
    position: relative;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    font-size: 1em;
    padding-top: 25px;
    padding-left: 60px;
    width: 100%;
    background: linear-gradient(to right, rgb(226 0 0), rgb(218 24 24));
    color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    line-height: 23px;
    height: 75px;
}
.hizliform:before {
    background: url(../img/icons/next.png);
    position: absolute;
    height: 50px;
    width: 50px;
    content: "";
    left:5px;
    background-size:cover !important;
    opacity: 1;
    top: 5px;
    left: 15px;
    height: 60px;
    width: 60px;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.filobilgi:before {
    background: url(../img/icons/car.png);
    position: absolute;
    height: 50px;
    width: 50px;
    content: "";
    background-size:cover !important;
    opacity: 1;
    top: 6px;
    left: 15px;
    height: 60px;
    width: 60px;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.poagiris:before {
    background: url(../img/po-footer.png);
    position: absolute;
    height: 50px;
    width: 50px;
    content: "";
    left: 5px;
    background-size:cover !important;
    opacity: 1;
    top: 8px;
    left: 15px;
    height: 60px;
    width: 60px;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.mailorder:before {
    background: url(../img/icons/card.png);
    position: absolute;
    height: 50px;
    width: 50px;
    content: "";
    left: 15px;
    background-size:cover !important;
    opacity: 1;
    top: 8px;
    left: 15px;
    height: 60px;
    width: 60px;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.toptanakaryakit:before {
    background: url(../img/icons/mail.png);
    position: absolute;
    height: 50px;
    width: 50px;
    content: "";
    left:5px;
    background-size:cover !important;
    opacity: 1;
    top: 5px;
    left: 15px;
    height: 60px;
    width: 60px;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#toptanakaryakit {
    border-right: none !important;
}

#servisler:before {
    left: 0;
    transform: skewY(4deg);
    content: "";
    width: 50%;
    height: 70px;
    position: absolute;
    top: -35px;
    background-color: #ffffff;
    z-index: 1;
}

#servisler:after {
    right: 0;
    transform: skewY(-4deg);
    content: "";
    width: 50%;
    height: 70px;
    position: absolute;
    top: -35px;
    background-color: #ffffff;
    z-index: 1;
}
#haberler .item {
    border-radius: 5px;
    background: white;
    overflow: hidden;
    box-shadow: 1px 1px 17px 1px gainsboro;
}
#servisler{position:relative;padding-top: 58px;}
a.btnme {
    margin: 0 auto;
    padding: 10px 25px;
    border: 2px solid #e20000;
    border-radius: 25px;
    color: #e20000;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}
.item a.title {
    font-size: 24px;
    text-decoration: none;
    color: black;
}

.item .text-center {
    margin: 25px 5px;
    height: 50px;
    display: inline-block;
    width: 100%;
}

.owl-stage {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sectitle {
    position: relative;
    color: #000000;
    font-weight: 900;
}

.sectitle:before {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #db0000;
    display: block;
    position: absolute;
    left: 30%;
    top: 15px;
}
.sectitle:after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #db0000;
    display: block;
    position: absolute;
    right: 30%;
    top: 15px;
}
#footer_top::before {
    content: "";
    width: 100%;
    height: 169px;
    position: absolute;
    background-image: url(../img/po.svg);
    top: -93px;
    left: 0;
    background-repeat: no-repeat;
    right: 0;
    background-position: center top;
}
img.po-station {
    display: block;
    position: absolute;
    top: -132px;
    z-index: 3;
    right: 150px;
}

footer {
    position: relative;
}

#footer_bottom:before {
    content: "";
    width: 50%;
    height: 70px;
    position: absolute;
    top: -35px;
    background-color: #ed1c24;
    left: 0;
    transform: skewY(4deg);
}
#footer_bottom:after {
    content: "";
    width: 50%;
    height: 70px;
    position: absolute;
    top: -35px;
    background-color: #ed1c24;
    right: 0;
    transform: skewY(-4deg);
}
footer .col-md-4:nth-child(3), #servisler .col-md-4:nth-child(3) {
    border: none !important;
}
.headbutt span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-image: url(../img/icons/follow-bg.png); */
    content: "";
    opacity: .4;
}
.homeform:hover .overlay {
    opacity: 1;
}
.footer-copyright {
    padding: 20px 0;
    color: white;
    position: relative;
    z-index: 2;
    background: #ed1c24;
    font-size: 13px;
}

.footer-copyright p {
    margin: 0;
    font-size: 15px;
}
.footer-copyright a {
    color: black;
    background: white;
    padding: 3px;
    border-radius: 5px !important;
    font-weight: 500;
}
.basvuru .homeform {
    background: none;
    color: black !important;
    cursor: auto;
}

.basvuru .homeform .overlay {
    background: none !important;
}

.basvuru .homeform h5 {
    color: #b6111c;
    margin-top: 50px;
    display: inline-block;
    width: 100% !important;
}

.basvuru .homeform h3 {
    color: black;
}

.basvuru .container {
    background: #ecebeb;
    padding: 50px;
}
.bank-img {
    width: 100% !important;
    height: 80px;
    text-align: center;
    background:white;
    border-radius:5px;
    padding:10px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.17);
    -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.17);
    -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.17);
}

.bank-img img {
    width: 100% !important;
    height: auto !important;
}
.bankalar .owl-stage-outer {padding: 10px;}
.headbutt span:hover {
    background: linear-gradient(to right, rgb(226 0 0), rgb(226 0 0));
}
.dropdown-menu a:hover {
    color: black;
}

.mbform .form-group {
    margin-bottom: 10px !important;
    display: inline-block;
    width: 100%;
}
.bankalar .owl-stage {
    margin: 0;
}
h4.slitext {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(141deg,#0b3569 0,#185094 51%,#104890 75%);
    color: white;
    font-size: 21px;
    line-height: 60px;
    padding-right: 15px;
}
.slitext img {
    display: block !important;
    height: 60px;
    width: auto !important;
    float: left;
    padding: 10px;
}
a.page-scroll.basvur {
    background: #00000017 !important;
    color: white !important;
}



.header-info-boxes {
  font-size: 0;
  float: right;
  margin-top: 1.3rem;
}

.cart-dropdown + .header-info-boxes {
  margin-right: 1rem;
}

@media (max-width: 991px) {
  .header-info-boxes {
    display: none;
  }
}

.header-info-boxes .header-info-box {
  display: inline-block;
  position: relative;
  padding-left: 3.1rem;
  font-size: 0.85rem;
  line-height: 1;
}

.header-info-boxes .header-info-box .header-info-icon {
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0;
  width: 1.6rem;
  height: 2.8rem;
  border-radius: 0.5em/.25em;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.4rem;
  color: #fff;
  text-align: center;
  background: #e20000;
  transition: all 0.65s cubic-bezier(0.92, 0.17, 0.29, 0.93) 0s;
}

.header-info-boxes .header-info-box .header-info-icon i {
  position: relative;
  z-index: 2;
  font-size: 1.2rem;
  line-height: 2.8rem;
}

.header-info-boxes .header-info-box .header-info-icon:before, .header-info-boxes .header-info-box .header-info-icon:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: '';
  top: 0;
}

.header-info-boxes .header-info-box .header-info-icon:before {
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  left: 0;
}

.header-info-boxes .header-info-box .header-info-icon:after {
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: 0;
}

.header-info-boxes .header-info-box .header-info-icon.custom {
  background-color: #dc0d15;
  color: #fff;
}

.header-info-boxes .header-info-box .header-info-icon.custom2 {
  background-color: #E91E63;
  color: #fff;
}

.header-info-boxes .header-info-box .header-info-icon.dark {
  background-color: #181818;
  color: #fff;
}

.header-info-boxes .header-info-box .info-box-title {
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
}

.header-info-boxes .header-info-box p {
  margin-bottom: 0;
}

.header-info-boxes .header-info-box + .header-info-box {
  margin-left: 3rem;
}

.site-logo {
    display: block;
    float: left;
    margin: 1.3rem 0;
}

.header-inner {
    display: inline-block;
    width: 100%;
    font-size: 29px !important;
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }
  .container-fluid.fullwidth {
    max-width: none;
  }
}
.header-info-boxes .header-info-box a {
    color: #e20000;
    text-decoration: none;
}
#footer_top:after {
    bottom: 0;
    left: 50%;
    content: " ";
    position: absolute;
    margin-left: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 21px 0 21px;
    border-color: #ed1c24 transparent transparent transparent;
    z-index: 9;
    transform: rotate(360deg);
    top: 10em;
}
.araTexter {
    padding: 80px 0;
    background: #f3f3f3 !important;
}
.arabir h3,.araiki h3 {
    font-weight: 900;
}
.arabir {
    border-right: 1px solid #e2dada;
}
a.btnme:hover {
    background: #e20000;
    color: white;
}
.blogs .owl-nav {
    position: absolute;
    top: -40px;
    right: 0;
    display: inline-block;
}


.blogs .owl-prev {
    width: 50px !important;
    float:left;
    position: relative !important;
    text-align: center;
    background-color: #e20000;
    margin: 0 2px !important;
    border-radius: 5px;
}

.blogs .owl-next {
    width: 50px;
    float:right;
    position: relative !important;
    text-align: center;
    background-color: #e20000;
    margin: 0 2px !important;
    border-radius: 5px;
}

.blogs .owl-nav .owl-prev:before {
    content: "\f124";
    font-size: 1.7em;
    margin-left: 0px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.blogs .owl-nav .owl-next:after {
    content: "\f125";
    font-size: 1.7em;
    margin-right: 0px;
    font-weight: bold;
    color: #ffffff;
}
footer small {
    font-size: 12px;
    display: inline-block;
    color: black;
}
.headbutt span::before {
    background-color: white !important;
    filter: grayscale(1);
}

.headbutt:hover span::before {
    filter: unset !important;
}
.blogsList .item {
    box-shadow: 3px 6px 15px 1px #0000002b;
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
}