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

/* *************************** *************************** */
.padding0{padding:0;}
.p-50{padding:50px 0;}
.m-30{margin: 30px 0;}
body{
  font-family: "Muller-Regular";
}
strong{
  font-family: "Muller-Bold";
}

/* *************************** Header *************************** */

body.slide-active {overflow-x: hidden}
.navbar {margin-bottom: 0px;}
.navbar-inverse {background-color: rgba(0, 0, 0, 0); border-color: transparent; height: 100px; transition: all 1s ;}
#slide-nav .navbar-header {position: relative}
#slide-nav .navbar-header .navbar-brand {padding: 15px; height: 90px; margin-top: 10px;}
.navbar-brand>img {height:100px; transition: width 0.8s ease-in-out;}
.sticky .navbar-brand>img {height:60px;}
#slide-nav #slidemenu ul{list-style-type: none; margin-bottom: 7px;}
#slide-nav #slidemenu .top-menu {position: relative; margin: 10px 0;}
#slide-nav #slidemenu .top-menu li,
#slide-nav #slidemenu .top-menu li a{font-size: 14px; color: rgb(255, 255, 255);  line-height: 1.2;}
#slide-nav #slidemenu .top-menu li a i{font-size: 20px;    margin-top: -5px;
    padding: 0 10px;}
#slide-nav #slidemenu .top-menu .form-group {margin-bottom: 0;}
#slide-nav #slidemenu .top-menu .form-group .form-control {line-height: 25px;height: 25px; font-size: 14px; color: #fff; background-color: transparent; border:none;}
#slide-nav #slidemenu .top-menu .nice-select:after {margin-top: 4px;}
#slide-nav #slidemenu .top-menu .nice-select .list {background-color: #010101;
    border-radius: 0;}

#slide-nav #slidemenu .top-menu .nice-select .option:hover, 
#slide-nav #slidemenu .top-menu .nice-select .option.focus, 
#slide-nav #slidemenu .top-menu .nice-select .option.selected.focus {
    background-color: #f58e02;
    line-height: 40px;
}

#slide-nav #slidemenu .home-menu .navbar-nav{position: relative; top:38px; margin-right: -180px; vertical-align: top; display: inline-block;}
#slide-nav #slidemenu .home-menu .navbar-nav>li>a{font-size: 15px; color: rgb(255, 255, 255); text-align: center; line-height: 1.2; text-decoration: none;}
#slide-nav #slidemenu .home-menu .navbar-nav>li>a:focus, 
#slide-nav #slidemenu .home-menu .navbar-nav>li>a:hover {color: #fff; background-color: transparent;}
#slide-nav #slidemenu .home-menu .navbar-nav li.active a {color: rgb(245, 143, 1); background-color: transparent;}
.navbar-inverse .home-menu ul.children { position: absolute;  left:0px;  top: 48px;  width:250px;  display: none;  margin: 0; padding: 15px;  background-color: rgb(1, 1, 2);  box-shadow: 5px 10px 20px 4px rgba(23, 21, 21, 0.34);}
.navbar-inverse .home-menu ul.children  li {  padding: 5px 0;  margin-right: 5px;  border-bottom:1px solid rgba(236, 201, 32, 0.22);}
.navbar-inverse .home-menu ul.children  li a { border-right: 0;  font-size: 15px;  text-decoration: none;  color: #fff; margin-left: 15px;}
.navbar-inverse .home-menu ul.children li:hover { background-color: transparent;  box-shadow: 0px 0px 20px 0px rgb(189, 156, 42);}

.sticky {background-color:  rgb(38, 50, 56) !important; }
#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 .navbar-toggle > .icon-bar {width: 100%;display: block;height: 3px;margin: 5px 0 0 0;}
#slide-nav .navbar-header .navbar-toggle.slide-active .icon-bar {background: rgb(243, 140, 1);}
#slide-nav .navbar-header .navbar-toggle:focus, 
#slide-nav .navbar-header .navbar-toggle:hover {background-color: transparent;}



.navbar-inverse li.drop-down, 
.navbar-inverse li.drop-down .flyout-right{position: relative; height: inherit;}
.navbar-inverse li.drop-down>ul {top: 93px;min-width: max-content;}
.navbar-inverse li.drop-down .drop-down-ul {display: none;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.24); background-color: #FFF;}
.navbar-inverse li.drop-down:hover .drop-down-ul{display: block;}
.navbar-inverse li.drop-down>ul,
.navbar-inverse li.drop-down .drop-down-ul .flyout-right>ul {position: absolute;list-style:none;-webkit-padding-start: 0px;}
.navbar-inverse li.drop-down>ul>li>a {line-height: 2;text-decoration:none;color: rgb(98, 98, 98);font-size:20px;display: block;padding:10px 15px;background-color:transparent;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; transition:all .44s ease-in;}
.navbar-inverse li.drop-down>ul>li>a:hover{background-color:rgb(255, 255, 255);color:rgb(115, 168, 187);}
.navbar-inverse li.drop-down .drop-down-ul .flyout-right ul>li>a {color:rgb(95, 95, 95);font-size:17px;display: block;padding:15px 22px;text-decoration: none;background-color: rgb(255, 255, 255);border-bottom: 1px solid rgb(239, 239, 239);-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
.navbar-inverse li.drop-down .drop-down-ul .flyout-right ul>li>a:hover{color:rgb(35, 71, 107);}
.navbar-inverse li.drop-down .drop-down-ul .flyout-right>ul {top: 0; left: 100%;min-width: 240px;display: none;  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.24);}
.navbar-inverse li.drop-down .drop-down-ul:hover, 
.navbar-inverse li.drop-down .drop-down-ul li.flyout-right>ul:hover, 
.navbar-inverse li.drop-down .drop-down-ul li.flyout-right a:hover +ul, 
.navbar-inverse li.drop-down>a:hover +.drop-down-ul {
    display: block;
}


@media (max-width:979px) { 
  .navbar-inverse {background-color: rgb(38, 50, 56);}
  #slide-nav .navbar-header {padding: 0 15px;}
  #slide-nav .navbar-header .navbar-toggle {margin-top: 25px !important; margin-right: 20px !important;}
  #slide-nav .navbar-header .navbar-brand {float: none;}
  #slide-nav .navbar-header .navbar-brand img {width: 25%; margin-top: 5px; height: 100%;}
  #slide-nav #navbar-height-col {position: fixed; top: 0;height: 100%;width: 70%;right: -80%;background: #eee;}
  #slide-nav.navbar-inverse #navbar-height-col {background: #273238;z-index: 1;border: 0;}

  #slide-nav #slidemenu .navbar-nav { min-width: 0;width: 100%;margin: 0;left: 0;}
  .navbar-inverse .home-menu .navbar-nav>li>a::after {border-right: none;}
  #slide-nav .navbar.slide-active {position: absolute;width: 80%;top: -1px;z-index: 1000;}
  #slide-nav #slidemenu {background: #273238;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;}
  #page-content.slide-active.banner-home {  margin-top:100px !important; }
  #slide-nav #slidemenu .home-menu .navbar-nav {  top: 0;  margin-right: inherit;}
  #slide-nav #slidemenu .top-menu { text-align: center;}
  #slide-nav #slidemenu .menu { margin-left: -40px;}
  
  #slide-nav #slidemenu .top-menu .form-group .form-control { height: 35px;}
  .navbar-inverse  .home-menu ul.children  li a{ color: rgb(215, 215, 215);}
  .navbar-inverse .home-menu ul.children {
    box-shadow: none;
    background-color: #273238;
    display: none;
    position: relative;
    left: inherit;
    top: inherit;
    width: inherit;
    padding: 0;
}
  .navbar-inverse  .home-menu ul.children  li{  border-bottom: none; text-align: center; }
  .navbar-inverse .home-menu ul.children  li:hover { background-color: transparent;  box-shadow: 0px 0px 0px 0px rgb(189, 156, 42);}
  
}

/* *************************** ANASAYFA *************************** */

.cookies{
    position: fixed;
    bottom: 0;
    z-index: 1999;
    width: 100%;
    background-color: #fff;
    padding: 15px 30px;
}
.cookies p{
    width: 70%;
    margin: 0;
}
.close {
    float: right;
    font-size: 16px;
    font-weight: 100;
    line-height: 2;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    background-color: #000;
    padding: 10px;
    position: absolute;
    right: 15%;
    top: 15px;
}
.close a { color: #fff;}


.banner-home #slider {position: relative;}
.banner-home #slider .border{position: absolute; bottom:0; background-color:rgba(44, 92, 98, 0.961); height: 90px; width: 25%; z-index: 9;}
.owl-theme .owl-nav {position: absolute;  bottom: 15px;  left: 18%;  margin-top: 0;}
.owl-theme .owl-nav [class*=owl-] { color: rgb(245, 143, 1) !important;  font-size: 30px !important; margin: 0 !important;  padding: 0px 15px !important;  background: transparent !important;}
.owl-theme .owl-dots {position: absolute;  bottom: 25px;  left: 5%; }
.owl-theme .owl-dots .owl-dot span {background:rgb(255, 255, 255) !important;}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {  background: rgb(245, 143, 1) !important;}

.content .banner .fon{background-color: rgba(44, 92, 98, 0.961);}
.content .banner .fon img{ margin: 30px auto; }
.content .banner h1{ font-size: 30px; font-family: "MullerExtraBoldDEMO";  color: rgb(44, 92, 98);  line-height: 1.2;}
.content .banner p.slogan{ color:rgb(33, 41, 56);  line-height: 1.2; font-size: 30px;}
.content .banner a{color: #fff;  text-align: center; border-radius: 10px; background-color: rgb(245, 143, 1); padding: 10px 30px; text-decoration: none;}  
.content .banner a.hvr-bounce-to-right:before { border-radius: 10px;  background: rgb(44, 92, 98);}
.content .banner a:hover{color: #fff;}

.content .pro .product .img{position: absolute; top:0; left:0; width: 100%; height: 100%; padding: 80px 30px;}
.content .pro .product .img h2{ font-family: "Muller-Bold";  color: rgb(255, 255, 255); text-align: center;}
.content .pro .product .img p{ color: rgb(255, 255, 255); text-align: center; margin: 100px 0;}
.content .pro .product .img a{ color: #fff;  text-align: center; border-radius: 10px; background-color: rgb(245, 143, 1); padding: 10px 30px; margin: 0 auto; display: table; text-decoration: none; position: relative; top: 70px;}  
.content .pro .product .img a.hvr-bounce-to-right:before { border-radius: 10px;  background: rgb(44, 92, 98);}
.content .pro .product .img a:hover{color: #fff;}

.content .pro .product .title{position: absolute; bottom:0; left:0; padding:50px; width: 100%; height: 144px; opacity: 1;}
.content .pro .product .title p{ font-size:19px; font-family: "Muller-Bold";  color: rgb(255, 255, 255); line-height: 1.2;  text-align: center; margin: 0; transition: 300ms;}
.content .pro .product .hover{position: absolute; bottom:0; left:0; padding: 30px; background-color: rgb(152, 92, 120);; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.13); width: 100%; height: 144px; opacity: 0; transition: 300ms; }
.content .pro .product .hover ul{ margin: 8px 0; }
.content .pro .product .hover li.p{ font-size:19px; font-family: "Muller-Bold";  color: rgb(255, 255, 255); line-height: 1.2;  text-align: left; margin: 0; width: 50%;}
.content .pro .product .hover .fa-stack {  border: 2px solid #ffffff;  border-radius: 50%;  color: transparent;}
.content .pro .product .hover .fa-stack-1x {  color: rgb(252, 219, 67);  font-size: larger; bottom: 0px; left: 2px; transition: 300ms;}
.content .pro .product .hover span:hover .fa-stack-1x {  transform: translateX(5px);}
.content .pro .product:hover .title{opacity: 0;}
.content .pro .product:hover .hover{opacity: 1;}

footer .footer { background-color:rgb(139, 128, 125);}
footer .footer img{height: 100px; margin: 0 auto; }
footer .footer ul{text-align: center; margin: 50px auto;}
footer .footer ul li a{text-align: center; color: rgb(255, 255, 255); font-size: 15px; text-decoration: none; padding: 10px 30px;}
footer .footer form label{ color: rgb(255, 255, 255);  margin: 30px auto; display: table; letter-spacing: 1px;}
footer .footer form .form-control { height: 50px;  padding: 7px 15px; border-radius: 8px 0 0 8px; border-color: #fff; }
footer .footer form .btn-default {  color: #fff;  background-color: rgb(101, 84, 82);  border-color:rgb(101, 84, 82);  font-family: "MullerExtraBoldDEMO";  height: 50px;  border-radius: 0 8px 8px 0; width: 100%;}
footer .copy p,
footer .copy img{margin: 15px 0;}
footer .copy img{float:right;}
footer .copy p{font-size: 12px;color: rgb(102, 83, 82);}

/* *************************** KURUMSAL *************************** */
.banner-home .cover{ background-color: rgb(38, 50, 56);height: 205px;}
.banner-home .cover-content{ position: absolute; top: 120px; width: 100%;}
.banner-home .cover-content .border{ background-color: rgb(196, 196, 196); height: 1px; width: 123px; margin: 5px auto; }
.banner-home .cover-content h1{ font-family: "Muller-Bold";  color: rgb(255, 255, 255);  line-height: 1.2;  text-align: center;}
.banner-home .cover-content ul{text-align: right; margin-top: -40px;}
.banner-home .cover-content ul li,
.banner-home .cover-content ul li a{  font-size: 14px;  color: rgb(255, 255, 255); text-decoration: none; }

.content.sub-page .quick-menu{  background-color:rgba(151, 93, 119, 0.961); margin-top: -52px; padding-bottom: 30px;}
.content.sub-page .quick-menu ul{ list-style-type: none; margin-left: -40px; }
.content.sub-page .quick-menu li.title{ font-size: 15px; color: rgb(255, 255, 255); line-height: 3.533; text-align: center; background-color:rgba(151, 93, 119, 0.961); border-right: none;}
.content.sub-page .quick-menu li.title:hover{border-right: none;} 
.content.sub-page .quick-menu li:hover,
.content.sub-page .quick-menu li.active{ background-color:rgba(121, 65, 90,0.961); border-right:13px solid rgba(241, 146, 0,0.961); }
.content.sub-page .quick-menu li a{ font-size: 15px; color: rgb(255, 255, 255); line-height: 3.533;  text-decoration: none; margin-left: 30px;} 

.content.sub-page .banner{text-align: center; color: rgb(33, 41, 56);}
.content.sub-page .post {margin: 100px 0 20px;  background-color: rgb(33, 41, 56); padding: 30px 0;}
.content.sub-page .post p { font-size: 15px; color:rgb(255, 255, 255); text-align:center; margin: 20px;}
.content.sub-page .post img{margin-top: -80px;}

/* *************************** İLETİŞİM *************************** */

.content.sub-page .contact .adres{ position: absolute; bottom:100px;}
.content.sub-page .contact h2{ color: rgb(245, 143, 1); font-family: "Muller-Bold"; }
.border1{ background-color:rgba(241, 146, 0, 0.961); height: 2px; width:150px; margin: 3px 0;}
.content.sub-page .contact .adres ul{list-style-type: none; margin: 30px 0;}
.content.sub-page .contact .adres li,
.content.sub-page .contact .adres li a{  color: rgb(255, 255, 255); text-decoration: none;}
.content.sub-page .contact .form{ position: absolute; top:100px; right: 0; background-color: #fff; padding: 30px; } 
.content.sub-page .contact .form .form-control {color: rgb(69, 90, 100); height: 50px; padding: 0px 15px; background-color: transparent;  border: 1px solid transparent;  border-radius: 0; border-bottom: 1px solid rgb(69, 90, 100); box-shadow: inset 0 1px 1px rgba(0,0,0,0);}
.content.sub-page .contact .form .btn-default,
.content.sub-page .contact .form .btn-default:hover,
.content.sub-page .contact .form .btn-default:active {color: rgb(69, 90, 100); font-family: "Muller-Bold"; border-color: transparent;  border-bottom: 1px solid rgb(69, 90, 100);  border-radius: 0; background-color: transparent; margin-bottom: 30px;}


/* *************************** ÜRÜNLER *************************** */
.content.sub-page .product p.title{ font-size:25px; color: rgb(44, 92, 97); text-align: left;}
.content.sub-page .product p{ font-size:15px; color:rgb(33, 41, 56); text-align: left;}
.content.sub-page .product img{margin: 15px auto;}

/* *************************** RESPPONSİVE *************************** */

@media screen and (min-width:1365px) and (max-width:1565px) {
  .banner-home .cover-content h1 { margin-top: 0;}
}

@media screen and (min-width:1200px) and (max-width:1364px) {
  .banner-home .cover-content {  top: 110px;}
  .banner-home .cover-content h1 { margin-top: 0;  font-size: 25px; }
  .content .pro .product .img p {  margin: 50px 0;}
  .content .news h2 {  font-size: 20px; }
}

@media screen and (min-width:980px) and (max-width:1199px) {
  #slide-nav .navbar-header { position: relative;width: 25%; padding: 20px 0px;}
  #slide-nav #slidemenu .home-menu .nav>li>a { font-size: 13px;}

  .content .banner .fon {padding: 80px 0;}
  .content.sub-page .contact .adres {
    bottom: 10px;
}

  .banner-home .cover-content {  top: 100px;}
  .banner-home .cover-content h1 { margin-top: 0; font-size: 20px;}
  .content.sub-page .quick-menu {  margin-top: 60px;}
  .content.sub-page .quick-menu li a { font-size: 13px;}
  .content .pro .product .img p {  margin: 20px 0;}
  .content .pro .product .img h2 {  font-size: 20px;}
  .content .pro .product .hover li.p { font-size: 13px;}
  .content .pro .product .hover { height: 124px;}
  .content .news h2 {  font-size: 20px;}
}

@media screen and (max-width:979px) {
  .banner-home #slider .border {display: none;}

  .banner-home .cover {height: 70px;}
  .banner-home{  margin-top: 100px}
  .banner-home .cover-content .border{display: none;}
  .content .banner p.slogan {  margin: 20px 0;}
  .banner-home .cover-content h1 {  margin-top: 0;  font-size: 20px;}
  .owl-theme .owl-nav{display: none;}
  .content .banner a{  margin-bottom: 30px;}
  .content .pro .product .img {  padding: 30px 10px;}
  .content .pro .product .img h2 {  font-size: 15px; }
  .content .pro .product .img p { margin: 10px 0; font-size: 13px;}
  .content .pro .product .img a {  padding: 5px 30px; }
  .content .pro .product .title { padding: 30px;  height: 100px;}
  .content .pro .product .title p{ font-size: 13px;}
  .content .pro .product .hover { padding: 15px; height: 100px;}
  .content .pro .product .hover li.p {  font-size: 11px;}
  .content .pro .product .hover .fa-stack {  width: 1.5em;  height: 1.5em;  line-height: 1.5em;}
  .content .news h2{text-align: center;}
  footer .footer-top ul,
  footer .copy p {  text-align: center;}
  footer .footer form .btn-default {  width: 100%;}
  footer .copy img {  float: none;  margin: 15px auto;}
  footer .footer-top ul li.title {  font-size: 26px;  text-align: center;  margin-right: 0;}
  footer .katalog img {  margin: 0 auto;}
  footer .social,
  footer .katalog {  padding: 15px 50px;}
  footer .footer {  padding: 30px 0;}
  .content.sub-page .brands {  padding: 30px 0;}
  .content.sub-page .contact .form {  position: relative;  top: inherit;  right: inherit;}
  .content.sub-page .contact .adres {  position: relative;  bottom: inherit;  margin-left: 30px;}
  .content.sub-page .contact .adres li, 
  .content.sub-page .contact .adres li a {  color: rgb(44, 92, 98);}
  .content.sub-page .news .bg .media .media-body .media-heading span{display: none;}
  .content.sub-page .news {  padding: 30px 0;}
  .content.sub-page .post {  margin: 20px 0;}
  .content.sub-page .post img {  margin-top: 0;}
}