/* *************************** FONTS *************************** */
@font-face {
  font-family: 'WorkSans-Light';
  src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-Light.otf')  format('opentype'),
       url('../fonts/WorkSans-Light.woff') format('woff'), url('../fonts/WorkSans-Light.ttf')  format('truetype'), url('../fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-Regular.otf')  format('opentype'),
       url('../fonts/WorkSans-Regular.woff') format('woff'), url('../fonts/WorkSans-Regular.ttf')  format('truetype'), url('../fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-Medium.otf')  format('opentype'),
       url('../fonts/WorkSans-Medium.woff') format('woff'), url('../fonts/WorkSans-Medium.ttf')  format('truetype'), url('../fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Bold';
  src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-Bold.otf')  format('opentype'),
       url('../fonts/WorkSans-Bold.woff') format('woff'), url('../fonts/WorkSans-Bold.ttf')  format('truetype'), url('../fonts/WorkSans-Bold.svg#WorkSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-ExtraBold';
  src: url('../fonts/WorkSans-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-ExtraBold.otf')  format('opentype'),
       url('../fonts/WorkSans-ExtraBold.woff') format('woff'), url('../fonts/WorkSans-ExtraBold.ttf')  format('truetype'), url('../fonts/WorkSans-ExtraBold.svg#WorkSans-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WorkSans-Black';
  src: url('../fonts/WorkSans-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/WorkSans-Black.otf')  format('opentype'),
       url('../fonts/WorkSans-Black.woff') format('woff'), url('../fonts/WorkSans-Black.ttf')  format('truetype'), url('../fonts/WorkSans-Black.svg#WorkSans-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* *************************** GENERAL *************************** */
body{font-family: "WorkSans-Regular";}

ul,
p{margin: 0;}

strong{font-family:"WorkSans-Bold";}

.hamburger { vertical-align: middle; }

.padding0{padding:0;}
.ml-30{margin-left: 30px;}
.p-50{padding:50px 0;}
.m-50{margin: 50px 0;}

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus,
a:focus {outline: 0px auto -webkit-focus-ring-color;}


/* *************************** MENÜ *************************** */ 
.navbar {margin-bottom: 0px;}
.navbar-inverse {background-color:rgb(255, 255, 255); border-color:transparent; height: 135px; transition: height .44s ease-in-out;}
.navbar-fixed-top{top:0; border-width:0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.23);}

.navbar-inverse .top-menu{background-color:rgb(243, 244, 245); height: 40px; transition: all .44s ease-in;}
.navbar-inverse .top-menu ul li{vertical-align: middle; line-height: 40px;}
.navbar-inverse .top-menu ul li.tel { font-size: 14px;  font-family: "WorkSans-Light";  color: rgb(229, 0, 0);}
.navbar-inverse .top-menu ul li.tel a{color: rgb(158, 158, 158); text-decoration: none;}
.navbar-inverse .top-menu ul li .nice-select {color: rgb(158, 158, 158); background-color: transparent; border-radius: 0; border: none; height: 40px; line-height: 38px;}
.navbar-inverse .top-menu ul li .nice-select:after {border-bottom: 4px solid rgb(229, 0, 0); border-right: 4px solid rgb(229, 0, 0); height: 10px; margin-top: -7px; width: 10px;}

.navbar-inverse .menu{height: 95px; position: relative; top: 0px; transition: all .44s ease-in;}
.navbar-inverse .menu .navbar-header{position:absolute; top:-30px; max-width: max-content; min-height: -webkit-fill-available;}
.navbar-inverse .menu .navbar-brand{padding: 10px 15px; height: 123px;}
.navbar-inverse .menu .navbar-brand>img {transition: all .44s ease-in;padding: 0px 15px;}

.navbar-inverse .menu .navbar-nav{position: relative; }
.navbar-inverse .menu .navbar-nav li{margin:0 15px; vertical-align: middle;}
.navbar-inverse .menu .navbar-nav li a{font-size: 15px; color: rgb(29, 28, 33);  text-align: center; line-height:95px; text-decoration: none; background-color: transparent; transition: all .44s ; padding:0 15px}
.navbar-inverse .menu .navbar-nav li a:focus, 
.navbar-inverse .menu .navbar-nav li a:hover {color:rgb(29, 28, 33); background-color: transparent;}
.navbar-inverse .menu .navbar-nav li ul li,
.navbar-inverse .menu .navbar-nav li ul li a{margin: 0; padding: 0;}

.navbar-inverse .menu .navbar-nav>li>a{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.navbar-inverse .menu .navbar-nav>li>a:before,
.navbar-inverse .menu .navbar-nav li.active a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:30px;background:rgb(216, 192, 38);height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.navbar-inverse .menu .navbar-nav>li>a:active:before,
.navbar-inverse .menu .navbar-nav>li>a:focus:before,
.navbar-inverse .menu .navbar-nav>li>a:hover:before,
.navbar-inverse .menu .navbar-nav li.active a:before{left:15px;right:15px;}

.small.navbar-inverse {height: 95px;}
.small.navbar-inverse .top-menu{opacity: 0;}
.small.navbar-inverse .menu{top: -40px;}
.small.navbar-inverse .navbar-brand>img {width: 80%; margin: 0 auto;}
.small.navbar-inverse .menu .navbar-header {top: 0px;}
.small.navbar-inverse .menu .navbar-brand {height: inherit;     padding: 5px 15px;}

#slide-nav .navbar-header .navbar-toggle {cursor: pointer;position: relative;line-height: 0;float: right;margin: 0;width: 30px;height: 40px;padding: 10px 0 0 0;border: 0;background: transparent;}
#slide-nav .navbar-header .hamburger-inner, 
#slide-nav .navbar-header .hamburger-inner::before, 
#slide-nav .navbar-header .hamburger-inner::after {background-color: rgb(31, 30, 34);}
#slide-nav .navbar-toggle.slide-active .hamburger-inner, 
#slide-nav .navbar-toggle.slide-active .hamburger-inner::before, 
#slide-nav .navbar-toggle.slide-active .hamburger-inner::after { background-color: rgb(230, 0, 0);}
body.slide-active {overflow-x: hidden}
@media (max-width:979px) { 
  .ml-30{margin-left: 0px;}

  .navbar-inverse,
  .navbar-inverse .menu,
  #slide-nav .navbar-header,
  .navbar-inverse .menu .navbar-brand {height: 100px;}

  #slide-nav .navbar-header { position: relative; padding: 0 30px; top:inherit; max-width: 100%; margin: 0;}
  #slide-nav .navbar-header .navbar-toggle {margin-top: 10px !important; margin-right: 30px !important;}
  #slide-nav .navbar-header .navbar-brand img {width: 70%; padding: 7px 0;}


  .navbar-inverse .menu .navbar-nav>li{ width: max-content; margin: 0 auto;}
  .navbar-inverse .menu .navbar-nav>li>a {line-height: 3;}
  .navbar-inverse .menu .navbar-nav>li>a:before, 
  .navbar-inverse .menu .navbar-nav li.active a:before {bottom: 10px;}
  .navbar-inverse .navbar-nav>li .nice-select {position: absolute; left: 50%; margin-left: -33px; }
   
  #slide-nav .navbar-header .navbar-toggle.slide-active {margin-right: 0px !important;} 
  #slide-nav #slidemenu {background: rgb(255, 255, 255);right: -100%;width: 70%;min-height: 100%;min-width: 0;position: absolute;padding: 30px 0;padding-left: 0;z-index: 2;top: -8px;margin: 0;}
  #slide-nav.navbar-inverse #slidemenu ul{text-align: center; -webkit-padding-start: 0;}
  #slide-nav #slidemenu .navbar-nav { min-width: 0;width: 100%;margin: 0;left: 0;}
  #slide-nav #navbar-height-col {position: fixed;top: 0;height: 100%;width: 70%;right: -80%;background: rgb(255, 255, 255);z-index: 1;border: 0;}
  #slide-nav .navbar.slide-active {position: absolute;width: 80%;top: -1px;z-index: 1000;}
  #page-content.slide-active.banner-home{ margin-top: 125px !important;}
}

/* *************************** ANASAYFA *************************** */
.banner-home{ margin-top: 135px;}
.banner-home #slider .owl-theme .owl-nav {margin-top: 0; position: absolute;  right: 15%;  bottom: 0; background-color:rgb(56, 70, 78);}
.banner-home #slider .owl-theme .owl-nav [class*=owl-]{background-color:rgb(31, 30, 33); border-radius:0; color:rgb(220, 183, 118); width: 70px; height: 70px; margin:0; padding: 13px 15px; transition: all 300ms;}
.banner-home #slider .owl-theme .owl-nav [class*=owl-]:hover{background-color:rgb(46, 44, 49);}

.bg{background-color:rgb(31, 30, 33);}
.post-bg{background-color:rgb(183, 153, 101); height: 3px; width: 180px;}

.content .about label{ font-size: 30px; font-family: "WorkSans-Light"; color: rgb(255, 255, 255);  line-height: 2; margin: 0;}
.content .about label strong{ font-family: "WorkSans-ExtraBold";}
.content .about p{ font-size: 15px; color:rgb(255, 255, 255);  line-height: 1.6; text-align:justify;}

.butt{background-color:rgb(229, 0, 0); margin: 0 auto; display: table; transition: all 300ms ;} 
.butt:hover{background-color: transparent; }
.butt .buton{padding:15px 30px;  margin: 0 auto; display: table;}
.butt .buton a{text-decoration: none; color: rgb(255, 255, 255); line-height: 1.2; text-align: center;}
.butt .buton.hvr-hollow { box-shadow: inset 0 0 0 4px  rgb(229, 0, 0), 0 0 1px transparent !important;}

footer .footer{background-image: url(../img/4.png); width: 100%; height: auto; background-size: 100%; background-repeat: no-repeat;}
footer .footer ul{-webkit-padding-start: 0px;}
footer .footer .social { background-color:rgb(229, 0, 0); height: max-content;}
footer .footer .social li{ width: 48%;line-height: 8.4; text-align: center; padding:0;}
footer .footer .social li.hr{width: 70%; margin: 0 auto; display: table;}
footer .footer .social li.hr hr{border-color: rgb(255, 255, 255); margin: 0;}
footer .footer .social li.right:after{ content: '';  position: absolute;  top: 40px; left: inherit; margin-left:50px;background-color:rgb(255, 255, 255); width: 1px;  height: 160px; }
footer .footer .social a{ color:transparent;}
footer .footer .social a .fa-stack {  border: 1px solid rgb(255, 255, 255);  border-radius: 50%; transition: all 300ms ;}
footer .footer .social li,
footer .footer .social a .fa-stack-1x {  color: rgb(255, 255, 255); transition: all 300ms ;}

footer .bg .cont ul li,
footer .bg .cont ul li a{ list-style: none; font-size: 14px; color: rgb(255, 255, 255); line-height: 1.714; text-decoration: none;}
footer .bg .cont img{margin: 0 auto;}

footer .bg .cont form p {font-size: 18px; color: rgb(255, 255, 255); text-align: right;}
footer .bg .cont form .form-control {  font-size: 15px;  color: rgb(255, 255, 255);  padding: 12px 20px;  background-color: transparent;  border-color: transparent; border-radius: 0px;   }
footer .bg .cont form .btn { color: rgb(255, 255, 255); background-color:rgb(229, 0, 0); padding: 12px 20px;  border: none;  border-radius: 0px; letter-spacing: 1px; }
footer .bg .cont hr { border-color: rgb(84, 101, 111); margin: 0;}

footer .copy p{ font-size: 13px; color: rgb(126, 151, 165); margin:15px 0;}
footer .copy p strong{color:rgb(183, 153, 101); }
footer .copy img{ margin:15px 0 !important; float: right;}

/* *************************** KURUMSAL *************************** */
.banner-home .cover{ position: relative; width: 100%;}
.banner-home .cover img{ width: 100%;}
.banner-home .cover .cover-content{position: absolute; top:0; left: 0; width: 100%; height: 100%; padding: 90px 0;}
.banner-home .cover .cover-content h1{ font-size:35px; color: rgb(255, 255, 255); margin-bottom:0; margin-top: 0; letter-spacing: 2px;}
.banner-home .bread .breadcrumb{background-color:transparent; text-align: right;  border-radius: 0;  margin: 0;}
.banner-home .bread .breadcrumb>li,
.banner-home .bread .breadcrumb>li a{color: rgb(255, 255, 255); text-decoration: none;}

.content.sub-page .quick-menu{text-align: center; padding: 30px 0; border-bottom: 1px solid rgb(76, 92, 101);}
.content.sub-page .quick-menu .nav li{display: inline-block;}
.content.sub-page .quick-menu .nav li a{font-size: 15px; line-height: 2.15; color: rgb(255, 255, 255); text-decoration: none; transition: all 800ms ;}
.content.sub-page .quick-menu .nav li:hover a,
.content.sub-page .quick-menu .nav li.active a{color: rgb(183, 153, 101); background-color: transparent;}

.content.sub-page .about{background: none;}
.content.sub-page .about p{ text-align: left;}
.content.sub-page .about .color{ display: inline-block;}

/*********************** İLETİŞİM *************************** */
.content.sub-page .contact{}
.content.sub-page .contact label{ font-size: 25px; font-weight: 800; color:rgb(255, 255, 255);  }
.content.sub-page .contact p,
.content.sub-page .contact p a{ font-size: 15px; color: rgb(255, 255, 255); line-height: 2; text-decoration: none;}

.content.sub-page .form{}
.content.sub-page .form label{ font-size: 25px; font-weight: 800; color:rgb(183, 153, 101); margin-left: 15px; }
.content.sub-page .form p { font-size: 15px;color: rgb(255, 255, 255); line-height: 1.467; margin-left: 15px;}
.content.sub-page .form .form-control {  height: 52px;  padding: 10px 20px; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);  border-radius: 0px; background-color: transparent;}
.content.sub-page .form textarea.form-control {  height: inherit; padding: 20px}
.content.sub-page .form .btn{color: rgb(255, 255, 255); border-color:rgb(229, 0, 0);  background-color:rgb(229, 0, 0); padding:10px 30px; text-align: center; border-radius:0px; text-decoration: none; transition: all 1s ;}
.content.sub-page .form .btn:hover{box-shadow:0px 3px 24px 0px rgba(230, 0, 0, 0.5);}

.yol{position: absolute; top:50%; left: 50%; margin-top: -33px; margin-left: -146px; z-index: 999;}


/*********************** RESPONSİVE *************************** */

@media screen and (min-width: 1301px) and (max-width: 1600px) {
  .banner-home .cover .cover-content {
    padding: 75px 0;
  }
}
@media screen and (min-width: 980px) and (max-width: 1300px) {
  .banner-home .cover .cover-content {
    padding: 60px 0;
  }
  .banner-home .cover .cover-content h1 {
    font-size: 25px;
  }
  footer .footer {background-size: cover;}
}
@media screen and (max-width: 979px) {
  .banner-home {margin-top: 100px;}

  .banner-home #slider .owl-theme .owl-nav,
  footer .footer .social li.right:after,
  footer .footer .social li.hr{display: none;}
  footer .footer .social{text-align: center;}
  footer .footer .social li {width: inherit;padding: 0 15px;}
  footer .footer{background-image: none;}
  footer .copy p{text-align: center;}
  footer .bg .cont img {margin: 10px auto !important;float: none; }


  .content.sub-page{margin-top: 100px;}
}