html, body {
  /* font-family: 'Raleway', sans-serif; */
  color: #1c303e;
  height: 100%;
  margin: 0;
  padding: 0;
  /* height: 3000px; */
}
li {
  list-style:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c303e;
  line-height: 1.3;
  margin: 0px;
  font-family: 'Comfortaa', cursive;
}
h1,
h2,
h3,
h4 {
  font-weight: 700;
}
h5,
h6 {
  font-weight: 600;
}
img{
  max-width: 100%;
  height: auto; 
}
a{
  color: #1c303e;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; 
  text-decoration: none;
}

a:active, a:hover, a:focus {
    outline: 0 none;
    text-decoration: none;
}
button{
  background: none;
  outline: 0 none;
  border: none;
}

iframe{
  border: 0px;
}
input, textarea{
  outline: none;
  max-width: 100%;
}
::-moz-selection {
    background: #1c303e;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #1c303e;
    color: #fff;
    text-shadow: none;
}
/*-----------------------------------------
  Font
-------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,500,600,700&display=swap');

/*-----------------------------------------
  3. Modals
-------------------------------------------*/
.modal {
  text-align: center;
  padding: 0!important;
  border-radius: 10px;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  border-radius: 10px;  
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

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

.mt-0 { margin-top: 0 !important}
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }

.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }

.mr-20-md{
  margin-right: 20px;
}
@media screen and (max-width:767px) {
  .mr-30-md{
    margin-right: 0px;
  } 
}

.pb-0{
  padding-bottom: 0px !important;
}
.pt-0{
  padding-top: 0px !important;
}
.pl-0{
  padding-left: 0px;
}
.pr-0{
  padding-right: 0px;
}


.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}
.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: #cecece;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;  
  -webkit-transition-duration: .3s;
  transition-duration: .3s;      
}
.custom-dot span:hover {
    background: #aaa;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
}
.custom-dot.active span{
  width: 12px;
  height: 12px;
  background: #35A8E0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;    
}



.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix { 
  display: inline-block; 
}

* html .clearfix { 
  height: 1%; 
}

.clearfix { 
  display: block; 
}


/*** 
====================================================================
    ARACLAR
====================================================================
 ***/

#wrapper {
    position: relative;
}


.sayfa-bosluk {
  padding: 40px 0;
  background-color: #fff;
} 

.section-block-grey{
  padding: 90px 0px 90px 0px;
  background-color: #f7f7f7;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.section-block-parallax{
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
  padding: 70px 0px 70px 0px;    
} 

.partner-section{
  padding: 40px 0px 40px 0px;
  background: #fff;
}

.partner-section-grey{
  padding: 40px 0px 40px 0px;
  background: #f7f7f7;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef; 
}
.left-holder{
  text-align: left;
}
.right-holder{
  text-align: right;
}
.center-holder{
  text-align: center;
}

/*** 
=============================================
   FORM AYAR
=============================================
***/
.form-control {
    background-color: #ffffff;
    border-color: #bcbcbc;
    box-shadow: none;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: none !important;
}
input.form-control {
    height: 55px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
input:focus,
select:focus,
textarea:focus {
    border-color: #0c1b25 !important;
}

.basarili,
.hatali {
    height:55px !important;
    line-height: 50px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    overflow: hidden;
    font-size: 16px;
    transition:all ease-out .3s;
    margin-top:10px !important;
}

select {
    height: 50px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    /* float: left; */
    height: 1px;
}

input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label {
    display: inline-block;
    padding-left: 22px;
    background: url('../images/checks.png') no-repeat 0 0;
    -webkit-filter: contrast(0%);
    -moz-filter: contrast(0%);
    -ms-filter: contrast(0%);
    -o-filter: contrast(0%);
    filter: contrast(0%);
    line-height: 15px;
    cursor: pointer;
    /* color: #fff; */
    letter-spacing: 0px;
    /* font-size: 12px; */
    padding: 0px 0px 0px 20px;
}

input[type=checkbox]:not(old):checked + label {
    background-position: 0 -15px;
}

input[type=radio]:not(old):checked + label {
    background-position: 0 -15px;
}

input[type=checkbox]:not(old):checked + label,
input[type=radio]:not(old):checked + label {
    background-position: 0 -15px!important;
}
#form,
#sonuc,
.dosyayukle {
    position: relative
}
#sonuc {
    text-align: center;
    padding: 0;
    transition: all ease-out .3s;
    border: none;
    max-height: 50px;
    height: 0px;
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    clear: both;
    /* margin-top: 10px; */
}
#sonuc .spinner {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  display: table;
  margin: auto;
  transform: none;
}
.basarili {
    color: #468847;
    background-color: #dfffd2;
    border: 1px solid rgba(27, 64, 18, .3)!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.hatali {
    color: #b94a48;
    background-color: #ffe2e2;
    border: 1px solid rgba(185, 74, 72, .3)!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.btn-gonder {
    width: 100%;
    background: #bf1825;
    color: #fff!important;
    height: 55px;
    margin-bottom: 0px !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    outline: none !important;
}

.btn-gonder:hover {
    background: #0c1b25;
    color: #fff;
}

.dosyayukle {
    width: 100%;
    height: 150px;
    border: 2px dashed #bcbcbc;
    border-radius: 5px;
    margin-bottom: 15px;
}

.dosyayukle:hover {
    border-color: #000;
}

.dosyayukle input {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.dosyayukle span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.dosyayukle:active,
.dosyayukle:enabled {
    background: rgba(0, 0, 0, .1);
}
/*** 
=============================================
   BASVURU FORMU
=============================================
***/

#basvuruform {
  display: none;
  float: left;
  width: 100%;
}

#basvuruform .basvuru-form {
    /* background: #f7f7f7 none repeat scroll 0 0; */
    border-radius: 3px;
    margin-top: 30px;
}

#basvuruform .basvuru-form h1 {
    color: #252525;
    font-size: 24px;
    font-weight: 700;
    margin: 5px 0 20px;
    text-align: center;
}

#basvuruform .basvuru-form form
{
    position: relative;
}

#basvuruform .basvuru-form input
{
    margin-bottom: 10px;
}

#basvuruform .basvuru-form form textarea {
    height: 155px;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.basvuruformu-ac {
    float:left;
    display:block;
    width: 100%;
    background: #b4000e;
    color: #fff!important;
    height: 45px;
    line-height:45px;
    text-align:center;
    margin-bottom: 0px !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
    outline: none !important;
    text-transform: uppercase;
}

.basvuruformu-ac:hover {
    background:#0c1b25;
}
/*** 
====================================================================
    BASLIKLAR
====================================================================
 ***/

.hakkimizda-baslik{
  margin-bottom: 40px;
  text-align: center;
}

.hakkimizda-baslik h2{
  font-size: 33px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 130%;
  margin-bottom: 10px;
}
.hakkimizda-baslik h2:after{
  content: '';
  display: block;
  border-bottom: 2px solid #35a8e0;
  width: 100px;
  margin: auto;
  padding-top: 10px;
}

.hakkimizda-baslik-left h2{
  font-size: 33px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 130%;
  margin-bottom: 10px;
}
.hakkimizda-baslik-left h2:after{
  content: '';
  display: block; 
  border-bottom: 2px solid #35A8E0;
  width: 100px;
  padding-top: 15px;
}
.hakkimizda-baslik-left p{
  font-size: 15px;
  font-weight: 500;
  color: #979797;
  line-height: 160%;
  padding-top: 10px;
  margin-bottom: 0px;
}

.hakkimizda-baslik h3{
  font-size: 25px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 130%;
  margin-bottom: 10px;
}
.hakkimizda-baslik h3:after{
  content: '';
  display: block; 
  border-bottom: 2px solid #35A8E0;
  width: 100px;
  margin: auto;
  padding-top: 15px;
}

.hakkimizda-baslik p{
  font-size: 15px;
  font-weight: 500;
  color: #979797;
  line-height: 160%;
  margin: 0px;
}

.hakkimizda-baslik span{
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #35A8E0;
  line-height: 160%;
}

.hakkimizda-baslik-white h2{
  font-size: 33px;
  font-weight: 300;
  color: #fff;
  line-height: 130%;
  margin-bottom: 10px;
}
.hakkimizda-baslik-white h2:after{
  content: '';
  display: block; 
  border-bottom: 2px solid #35A8E0;
  width: 100px;
  padding-top: 15px;
  margin: auto;
}
.hakkimizda-baslik-white p{
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 180%;
  padding-top: 10px;
  margin-bottom: 0px;
}

.hakkimizda-baslik-white-left h2{
  font-size: 33px;
  font-weight: 300;
  text-align: left;
  color: #fff;
  line-height: 130%;
  margin-bottom: 10px;
}
.hakkimizda-baslik-white-left h2:after{
  content: '';
  display: block; 
  border-bottom: 2px solid #35A8E0;
  width: 100px;
  padding-top: 15px;
}
.hakkimizda-baslik-white-left p{
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #fff;
  line-height: 180%;
  padding-top: 10px;
  margin-bottom: 0px;
}


/*** 
====================================================================
    SAYFA BASLIK
====================================================================
 ***/

.sayfa-baslik{
  position:relative;
  padding: 152px 0;
  background-color: #f7f7f7;
  background-size: cover;
  background-position: top;
  margin-top: 140px;
}

.sayfa-baslik:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: rgba(0, 0, 0, 0.74);
}

.sayfa-baslik.katalog {
    background-image: url('../images/sayfabaslik/katalog.jpg');
}
.sayfa-baslik.kurumsal {
    background-image: url('../images/sayfabaslik/kurumsal.jpg');
    background-position: bottom;
}
.sayfa-baslik.insankaynaklari {
    background-image: url('../images/sayfabaslik/insankaynaklari.jpg');
    background-position: center;
}
.sayfa-baslik.projeler {
    background-image: url('../images/sayfabaslik/projeler.jpg');
}
.sayfa-baslik.kentseldonusum {
    background-image: url('../images/sayfabaslik/kentseldonusum.jpg');
}
.sayfa-baslik.iletisim {
    background-image: url('../images/sayfabaslik/iletisim.jpg');
}
.sayfa-baslik.bilgiformu {
    background-image: url('../images/sayfabaslik/bilgiformu.jpg');
}

.sayfa-baslik h1{
  font-size: 29px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}
.sayfa-baslik h1:after {
    content: '';
    display: block;
    border-bottom: 2px solid #b4000e;
    width: 50px;
    padding-top: 10px;
    margin: 0 auto;
    display: table;
    left: 0;
    right: 0;
}

.sayfa-baslik ul{
  text-align: right;
  padding-top: 20px;
  padding-left: 0px;
  text-align: center;
}

.sayfa-baslik ul li{
  display: inline-block;
  text-align: center;
} 

.sayfa-baslik ul li a{
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.sayfa-baslik ul li:after{
  content: " /";
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  margin: 0px 5px 0px 5px;  
}
.sayfa-baslik ul li:last-child:after{
  content: none;
}
.sayfa-baslik ul li a:hover{
  color: #be1522;
}


.block-heading h3{
  font-size: 28px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 130%;
  margin-bottom: 10px;  
}


.heading-sm{
  margin-top: 40px;
}
.heading-sm h4 {
    font-size: 20px;
    font-weight: 600;
    color: #1c303e;
}
.heading-sm h5 {
    font-size: 17px;
    font-weight: 500;
    color: #1c303e;
}
.heading-sm:after {
    content: '';
    display: block;
    border-bottom: 2px solid #35A8E0;
    width: 90px;
    padding-top: 10px;
    margin-bottom: 20px;
}

/*** 
=============================================
    SOL MENU
=============================================
***/

.sol-menu {
    padding: 0px 0;
    border-radius: 10px;
    overflow:hidden;
    border: 1px solid #dcdcdc;
}

.sol-menu ul {
    margin-top: 0;
    padding: 0;
    margin: 0;
}

.sol-menu ul li {
  position:relative;
    border-bottom:1px solid #dcdcdc;
}

.sol-menu ul li:last-child {
    margin-bottom: 0;
    border-bottom:none;
}

.sol-menu ul li a {
  position:relative;
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 15px;
  z-index: 1;
}

.sol-menu ul li a i {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    top: 1px;
}

.sol-menu ul li a span {
    display: inline-block;
    padding-left: 10px;
}

.sol-menu ul li a:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #be1522;
  width:0%;
  z-index: -1;
  -webkit-transition:all ease-out .3s;
  -moz-transition:all ease-out .3s;
  -ms-transition:all ease-out .3s;
  -o-transition:all ease-out .3s;
  transition:all ease-out .3s;
}

.sol-menu ul li a:hover,
.sol-menu ul li a:hover i,
.sol-menu ul li.active a,
.sol-menu ul li.active a:hover,
.sol-menu ul li.active a:hover i {
  color:#FFFFFF;
}


.sol-menu ul li a:hover:before,
.sol-menu ul li.active a:before {
  width: 100%;
}


/*** 
====================================================================
    HEADER > UST HEADER
====================================================================
 ***/

#ust-header{
  background: #6f6f6e;
  background: #e1e1e1;
  background: #cccccc;
  background: #b4000e;
  /* background: #2d4b5a; */
  /* background: #fff; */
  min-height: 50px;
}

.ust-header-iletisim {
  padding: 0px;
  margin: 0;
  display: table;
  height: 50px;
}

.ust-header-iletisim li{
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #ffffff;
  list-style-type: none;
  /* float: left; */
  margin: 0px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  font-family: sans-serif;
}

.ust-header-iletisim li i{
  font-size: 16px;
  color: #ffffff;
  padding-right: 8px;
}
.ust-header-iletisim li a {
  color:#fff;
  text-decoration:none;
}
.ust-header-sosyal-aglar{
  padding: 0px;
  float: right;
  margin: 0px;
}
.ust-header-sosyal-aglar li{
  font-size: 14px;
  list-style-type: none;
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  margin: 0px;
  display: table;
  /* background: grey; */
  margin-left: 0px;
  border-left: 1px solid #ffffff;
}
.ust-header-sosyal-aglar li:last-child
{
  border-right: 1px solid #ffffff;
}
.ust-header-sosyal-aglar li a{
  color: #ffffff;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
}
.ust-header-sosyal-aglar a:hover{
  color: #fff;
  background: #0e66df;
}


/*** 
====================================================================
    HEADER > MENU
====================================================================
 ***/

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99992;
}
.affix {
  /* top: 10px; */
  width: 100%;
  z-index: 99999;
  transform: translateY(-48%);
}

.navbar-nav{
  margin: auto auto;
  display: table;
  float: none !important;
}

.navbar-header-custom{
  background: #fff;
  padding: 25px 0px 25px 0px;
}

.navbar-logo img{
  max-width: 100%;
  margin-left: 15px;
  max-height: 50px;
}

.navbar-custom{
  background: #fff;
  border: none;
  border-radius: 0px;
  padding: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(20, 20, 20, 0.05);
  -moz-box-shadow:    0px 3px 6px 0px rgba(20, 20, 20, 0.05);
  box-shadow:         0px 3px 6px 0px rgba(20, 20, 20, 0.05);
  margin-bottom: 0px;
  border-top: 2px solid #ffffff;
  border-bottom: 3px solid #be1522;
  transition: all ease-out .3s;
  position: relative;
}

.navbar-custom .navbar-links-custom li {
  padding: 25px 1px;
  /* padding: 10px 5px 10px 5px; */
  /* display: table-cell; */
  vertical-align: middle;
  /* float: none; */
  margin: 0 5px;
  letter-spacing: 1px;
}

.navbar-custom .navbar-links-custom li:first-child {
  margin-left:0;
}
.navbar-custom .navbar-links-custom li:last-child {
  margin-right:0;
}

.navbar-custom .navbar-links-custom li a{
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  /* letter-spacing: 0.5px; */
  color: #3b3b3b;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  /* border-radius: 10px 0; */
  background: transparent !important;
}

.navbar-custom .navbar-links-custom li a i{
  font-size: 16px;
  font-weight: normal;
}
.navbar-custom .navbar-links-custom li a:hover{
  color: #35A8E0;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #be1522;
    height: 3px;
    width: 30px;
}

@media screen and (max-width:991px) {
  .kisayol{
    display: block !important;
  }
  .widget {
    margin-bottom: 30px;
}
  section {
    padding: 30px 0 !important;
    overflow: hidden!important;
    background: #fff !important;
}
  .single-promotions.text-center {
    margin-bottom: 30px !important;
}
  .urunlerimiz-owl {
    width: 100% !important;
    float: left !important;
    position: relative !important;
    display: block !important;
    background-color: #121618;
    height: 100%;
    padding: 58px 0 !important;
    margin: 0 0 31px 0 !important;
    background-image: url(../images/owl-bg.jpg);
}
  .iletisim-form {
    padding:0 15px;
  }
  .insankaynaklari img.rounded-border {
    width:100%;
    margin-bottom:20px
  }
  #biz-kimiz img.rounded-border {
    width:100%;
  }
  #biz-kimiz .feature-icon
  {
    width:40%;
    text-align:right;
  }
  #biz-kimiz .feature-content {
    width:60%;
  }
  #biz-kimiz .feature-block {
    margin:0;
    margin-top:20px;
  }
  #biz-kimiz .feature-block:first-child {
    margin-top:40px;
  }


  .navbar-custom .navbar-links-custom li {
    font-size: 13px;
    font-weight: bold;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; 
      border-bottom: 1px solid #e6e6e6;
      padding: 0px;
      margin: 0px;
  }
  .navbar-custom .navbar-links-custom li a {
    margin: 0px;
    padding: 15px;
    color: #fff !important;
    text-align: center;
  }
  .navbar-custom .navbar-links-custom li.active a {
    background: #be1522 !important;
  }
  .navbar-default .navbar-links-custom .dropdown-menu>li>a {
      color: #fff !important;
      font-size: 13px !important;
      padding: 15px !important;
      text-align: center !important;
      width: auto !important;
      line-height: initial;
  }   
  .navbar-custom .navbar-links-custom li.active .dropdown-menu li a {
      background:none !important;
  }
  .navbar-custom .navbar-links-custom li .dropdown-menu li.active a, 
  .navbar-custom .navbar-links-custom li .dropdown-menu li a:hover
  {
    background: #be1522 !important;
  }
}


.navbar-links-custom .dropdown ul{
  border: none;
  border-radius: 0px;
  margin-left: 5px;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.15);
  margin: 0;
  padding: 0;
  margin-top: 2px;
}

.navbar-links-custom .dropdown ul li{
  padding: 0px;
  border:none;
  display: block;
  margin: 0;
  border-bottom: 1px solid #be1522;
}

.navbar-links-custom .dropdown ul li:last-child
{
  border-bottom:none;
}

.navbar-links-custom .dropdown ul li a{
  font-weight: 600;
  padding: 15px;
  width: 200px;
  text-transform: none;
  text-align: left;
  color: #1c303e !important;
}

.navbar-links-custom .dropdown ul li.active a,
.navbar-links-custom .dropdown ul li a:hover{
  background: #be1522 !important;
  color: #fff !important;
  padding-left: 26px;
}

.navbar-links-custom .dropdown ul li a:before,
.navbar-links-custom .dropdown ul li a:after {
  display:none;
}

/*DROPDOWN ICON STYLES*/

.active a{
  /* color: #35a8e0 !important; */
}
@media screen and (max-width:768px) {
  #ust-header {
    display: none !important;
}
}
@media screen and (max-width:767px) {
  #ust-header {
    display: none !important;
}

  #biz-kimiz .feature-icon
  {
    width:30%;
    text-align:right;
  }
  #biz-kimiz .feature-content {
    width:70%;
  }
  .navbar-header {
    width:auto !important;
  }
  .navbar-links-custom .dropdown ul li a:hover{
    color: #ffffff !important;
  } 
}

.menu-icon{
  border: none;
  background: none;   
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}


/*Navbar breakpoint*/
@media (max-width: 991px) {
  .sayfa-baslik{
    margin-top:0;
    padding: 45px 0;
  }
  .sayfa-bosluk, 
   {
     padding: 20px 0;
   }
   .hakkimizda-baslik {
     margin-bottom:20px;
   }
   #parallax {
     margin:0 !important;
   }
  .navbar-custom {
    background: #ffffff;
    /* position: relative !important; */
    transform: translateY(0%);
    border: 0;
    padding: 0;
    margin: 0;
  }
  .navbar-custom .container {
    width:100%;
  }
    .navbar-header {
        float: none;
        background: none;
        padding: 15px 0;
        width: 100%;
        /* margin: auto; */
        border-bottom: 2px solid #be1522;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #ffffff !important;
        border-radius: 0 !important;
        background: none !important;
    }
    .navbar-collapse {
      padding:0 !important;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .dropdown-menu {
       position: static !important;
       float: none !important;
       width: auto !important;
       margin-top: 0 !important;
       border: 0 !important;
       -webkit-box-shadow: none !important;
       box-shadow: none !important;
       background: #064360 !important;
       margin: 0 !important;
    }  
    .navbar-links-custom{
      float: left !important;
      display: block !important;
      width: 100%;
      padding: 0;
      margin: 0;
    }
  .navbar-custom .navbar-links-custom li {
    padding: 0 !important;
    width: 100%;
    border-bottom: 1px solid #be1522 !important;
    margin: 0 !important;
    background-color: #373736;
  }    
  .navbar-custom .navbar-links-custom li:last-child
  {
    border-bottom:none !important;
  }
  .navbar-custom .navbar-links-custom li a:hover, 
  .navbar-custom .navbar-links-custom li.active-link
  {
    border-color:#fff !important;
  }
  #header {
    position:relative !important;
  }
  #slider
  {
    margin-top:0 !important;
  }
  #parallax {
    height: 39vw !important;
    padding: 0;
  }
  #parallax:before {
    background: url(../images/parallaxbg-m.png) no-repeat !important;
    background-size: 100% !important;
  }
}


.mobil-logo{
  display: none !important;
}

.mobil-logo.open {
  display: block !important;
  float: left;
}

.logo {
    position: relative;
    /* background: #FFC107; */
    display: table !important;
    margin: 0 44px !important;
    padding: 0 !important;
}

.logo.hide {
  display:none !important;
}

.logo > .logo-menu > img {
    width: 120px;
    position: relative;
    z-index: 5;
}

.logo > .logo-menu {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* height: 100%; */
    padding: 10px;
}

 
 

 

 

.navbar-custom .navbar-links-custom li.active a span,
.navbar-custom .navbar-links-custom li a:hover span {
    opacity:1;
}

.navbar-custom .navbar-links-custom li.active a span:before,
.navbar-custom .navbar-links-custom li.active a span:after,
.navbar-custom .navbar-links-custom li a:hover span:before,
.navbar-custom .navbar-links-custom li a:hover span:after {
    transform:translateX(0);
}

.navbar-custom .navbar-links-custom li a:hover,
.navbar-custom .navbar-links-custom li.active a,
.navbar-custom .navbar-links-custom li.active a:hover {
    color: #be1522;
    background: transparent;
}

.navbar-custom .navbar-links-custom li > a:before
{
    content:'';
    position:absolute;
    top:0;
    left: -10%;
    right:0;
    bottom:0;
    width: 0%;
    border-top: 4px double #35a8e0;
    border-bottom: 4px double #35a8e0;
    transition:all ease-out .3s;
}

.navbar-custom .navbar-links-custom li > a:after
{
    content:'';
    position:absolute;
    top:-10%;
    left: 0;
    right:0;
    bottom:0;
    height:0%;
    border-left: 4px double #35a8e0;
    border-right: 4px double #35a8e0;
    transition:all ease-out .3s;
}

.navbar-custom .navbar-links-custom li a:hover:before,
.navbar-custom .navbar-links-custom li.active a:before {
    /*width:120%;*/
}
.navbar-custom .navbar-links-custom li a:hover:after,
.navbar-custom .navbar-links-custom li.active a:after{
    /*height:120%;*/
}

.affix .logo:before,.affix .logo:after {
    border-top-width: 50px;
    border-bottom-width: 50px;
    margin: 0;
}

.affix .logo > .logo-menu:before {
    top:-1px;
    bottom: -1px;
}

.affix .logo-alt-golge:before {
    display: none;
}

.affix .logo-alt-golge:after {
    display: none;
}

.affix .logo-ust-golge:before,
.affix .logo-ust-golge:after {
    display: none;
}











/*-----------------------------------------
5. Services Grid
-------------------------------------------*/
.service-grid{
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  background: #fff;
  margin: 15px 0px 15px 0px;
  padding-bottom: 5px;
  overflow: hidden;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;         
}
.service-grid:hover{
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1); 
}

.service-grid img{
  width: 100%;
  margin-bottom: 20px;
}
.service-grid h4{
  font-size: 19px;
  font-weight: 500;
  color: #1c303e;
  line-height: 130%;
  margin-bottom: 10px;  
}

.service-grid p{
  font-size: 13px;
  font-weight: 600;
  color: #979797;
  line-height: 180%;
  margin-bottom: 15px;  
}

.service-grid i{
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  color: #1c303e;
  line-height: 130%;
}

.service-grid a{
  font-size: 14px;
  font-weight: 500;
  color: #1c303e;
  text-decoration: none;
  line-height: 170%;
}
.service-grid a:after{
  content: ' \f067';
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: 100;
  padding-left: 5px;
}
.service-grid a:hover{
  color: #35A8E0;
}

.icon-holder{
  float: left;
  width: 20%;
  text-align: center;
}

.content-holder{
  float: left;
  width: 80%;
}

.service-grid-inner{
  padding: 0px 15px 15px 0px;
}


/*-----------------------------------------
7. Helper Classes
-------------------------------------------*/

/*--------------------
a) Text-content
----------------------*/
.text-content p{
  font-size: 15px;
  font-weight: 500;
  color: #979797;
  color: #3e5e74;
  line-height: 180%;
  margin-bottom: 10px;
  padding-top: 10px;
}

/*--------------------
b) Image-properties
----------------------*/

.rounded-border{
  border-radius: 10px;
}

.shadow-primary{
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1);   
}

.full-width{
  width: 100%;
}


/*--------------------
c) Buttons
----------------------*/
.button-tag{
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin: 5px 5px 5px 0px;
  padding:  5px 10px 5px 10px !important;
}
.button-xs{
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
}
.button-sm{
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
}
.button-md{
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}

.button-lg{
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  padding:  10px 25px 10px 25px !important;
}


.primary-button{
  position: relative;
  background: #35A8E0;
  border: 2px solid #35A8E0;
  border-radius: 5px;
  color: #fff;
  padding:  10px 15px 10px 15px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;       
}
.primary-button:hover{
  border-color: #1c303e;
  color: #fff;
  background: #1c303e;
}

.dark-button{
  position: relative;
  background: #1c303e;
  border: 2px solid #1c303e;
  border-radius: 5px;
  color: #fff;
  padding:  10px 15px 10px 15px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;       
}
.dark-button:hover{
  border-color: #35A8E0;
  color: #fff;
  background: #35A8E0;
}


/*--------------------
d) Lists
----------------------*/
.primary-list{
  padding-left: 0px;
}
.primary-list li{
    list-style-type: none;
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;  
}
.primary-list li i{
    color: #35A8E0;
    padding-right: 15px;
}

/*--------------------
e) Color Control
----------------------*/
.primary-color h1, 
.primary-color h2, 
.primary-color h3, 
.primary-color h4, 
.primary-color h5, 
.primary-color h6, 
.primary-color p, 
.primary-color i, 
.primary-color span{
  color: #35A8E0 !important;
}


/*-----------------------------------------
9. Blog Grid
-------------------------------------------*/
.blog-grid{
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  overflow: hidden;
  margin: 15px 0px 15px 0px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.blog-grid:hover{
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1); 
}

.blog-inner{
  padding: 20px;
}

.blog-inner span{
  background: #35A8E0;
  font-size: 14px;
  font-weight: 600;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
}

.blog-inner h4{
  font-size: 20px;
  font-weight: 500;
  color: #1c303e;
  margin-top: 15px; 
}

.blog-inner p{
  font-size: 14px;
  font-weight: 500;
  color: #979797;
  line-height: 160%;
  margin: 15px 0px 20px 0px;
}

.blog-inner a{
  font-size: 14px;
  font-weight: 500;
  color: #1c303e;
  text-decoration: none;
  line-height: 170%;
}
.blog-inner a:after{
  content: ' \f067';
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: 100;
  padding-left: 5px;
}
.blog-inner a:hover{
  color: #35A8E0;
}






/*-----------------------------------------
10. Blog Post
-------------------------------------------*/
.blog-post{
    position: relative;
    font-size: 15px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 50px;
}

.blog-post img{
    border-radius: 10px;
}

.blog-post h4{
    font-size: 22px;
    font-weight: 400;
    color: #1c303e;
    margin-top: 20px;
    -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.blog-post ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 10px;
}

.blog-post ul li{
  display: inline-block;
  margin-right: 25px;
}

.blog-post ul li i{
  color: #35A8E0;
}


.blog-post ul span{
  color: #979797;
  padding-left: 10px;
}

.blog-post-info{
  margin-top: 30px;
}

.blog-post-info p{
  color: #979797;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  margin-top: 10px;
}


 blockquote{
    border-left: 3px solid #35A8E0;
    margin-top: 30px;
    padding: 10px 0px 10px 20px;
    margin-left: 50px;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
  blockquote{
    margin-left: 0px;
  }
}


.blog-post-info blockquote p{
    color: #1c303e;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    margin-top: 0px;
}

.blog-post-contact{
  border-radius: 10px;
  background: #f7f7f7;
    padding: 15px;
    margin-top: 50px;
}

.blog-post-contact a{
    color: #1c303e;
    margin-right: 10px;
}

.contact-icons a i{
    color: #1c303e;
    font-size: 16px;
    padding: 0px 0px 0px 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;    
}

.contact-icons a i:hover{
    color: #35A8E0;
    font-size: 16px;
    padding: 0px 0px 0px 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;    
}

.left-icon a {
  color: #1c303e;
}

.left-icon a:hover {
  color: #35A8E0;
}

.blog-post-right ul{
  font-size: 16px; 
    color: #979797; 
    margin-top: 20px;
    padding: 0px;
}

.blog-post-right ul li{
  list-style-type: none;
  border-bottom: 1px solid #f1f1f1;
}

.blog-post-right ul li a{
  display: block;
  color: #1c303e;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 0px 15px 0px;
}

.blog-post-right ul li a:hover{
  color: #35A8E0;
}


.blog-post-right ul li a:after {
    content: "\f067";
    font-size: 10px;
    float: right;
    font-family: FontAwesome;
    color: #35A8E0;
}

.latest-posts{
    margin-top: 15px;
}

@media (max-width: 767px) {
    .latest-posts-text{
        margin-top: 10px;
    }
    .blog-post-left{
        margin-top: 20px;
    }
    .scroll-to-top {
      display:none !important;
    }
}

.latest-posts-text a{
  display: block;
    font-size: 15px;
    font-weight: 600;
    color: #1c303e;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; 
}

.latest-posts-text span{
    font-size: 14px;
    color: #35A8E0;
}







/*-----------------------------------------
11. Team Members
-------------------------------------------*/
.team-member{
  position: relative;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  margin: 15px 0px 15px 0px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.team-member:hover{
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1); 
}

.team-img{
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
   border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;    
  overflow: hidden;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.team-img img{
  overflow: hidden;
  width: 100%;
}
.team-member:hover img{
  transform: scale(1.1);
}

.team-info{
  padding: 10px;
}

.team-info h4{
  font-size: 18px;
  font-weight: 400;
  color: #1c303e;
  text-align: center;
  margin-top: 10px;
}

.team-info h5{
  font-size: 13px;
  font-weight: 600;
  color: #1c303e;
  text-align: center;
  margin-top: 5px;
}

.team-info p{
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  color: #979797;
  text-align: center;
  margin-top: 15px;
}

.team-icon{
  text-align: center;
  margin-top: 30px;
}

.team-icon a{
  margin: 0px 10px 0px 10px;
}

.team-icon a i{
  background: #35A8E0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin: 0px 0px 30px 0px;
  padding: 8px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.team-icon a i:hover{
  background: #1c303e;
  color: #fff;
}



/*-----------------------------------------
12. CountUps
-------------------------------------------*/

.countup-box{
  text-align: center;
}

@media screen and (max-width:767px) {
  .countup-box{
    margin: 20px 0px 20px 0px;
  } 
}

.countup-box h4{
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    line-height: 130%;
    margin: 10px 0px 10px 0px;    
}
.countup-box h4:after{
  content: '+';
}

.countup-box i{
    font-size: 50px;
    color: #35A8E0;
}

.countup-box p{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 130%;
}




/*-----------------------------------------
13. Free Quot
-------------------------------------------*/

.quot-block{
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1);   
}


/*-----------------------------------------
14. Forms
-------------------------------------------*/
.quot-form input,.quot-form textarea{
  background: #fff;
    color: #1c303e;
    font-size: 13px;
    font-weight: 500;   
    border: none;
    border-bottom: 0.5px solid #eee;
    width: 100%;
    border-radius: 0px;
    margin-top: 30px; 
    padding: 11px 15px 11px 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}
.quot-form input:focus{
      border-bottom: 1px solid #1c303e;
}

.quot-form textarea{
    min-height: 100px;
}

.quot-form textarea:focus{
    border-bottom: 1px solid #1c303e;
}


#search-input{
    padding: 0px;
    border: solid 1px #f1f1f1;
    border-radius: 10px;
    background-color: #fff;
    padding: 3px;
}

#search-input input{
    border: 0;
    border-radius: 10px;
    box-shadow: none;
}

#search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    outline: none !important;
    color: #1c303e;
    padding: 0 11px 0 13px;
    border-left: solid 1px #ccc;
}

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

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


/*-----------------------------------------
15. Testmonials
-------------------------------------------*/
.testmonial-block{
  margin: 50px 15px 15px 15px;
  padding: 50px;
  background: #fff;
  border: 1px solid #f1f1f1;
  text-align: center;
  margin-bottom: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    7px 7px 22px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         7px 7px 22px 0px rgba(50, 50, 50, 0.1);   
}

.testmonial-block img{
  width: 90px !important;
  height: 90px;
  display: inline !important;
  border-radius: 10px;
  margin-bottom: 0px;
  margin-top: -120px;
}

.testmonial-text h4{
    font-size: 20px;
    font-weight: 500;
    color: #1c303e;
  text-align: center;
  margin-top: 5px;
}

.testmonial-text p{
  font-size: 13px;
  font-weight: 500;
  font-style: italic;
  color: #979797;
  text-align: center;
  line-height: 170%;
  margin-top: 20px;
}
.testmonial-text p:before{
  content: "\f10d";
  color: #35A8E0;
  font-size: 18px;
  font-weight: 100;
  font-family: FontAwesome;
  margin-right: 15px;
}




/*** 
====================================================================
    PROJE DETAY
====================================================================
 ***/

#proje-detay-slider {
    border-radius: 10px;
    overflow: hidden;
}
.project-info{
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 30px;
}

.project-info h4{
  font-size: 22px;
    font-weight: 600;
    color: #1c303e; 
}

.project-info h5{
  font-size: 15px;
    font-weight: 500;
    color: #1c303e; 
    margin-top: 5px;
}

.project-info ul{
  font-size: 16px;
    font-weight: 500;
    color: #979797; 
    margin-top: 10px;
    padding: 0px;
}

.project-info ul li{
  list-style-type: none;
  padding: 15px 0px 10px 0px;
}

.project-info ul li i{
  color: #35A8E0;
  padding-right: 15px;
}

.project-info strong {
  color: #1c303e;
  font-size: 14px;
  font-weight: 600;
}

.project-info span {
  color: #979797;
  font-size: 14px;
  margin-left: 10px;
}

.project-category-list{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.project-category-list ul{
  margin-bottom: 0px;
  padding-left: 0px;
}

.project-category-list ul li{
  list-style-type: none;
  display: block;
  background: #f6f6f6;
}

.project-category-list ul li a{
  display: block; 
  font-size: 14px;
    font-weight: 600;
    color: #3b3b3b;
  padding: 15px 30px 15px 15px;
  border-bottom: 2px solid #fff;        
}

.project-category-list ul li:hover a{
  background: #1c303e;
  color: #fff;  
}

.project-active-link a{
  background: #1c303e;
  color: #fff !important; 
}

.project-img img{
  border-radius: 10px;
}

.project-img-text h4{
  font-size: 20px;
    font-weight: 600;
    color: #1c303e; 
    margin-top: 30px;
}

.project-img-text h4:after {
    content: '';
    display: block;
    border-bottom: 2px solid #35A8E0;
    width: 70px;
    padding-top: 10px;
}

.project-img-text p{
  font-size: 14px;
    font-weight: 500;
    line-height: 180%;
    color: #979797; 
    margin-top: 20px;
}

.project-description{
  margin-bottom: 50px;
}

.project-description h4{
  font-size: 17px;
    font-weight: 600;
    color: #1c303e;
    margin-top: 50px;
}

.project-description h4:after {
    content: '';
    display: block;
    border-bottom: 2px solid #35A8E0;
    width: 70px;
    padding-top: 10px;
}

.project-description p{
  font-size: 14px;
    font-weight: 500;
    line-height: 180%;
    color: #979797; 
    margin-top: 20px;
}



/*-----------------------------------------
17. Partners
-------------------------------------------*/
.partners img{
  opacity: 1;
}
.partners img:hover{
  opacity: 0.7;
}





/*-----------------------------------------
18. Service Single(Page)
-------------------------------------------*/
.services-nav{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.services-nav ul{
  margin-bottom: 0px;
  padding-left: 0px;
}

.services-nav ul li{
  list-style-type: none;
  display: block;
  background: #f6f6f6;
}

.services-nav ul li a{
  display: block; 
  font-size: 14px;
    font-weight: 600;
    color: #3b3b3b;
  padding: 15px 30px 15px 15px;
  border-bottom: 2px solid #fff;        
}

.services-nav ul li:hover a{
  background: #1c303e;
  color: #fff;  
}

.services-nav-active a{
  background: #1c303e;
  color: #fff !important; 
}


.btn-download{
  display: block;
  border-radius: 10px;
  border: 2px solid #f1f1f1;
  font-size: 14px;
    font-weight: 600;
    color: #3b3b3b;
    margin: 10px 0px 10px 0px;
  padding: 15px;
}
.btn-download i{
  float: right;
  font-size: 15px;
}
.btn-download:hover{
  color: #fff;
  background: #1c303e;
  border-color: #1c303e;
}




/*-----------------------------------------
19. Accordions
-------------------------------------------*/
.accordion{
  background: #fff !important;
  box-shadow: none;
  border: none;
}

.accordion-heading{
  border-radius: 0px;
  padding: 0px;
  background: #fff !important;
}

.accordion-title a{ 
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  color: #1c303e;
  display: block;
  padding: 15px 20px 15px 20px;
  border-bottom: 1px solid #f7f7f7;
}
.accordion-title a:before{  
  content: '\f107';
  font-weight: 700;
  color: #1c303e;
  font-family: FontAwesome;
  font-size: 13px;
  padding-right: 15px;
}
.accordion-title .collapsed:before{ 
  content: '\f105';
  font-weight: 700;
  color: #1c303e;
  font-family: FontAwesome;
  font-size: 13px;
  padding-right: 15px;
}

.accordion-body{
    font-size: 14px;
    font-weight: 500;
    color: #979797;
    line-height: 180%;
  border: none !important;
}





/*-----------------------------------------
20. Progress Bars
-------------------------------------------*/
.progress-text{
  font-size: 13px;
  font-weight: 600;
  color: #1c303e;
  margin-bottom: 10px;  
}

.custom-progress{
  background: #f7f7f7;
  height: 4px;
  box-shadow: none;
}

.yellow-bar{
  height: 4px;
  background-color: #35A8E0;
  box-shadow: none;
}


/*-----------------------------------------
21. Tabs
-------------------------------------------*/
.tab-menu{
  padding: 0px 15px 15px 0px;
}

.tab-menu{
  position: relative;
}

.tab-menu li {
  display: inline-block;  
  background: transparent;
  background: #fff;
  width: 130px;
  border-radius: 10px;
  margin: 5px 5px 0px 0px;  
}

.tab-menu li a {
  color: #1c303e;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;  
  border-bottom: 1.5px solid #eee;  
  padding: 10px 3px 10px 3px;
}

.tab-menu li i {
  color: #1c303e;
  display: block;
  font-size: 40px;
  text-align: center;
  margin-bottom: 15px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;   
}
.tab-menu li:hover a, .tab-menu li:hover i {
  color: #35A8E0;
}

.active-tab a{
  color: #35A8E0 !important;
  border-bottom: 1.5px solid #35A8E0 !important;
}
.active-tab a i{
  color: #35A8E0 !important;
}

@media screen and (max-width:767px) {
  .tab-menu{
    display: block;
    padding-right: 0px;
  }
  .tab-menu{
    text-align: center;
  }
  .tab-menu li{
    display: block;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin-right: 0px;
    margin-left: 0px;
  } 
}


 


/*** 
====================================================================
    SAYFA ACILIS
====================================================================
 ***/

#sayfa-acilis {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff;
    display: table;
    text-align: center;
}

.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto 0;
  width: 70px;
  text-align: center;

}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #1c303e;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}



/*** 
====================================================================
    YUKARI CIK
====================================================================
 ***/

.scroll-to-top {
  font-size: 30px;
  padding: 6px;
  text-align:center;
  color: #fff;
  text-decoration: none;
  position:fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 5px;
  background: #35a8e0;
  opacity: .5;
  width: 50px;
  height: 50px;
  z-index: 9999;
  outline: none;
  display: table;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transform:translateY(200%);
}
.scroll-to-top.goster{
  transform:translateY(0%);
}
.scroll-to-top i{
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  line-height: 1px;
}

.scroll-to-top:hover{
  color: #fff;
  opacity: 1;
}
 .scroll-to-top:hover i{
  color: #fff;
}
.scroll-to-top:visited{
  color: #fff;
  text-decoration:none;
}


/*** 
====================================================================
    ILETISIM
====================================================================
 ***/

.contact-box {
  position:relative;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  /* padding: 30px 20px 40px 20px; */
  margin: 0px 0px 8px 0px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  display: table;
  width: 100%;
  height: 113px;
  /* background: #364b60; */
  overflow:hidden;
  z-index:1;
  padding: 0px 0 0;
}

.contact-box:after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:0%;
  height:2px;
  background: #bf1825;
  display:table;
  margin:auto;
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -ms-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}

.contact-box:hover {
  background: #f9f9f9;
}

.contact-box:hover i {
  color: #bf1825;
}

.contact-box:hover:after {
  width:100%;
}

.contact-icon{
  /* float: left; */
  text-align: center;
  /* padding: 0px 15px 10px 0px; */
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

.contact-icon i{
  font-size: 50px;
  color: #0c1b25;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.contact-info{
  /* float: left; */
  width: 75%;
  display: table-cell;
  vertical-align: middle;
  /* padding: 0!important; */
}

.contact-info h4{
  font-size: 20px; 
  font-weight: 600;
  color: #1c303e;
}

.contact-info p,
.contact-info a {
  font-size: 15px;
  color: #979797;
  line-height: 170%;
  margin: 0;
}

.contact-form input, .contact-form textarea{
  color: #424040;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  border: 0.5px solid #eee;
  width: 100%;
  margin: 15px 0px 15px 0px; 
  padding: 12px 15px 12px 15px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;     
}

.contact-form input:focus{
  border-color: #1c303e;
}

.contact-form textarea{
  min-height: 150px;
}

.contact-form textarea:focus{
  border: 1px solid #1c303e;
}

#map {
  height: 580px;
  margin-top: 50px;
  margin-bottom: -40px;
}



/*** 
====================================================================
    HATA SAYFASI
====================================================================
 ***/

.error{
  text-align: center;
}

.error h1{
  color: #1c303e;
  font-size: 180px;
  font-weight: 600;
}

.error h2{
  color: #1c303e;
  font-size: 30px;
}

.error h4{
  color: #1c303e;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
}

@media screen and (max-width:767px) {
  .error h1{
    font-size: 100px;
  }
  .error h2{
    font-size: 25px;
  }
  .error h4{
    font-size: 18px;
  }
}



 

 





/*** 
=============================================
   FOOTER
=============================================
***/

#footer {
  position: relative;
  float:  left;
  width:  100%;
  display:  block;
}

 
 

 
@media screen and (max-width:767px) {
 
}

@media screen and (max-width:480px)
{
 
}

 

/*** 
====================================================================
    SLIDER
====================================================================
 ***/
 
#slider {
    position: relative;
    margin-top: 130px;
}

.ms-layer {
    margin: 0;
    padding: 0;
    line-height: 100%;
    letter-spacing: 0;
}

.slideryazi1 {
    background: rgba(20, 102, 02, .7);
    color: #fff;
    padding: 20px !important;
}

.slideryazi2 {
    background: rgba(255, 255, 255, .7);
    padding: 20px !important;
}



@media screen and (max-width:767px) {
#ust-header {
 
    display: none;
}
  .navbar-default .navbar-links-custom .dropdown-menu>li:nth-child(1) a {
    border-top: 1px solid #be1522;
}
  .sayfa-baslik h1{
    text-align: center;
    font-size: 24px;
  } 
  .sayfa-baslik ul{
    text-align: center;
  }
  .sayfa-baslik ul li a {
    font-size:14px !important;
  }
  .sayfa-baslik h1:after {
    margin:auto;
  }
  .hakkimizda-baslik h2 {
    font-size:30px;
  } 
}



@media only screen and (min-width:992px) and (max-width:1199px)
{
  .sayfa-baslik{
    margin-top:133px;
  }
  #slider {
    margin-top: 133px !important;
  }
  .affix {
    transform:translateY(-60%);
  }
  .navbar-custom .navbar-links-custom li
  {
    padding: 14px 5px;
  }
  .navbar-custom .navbar-links-custom li a
  {
    font-size: 12px;
    padding: 15px 10px;
  }
  .logo {
    margin:0 20px !important;
  }

  .logo:before {
    border-top-width: 46px;
    border-bottom-width: 46px;
    margin: -5% 0;
  }

  .logo:after {
    border-top-width: 46px;
    border-bottom-width: 46px;
    margin: -5% 0;
  }
  .affix .logo:before, 
  .affix .logo:after {
    border-top-width:40px;
    border-bottom-width:40px;
  }
  .logo > .logo-menu {
    padding:5px;
  }
  .logo > .logo-menu:before {
    top: -6px;
    bottom: -6px;
  }
  .logo > .logo-menu > img {
    width: 105px;
  }
  .logo-ust-golge:before {
    top: -6px;
    height: 6px;
  }
  .logo-ust-golge:after {
    top: -6px;
    height: 6px;
  }
  .logo-alt-golge:before {
    bottom:-6px;
    height:6px;
  }
  .logo-alt-golge:after {
    bottom:-6px;
    height:6px;
  }
}



 
 
/*** 
=============================================
   DODI SLIDE ALTI
=============================================
***/
[data-overlay-dark], [data-overlay-light] {
    position: relative;
}

section {
    padding: 90px 0;
    overflow: hidden;
    background: #fff;
}
[data-overlay-dark="0"]:before, [data-overlay-light="0"]:before {
    opacity: 0;
}

[data-overlay-dark]:before {
    background: #000;
}
 

.hakkimizda-img-kutu {
    display: block;
    padding-left: 40px;
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

.hakkimizda-img-kutu:before {
    border: 2px solid #bf1825;
    bottom: 40px;
    content: "";
    left: 0;
    position: absolute;
    right: 40px;
    top: 0;
    z-index: -1;
}

 
.play-button-wrapper .btn-play i {
    padding-left: 5px;
    position: relative;
    z-index: 2;
}
.width-100 {
    width: 100%;
}
.border-color-light-black {
    border-color: rgba(0,0,0,0.1) !important;
}
.border-width-8 {
    border-width: 8px !important;
}
.hakkimizda-baslik.left {
    text-align: left;
}

.hakkimizda-baslik.half {
    margin-bottom: 30px;
}
.width-90 {
    width: 90%;
}
.hakkimizda-btn {
    display: inline-block;
    font-size: 14px;
    padding: 9px 22px;
    background: transparent;
    border: 2px solid #be1522;
    border-radius: 25px;
    box-shadow: rgba(0,0,0,0.1) 0px 2px 1px !important;
    color: #be1522;
    letter-spacing: .5px;
    line-height: inherit;
    min-width: 143px;
    font-weight: 600;
    text-transform: uppercase;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    border-radius: 6px;
}
.title-font {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: normal;
    color: #be1623;
    font-family: 'Comfortaa', cursive;
}
.title-font:before {
    height: 2px;
    width: 25px;
    content: "";
    background: #be1522;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.about-corner {
    right: 0;
    bottom: 0;
}
.corner-img {
    position: absolute;
}
.hakkimizda-metin p {
    margin: 0 0 20px;
    word-spacing: 1px;
}

.hakkimizda-img-kutu img {
    border: solid;
}
.hakkimizda-metin p{margin: 0 0 20px;word-spacing: 1px;font-weight: 600;line-height: 27px;color: #3c3c3c;font-family: 'Comfortaa', cursive;font-weight: 600;}
.hakkimizda-btn:hover {
    background-color: #be1522;
    color: white;
}
.about_img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.about_img2:before {
    border: 3px solid #be1522;
    bottom: 61px;
    content: "";
    left: 0;
    position: absolute;
    right: 40px;
    top: -17px;
    z-index: 1;
}
.about_img1:before {
    border: 3px solid #be1522;
    bottom: 61px;
    content: "";
    left: 0;
    position: absolute;
    right: 40px;
    top: -17px;
    z-index: 1;
}
.about_img1{
  position: relative;
}
.about_img1, .about_img2 {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.about_img1 img, .about_img2 img {
    width: 100%;
    z-index: 2;
    position: relative;
    border: 5px solid #c3c3c3a6;
}
.about_img2 {
    margin-top: 60px;
    position: relative;
}
.about_arrow {
    position: absolute;
    bottom: 0;
    left: 33%;
}
/*** 
=============================================
   DODI PARALLAX
=============================================
***/

 
 
  /*10. Menu category*/
  
  .mn-category {
      padding: 20px;
      position: relative;
      background: #f3c76f;
      margin-left: -50px;
      margin-right: -10px;
  }
  
  .mn-category::before {
      position: absolute;
      top: -20px;
      left: 0px;
      content: '';
      border-style: solid;
      border-width: 10px;
      border-top-color: rgba(0, 0, 0, 0);
      border-left-color: rgba(0, 0, 0, 0);
      border-right-color: #333;
      border-bottom-color: #333;
  }
  
  .mn-category .mn-category-inner {
      background: #333;
      border: 4px double #f3c76f;
      padding: 20px;
  }
  
  .mn-category .mn-category-inner .title {
      margin: 0px;
      line-height: 1.1;
  }
  
  .mn-category .mn-category-inner .title h3 {
      color: #fff;
  }
  
  .mn-category .mn-category-inner .list-ul li {
      border-bottom: 1px dashed #666;
      padding: 11px 0px;
  }
  
  .mn-category .mn-category-inner .list-ul li > span {
      float: right;
  }
  /*11. Galery 1*/
  
  .urunmini-galeri {
      margin-top: -5px;
      margin-bottom: -10px;
      padding-right: 10px;
      display: inline-block;
  }
  
  .urunmini-galeri .galeri-madde {
      padding: 5px;
      /* transition: all ease .2s; */
      margin: 0 auto;
      display: table;
  }
  
  .urunmini-galeri .galeri-madde .n1 {
      height: 392px;
  }
  
  .urunmini-galeri .galeri-madde .n2 {
      height: 191px;
  }
  
  .urunmini-galeri img {
      min-width: 100%;
      min-height: 100%;
      transition: all ease 1s;
  }
  
  .services {
      background: url('../images/parallaxx.jpg') no-repeat center center fixed;
      background-size: cover;
  }
  
  .services .services-overlay {
      position: relative;
      padding: 19px 0;
  }
  
  .services .services-overlay:before {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.75);
  }
  
  .services h1 {
      color: #cfa670;
      font-size: 40px;
      letter-spacing: 3px;
      text-transform: capitalize;
      text-align: center;
  }
  
  .services .slogan {
      padding-bottom: 35px;
  }
  
  .services p {
      color: #e2e2e2;
  }
  
  .services .nav-tabs {
      border: 0px solid #ddd;
      display: inline-block;
  }
  
  .services .nav-tabs {
      border: 0px solid #ddd;
      display: inline-block;
      margin-bottom: 20px;
      border-radius: 5px;
  }
  #main-content {
    background: rgb(225, 225, 225);
    box-shadow: 0px 0px 5px 0px #ccc;
    /* padding: 20px; */
    margin-top: 0;
    position: relative;
    z-index: 999;
}
  .service-holder-area.animatedParent {
  background-image: url("../images/bg-section.jpg");
  width: 100%;
  float: left;
  height: 100%;
  overflow: hidden;
  }
  .services .nav-tabs li a {
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 3px;
      color: #ebebeb;
      background-color: rgba(39, 39, 39, 0.91);
      margin: 5px;
      padding: 10px 20px;
  }
  
  .services .nav-tabs li a i {
      font-size: 24px;
      padding-bottom: 8px;
  }
  
  .services .nav-tabs li.active a {
      background-color: #A87F41;
      color: #ebebeb;
      border: 1px solid transparent;
  }
  
  .services .nav-tabs li a:hover {
      background: #A87F41;
      border-color: transparent;
  }
  
  .services h2 {
      width: 90%;
      margin: auto;
      margin-bottom: -23px;
      margin: -25px 0 0 0;
  }
  
  .services h2 a {
      font-size: 19px;
      color: #a87f41;
      letter-spacing: 1px;
      text-transform: capitalize;
      line-height: 39px;
      font-family: 'Comfortaa', sans-serif;
  }
  
  .services .tab-content p {
      color: #fff;
      line-height: 26px;
      letter-spacing: 0.5px;
      font-weight: 300;
  }
  
  .btn-link {
      padding: 5px 20px;
      border-radius: 3px;
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: 400;
      text-transform: uppercase;
      margin-top: 45px;
  }
  
  .section-padding.food-menu-wrapper .col-xs-12.text-center {
      padding-bottom: 65px;
  }
  
  .food-menu-wrapper h1 {
      font-size: 40px;
      text-align: center;
      letter-spacing: 2px;
  }
  
  .main-heading {
      text-align: center;
      padding: 0 0 50px;
  }

 .metinkutusu {
      position: absolute;
      z-index: 2;
      top: 60px;
      left: 21px;
      display: inline-block;
      margin: 5px;
      width: 50%;
  }
  
  .metinbaslik {
      font-size: 17px;
      color: #be1522;
      font-weight: 700;
      font-family: 'Comfortaa', cursive;
  }
  
  .metinaciklama {
      color: #383838;
      font-weight: bold;
      font-family: 'Comfortaa', cursive;
      font-weight: 600;
  }
    
  .hover-img {
      background: #333;
      text-align: center;
      position: relative;
      overflow: hidden;
      display: block;
  }
  
  .hover-img .baslikhover {
      opacity: 0;
      width: 100%;
      position: absolute;
      top: 60%;
      z-index: 999;
      transition: all ease .2s;
  }
  
  .hover-img:hover .baslikhover {
      opacity: 1;
      line-height: 100%;
      top: 40%;
  }
  
  .hover-img .baslikhover h3 {
      padding: 0px;
      color: white;
  }
  
  .hover-img .baslikhover i,
  .hover-img .baslikhover h3,
  .hover-img .baslikhover h3 span {
      font-size: 35px;
  }
  
  .hover-img > img {
      Transition-Duration: 0.5s;
      min-height: 100%;
  }
  
  .hover-img:hover > img {
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0.6;
  }
  
  .page-name {
      height: 350px;
      padding-top: 115px;
      background-position: top center;
  }
  
  .page-name h1 {
      font-family: 'great vibes', cursive;
      font-size: 60px;
  }
  
  .page-name .star-group {
      margin-top: 10px;
  }
 

.service-holder-area .container {
    padding: 20px 20px 20px 28px;
}

.vincent_top_corners, .vincent_bottom_corners {
    background-image: linear-gradient(rgba(18,22,24,1), rgba(18,22,24,1)), linear-gradient(-45deg, transparent 75%, rgba(18,22,24,1) 75%), linear-gradient(45deg, transparent 75%, rgba(18,22,24,1) 75%);
}
.vincent_bottom_corners {
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.vincent_top_corners, .vincent_bottom_corners {
    width: 200%;
    height: 10px;
    position: absolute !important;
    left: 0;
    border: solid transparent;
    border-width: 10px 0;
    background-color: #121618;
    background-color: hsla(0, 0%, 0%, 0);
    background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
    background-position: 0 0, 0 0, 0 0, 0 100%, 0 100%;
    background-size: auto auto, 15px 15px, 15px 15px, 15px 15px, 15px 15px;
    background-clip: padding-box, border-box, border-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box, border-box, border-box;
    z-index: 100;
}


/* urunler */
.urunlerimiz-owl {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    background-color: #000000;
    height: 100%;
    padding: 58px 0;
    margin: 80px 0 60px 0;
    background-image: url("../images/unlu-bg.png");
}
.urunler-img {
    width: 100%;
    margin: 0 auto;
    display: table;
    /* padding: 40px; */
    position: relative;
    /* border-right: 1px solid #2e2e2e; */
}

.urunler-metin {
    width: 100%;
    margin: 0 auto;
    display: table;
    text-align: center;
}

.urunler-metin h3 {
    color: #ffffff;
    padding: 15px 0;
    font-size: 19px;
    transition: all ease 0.3s;
}

.urunler-metin p {
    color: #f4f4f3;
    font-family: 'Comfortaa', cursive;
    font-size: 14px;
    margin-bottom: 15px;
}
span.fiyat {
    color: #ededed;
    font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 20px;
}
.urunler-img img {
    width: 55% !important;
    margin: 0 auto;
    display: table;
    transition: all ease 0.3s;
    margin-top: 50px;
}
h3.urunler-baslik {
    color: #f8f8f8;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
h3.urunler-baslik span {
    color: #bf1724;
    font-weight: bold;
}
.urunlerimiz-owl .item:hover .urunler-metin {
    color: #be1522;
}

 

.owl-item .item:hover .urunler-metin h3 {
    color: #be1522;
}

.owl-item .item {
    transition: all ease 0.3s;
}
.owl-item .item:hover .urunler-img img {transform: scale(1.1);}


/* OWL Alti */
.owl-alti {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    background-image: url("../images/unlu-bg.png");
    /* height: 700px; */
    /* opacity: 0.5; */
}

section.dodi-hakkimizda {
    background-image: url("../images/unlu-bg.png");
}




.promotions-img {
    margin-bottom: 30px;
    position: relative;
    border: 4px solid #be1522;
    overflow: hidden;
}

.promotions-img img {
    width: 100%;
    transition: all ease 0.3s;
}

.dodi-hakkimizda .promotions-details {
    background: #ffffff none repeat scroll 0 0;
    border-top: 4px solid #c01e2b;
    color: #be1522;
    margin: -120px auto auto;
    padding: 17px;
    position: relative;
    width: 85%;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 4px solid;
    border-right: 1px solid #dadada;
    box-shadow: 0px 9px 11px -6px #797979;
    border-left: 1px solid #dadada;
}

.dodi-hakkimizda .promotions-details h3 {
    font-family: inherit;
    font-size: 21px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #373736;
    font-weight: 600;
}
.dodi-hakkimizda .promotions-details p {
    color: #373736;
    font-size: 12px;
    margin-bottom: 5px;
    /* text-transform: uppercase; */
    color: #373736;
    margin-top: 15px;
}

.dodi-hakkimizda .promotions-details p {
    font-size: 12px;
    font-weight: 700;
}

.dodi-hakkimizda a.read-more {
    border: 1px solid;
    color: #373736;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 15px 0 10px;
    padding: 10px 26px;
    /* text-transform: uppercase; */
}
.dodi-hakkimizda .single-promotions:hover .promotions-details {
    background: #ffffff;
    color: #fff;
}
.dodi-hakkimizda .single-promotions:hover .promotions-details h3 {
    color: #be1522;
}
.dodi-hakkimizda .single-promotions:hover .promotions-details p {
    color: #be1522;
}
.dodi-hakkimizda .single-promotions:hover a.read-more {
    color: #be1522;
}
.single-promotions:hover .promotions-img img {
    transform: scale(1.1);
}

 

.urunler-img .urun-alt img {
    width: 18% !important;
    margin-top: 0;
}

.urunler-img .urun-alt {
    margin-bottom: 10px;
}
.urunler-img:before {
    content: "";
    position: absolute;
    right: -8px;
    top: 11%;
    bottom: 0;
    height: 200px;
    width: 2px;
    background-color: #fffdfc;
}

.purchase-block {
    background: url('assets/img/purchase-bg.jpg') no-repeat fixed center;
    background-size: cover; 
}

.purchase-block h1, .purchase-block .chipsofic-subtitle {
    color:#fff;
}

.purchase.now {
  margin-top: 50px;
}

.btn-right {
    float: right;
}

.btn-left {
    float: left;
}
.owl-alti-bg {
    width: 100%;
    margin: 120px auto;
    display: table;
    float: left;
    background-color: white;
    border-radius: 7px;
    padding: 50px 0;
    position: relative;
}
.owl-alti-yazi h1 {
    color: #373736;
    font-size: 30px;
    margin-bottom: 20px;
}

.owl-alti-yazi span {
    color: #be1522;
}
a.btn.chipsofic-purchase-btn {
    background-color: #be1522;
    color: white;
    text-align: center;
    font-size: 15px;
    padding: 15px 20px;
}

a.btn.chipsofic-purchase-btn ul {
    padding: 0;
    margin: 0;
}

a.btn.chipsofic-purchase-btn ul li i {
    padding-right: 10px;
    font-size: 16px;
}
.owl-alti-bg:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #be1522;
    border-radius: 7px;
    width: 98%;
    height: 90%;
    margin: 0 auto;
}
.katalog-kutu {
    text-align: center;
    background: url('../images/parallax.jpg') center;
    padding: 70px 0;
    margin-top: 0;
    position: relative;
    
  /* Create the parallax scrolling effect */
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.katalog-kutu .box {
    /* background: #fffffffa; */
    display: block;
    overflow: hidden;
    max-width: 770px;
    margin: auto;
    padding: 90px 0;
    z-index: 3;
    position: relative;
    border-radius: 5px;
    background-image: url("../images/ik-bg.jpg");
    background-attachment: fixed;
    background-position: bottom;
}
.katalog-kutu .katalog-baslik {
    margin-bottom: 0;
}
.katalog-baslik {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.katalog-baslik .katalog-alt-baslik {
    font-size: 24px;
    color: #be1522;
    /* text-transform: uppercase; */
    margin-bottom: 0;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    font-family: 'Comfortaa', cursive;
}
.katalog-kutu p {
    /* line-height: 30px; */
    /* max-width: 600px; */
    /* margin: auto; */
}
 
 
.katalog-baslik h2 {
    position: relative;
    /* text-transform: uppercase; */
    font-size: 23px;
    margin: 0;
    font-weight: 600;
    color: #be1522;
    font-family: 'Comfortaa', cursive;
    letter-spacing: 0;
    padding: 17px 0;
}
.katalog-kutu p {
    /* line-height: 30px; */
    max-width: 600px;
    margin: auto;
    color: #373737;
    width: 50%;
    padding-top: 0;
    font-weight: bold;
    padding-bottom: 30px;
    font-family: 'Comfortaa', cursive;
}
.katalog-kutu a.link {
    display: inline-block;
    line-height: 40px;
    border: 2px solid #bf1522;
    font-size: 12px;
    font-weight: 700;
    background: #be1522;
    padding: 0 40px;
    color: #fff;
    border-radius: 2px;
    transition: all ease 0.3s;
    margin: 10px;
    z-index: 2;
}
.katalog-kutu .box .urun-alt {
    padding-bottom: 10px;
}
.katalog-kutu .box:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #bf1a27;
    width: 97%;
    height: 93%;
    border-radius: 5px;
    margin: 0 auto;
    z-index: -1;
}
.katalog-kutu .box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6cf;
    z-index: -2;
   
}


.urunler-img:after {
  content: "";
  position: absolute;
  right: -9px;
  top: 29%;
  bottom: 0;
  height: 42px;
  width: 4px;
  background-color: #be1522;
}
.footer-top {
 
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    border-top: 3px dashed #be1522;
}
.logo-footer {
    display: table;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #EFBB20;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 240px;
    height: 60px;
}
.logo-header img, .logo-footer img {
    max-width: 86%;
    width: 62%;
    height: auto;
}
footer p {
    line-height: 20px;
    margin-bottom: 10px;
}

footer p, footer li {
    font-size: 13px;
    line-height: 20px;
}
footer p {
    margin-bottom: 10px;
}
footer p, footer strong, footer b, footer {
    color: #999;
}
footer .widget ul {
    list-style: none;
    margin-top: 5px;
}

.dez-social-icon {
    display: inline-block;
    margin: 0 -3px;
    padding: 0;
    text-align: center;
}
.dez-social-icon.border li {
    padding: 0 3px;
}

.dez-social-icon li {
    display: inline-block;
    padding: 0;
    font-size: 12px;
}
.dez-social-icon.border li a {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dez-social-icon li .fa {
    vertical-align: middle;
}
footer a, footer a:visited {
    color: #fff;
}
.dez-social-icon li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 4px;
}
.metinBuyukYaz {
    /* text-transform: uppercase; */
}
footer .widget_categories ul li, footer .widget_archive ul li, footer .widget_meta ul li, footer .widget_pages ul li, footer .widget_recent_comments ul li, footer .widget_nav_menu li, footer .widget_recent_entries ul li, footer .widget_services ul li {
    border-bottom: 1px dashed rgba(102, 102, 102, 0.3);
}

.widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_nav_menu li, .widget_recent_entries ul li, .widget_services ul li {
    padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.11);
    position: relative;
    padding: 10px 10px 10px 15px;
    margin-bottom: 0;
    line-height: 20px;
}
footer p, footer li {
    font-size: 13px;
    line-height: 20px;
}
footer .widget ul {
    list-style: none;
    margin-top: 5px;
    padding: 0;
}
.widget_getintuch li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}
footer p, footer li {
    font-size: 13px;
    line-height: 20px;
}
.widget.widget_getintuch li i {
    transition: all ease 1s;
}
footer .widget_getintuch i {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.30);
}
.widget_getintuch i {
    position: absolute;
    left: 0;
    top: -7px;
    text-align: center;
    border-radius: 31px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.footer-bottom {
    background-color: #131313;
    padding: 30px 0;
    color: #ffffff;
    font-size: 13px;
}
footer.site-footer {
    width: 100%;
    float: left;
    position: relative;
    background-image: url("../images/footer-bg.jpg");
}
.widget.widget_services h4 {
    color: white;
    font-weight: 500;
    border-bottom: 2px dashed #cccccc;
    padding-bottom: 9px;
    margin-bottom: 20px;
}
.widget_categories ul li:before, .widget_archive ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_nav_menu ul li:before, .widget_recent_entries ul li:before, .widget_services ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    font-family: "FontAwesome";
}
.widget.widget_getintuch h4 {
    color: white;
    font-weight: 500;
    border-bottom: 2px dashed #cccccc;
    padding-bottom: 9px;
    margin-bottom: 20px;
}
footer.site-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #0c0c0ce6;
}
.sub-menu ul {
    display: none;
}

.urunler-ic-sayfa {
    width: 100%;
    float: left;
    padding: 70px 0;
}
.urun-liste {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    border: 2px solid #373737;
    margin-bottom: 30px;
}

.urunler-list-img {
    width: 100%;
    float: left;
    position: relative;
    /* border: 2px solid #be1522; */
}

.urunler-list-img img {
    width: 100%;
    float: left;
    position: relative;
}

.urunler-list-yazi {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    opacity: 0;
    transition: all ease 0.3s;
}

.urunler-list-yazi h3 {
    color: white;
    font-size: 20px;
}

.urun-liste:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #0d0d0fa6;
    z-index: 1;
    opacity: 0;
    transition: all ease 0.3s;
}

.urun-liste:hover:before {
    opacity: 1;
}

.urun-liste:hover .urunler-list-yazi {
    opacity: 1;
}
.urunler-ic {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 !important;
}
.urunler-ic-yazi {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

.urunler-ic-yazi p strong {
    color: #be1522;
    font-size: 17px;
}

.urunler-ic-yazi p {
    font-size: 14px;
    font-weight: 500;
    color: #6d6d6d;
    /* font-weight: 600; */
}
.sub-menu ul li a {
    background-color: #373736;
    color: white;
}
 

.yazili-basinlar .basin {
  float:left;
  width:100%;
  display:block;
  position:relative;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid #71717161;
}

.yazili-basinlar .basin:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
}

.yazili-basinlar .basin a {
 position: absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:table;
 margin: auto auto 0 auto;
 width:50px;
 height:50px;
 background: #ffffff;
 border-radius:5px;
 z-index: 999;
 overflow: hidden;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
 opacity:  0;
 visibility: hidden;
}

.yazili-basinlar .basin a:before {
  content:"\f002";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  font-family:"FontAwesome";
  font-size: 30px;
  display:table;
  margin:auto auto;
  width:100%;
  text-align: center;
  color: #1e3f65;
}

.yazili-basinlar .basin .resim {
  position:  relative;
  float:left;
  display:block;
  width:100%;
  height: 264px;
  /* height: calc(22% + +86px); */
}

.yazili-basinlar .basin .baslik {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding: 15px;
  height: calc(18% + +0px);
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
  -moz-transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
  -ms-transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
  -o-transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
  transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
}

.yazili-basinlar .basin .baslik h3 {
  font-size:18px;
  color:  #fff;
  text-align:  center;
  margin: auto 0 0;
  display:  table;
  position:  relative;
  top: -5px;
  left:  0;
  right:  0;
  bottom:  0;
  padding-bottom: 5px;
}

.yazili-basinlar .basin .baslik span {
  font-size: 16px;
  font-weight:  bold;
  color: #e9ab28;
  text-align:  center;
  margin: auto 0 0;
  display: table;
  position: relative;
  top: 0;
  left:  0;
  right:  0;
  bottom:  0;
  width:  100%;
}

.yazili-basinlar .basin:hover .baslik {
  background: rgba(12, 12, 12, 0.76);
  height: 100%;
  -webkit-transition:all cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
  -moz-transition:all cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
  -ms-transition:all cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
  -o-transition:all cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
  transition:all cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
}

.yazili-basinlar .basin:hover a {
  -webkit-transform: translateY(-210%);
  -moz-transform: translateY(-210%);
  -ms-transform: translateY(-210%);
  -o-transform: translateY(-210%);
  transform: translateY(-210%);
  visibility:  visible;
  opacity:  1;
}

.arnavut-boregi-bg{

background-image:url("../images/arnavut-bg.jpg"); 

}
.cig-borek{

background-image:url("../images/cigborek-bg.jpg"); 

}

.pisi-bg{

background-image:url("../images/pisi-bg.jpg"); 

}

.gozleme-bg{
  background-image:url("../images/gozleme-bg.jpg");   
}

.manti-bg{
  background-image:url("../images/manti-bg.jpg");   

}

.yaglama-bg {
      background-image:url("../images/yaglama-bg.jpg");   
}
.pogaca-bg {
    background-image:url("../images/pogaca-bg.jpg");   
}

.kurabiye-bg {
     background-image:url("../images/kurabiye-bg.jpg");  
}
.kahvalti-bg  {
     background-image:url("../images/kahvalti-bg.jpg");  
}
.ust-header-sosyal-aglar .insta-color:hover {
    background: #C13584;
}
.kisayol {display: block;position:fixed;bottom: 22px;left:0px;right: 0;/* border: 1px solid #000000; */background: #006699;height: 25px;width: 100%;z-index: 9999;}
.call-center {float: right;background: #be1522;display: flex;flex-direction: column;width: 100%;height: 47px;overflow: hidden;border-radius: 5px;margin-left: 5px;}

.call-center a {font-size: 18px;font-weight: bold;color: white;padding: 10px 10px;display: flex;/* flex-direction:  row; */justify-content: center;/* width: 100%; */overflow: hidden;text-align: center;}

.call-center a i {/* display: flex; *//* flex-direction: column; *//* justify-content: center; */font-size: 25px;text-align: center;}

.call-center a span.text {

    width: 0;

    overflow: hidden;

    display: block;

    transition: all ease-out .3s;

    /* display:  flex; */

    flex-direction: column;

    justify-content: center;

    line-height: 27px;

}

.call-center a:hover .text {/* overflow:visible; */width: 50%;padding-left: 10px;}
.kisayol{
  display: none;
}
.map {
    width: 100%;
    position: relative;
}

.map iframe {
    width: 100%;
    height: 350px;
}
.sahne-logo {
    margin: 10px auto;
    display: table;
    text-align: center;
}
.sahne-logo img {
    width: 100px!important;
    margin: 0 auto;
    display: table;
}