;ü

body{
    background-color:#FFF;
    font-size:16px;
    font-weight: 400;
    color: #222;
    line-height: 30px;
    
    }


/* GENERAL */
h1{font-size: 54px;  font-weight: 800;}
h2{font-size: 44px;  font-weight: 800; line-height: 55px;}
h3{font-size: 35px;  font-weight: 800; line-height: 40px;}
h4{font-size: 24px;  font-weight: 800; line-height: 35px;}
h5{font-size: 16px;  font-weight: 800; line-height: 24px;}
h6{font-size: 12px;  font-weight: 800; line-height: 27px;}
.huge{font-size: 80px;}

.h-liner:after{content:" "; display: block; width: 155px; height: 2px; background-color: #005a7f; margin: 10px auto;}
.panel, .panel-heading, .panel-footer{border-radius: 0; border:none; text-align: center;}
.light,.fw-100{font-weight: 100}
.regular,.fw-400{font-weight: 400}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.fw-800{font-weight: 800}
.bold,.fw-900{font-weight: 900}
.bold{font-weight: 'bold'}
.Montserrat{font-family: 'Montserrat', sans-serif;}
.line{width: 100%; height: 1px;   position: relative; display:block;}
a{color:#222; text-decoration: none; transition:all .8s ease 0s}
a:hover{color:#222; text-decoration: underline}

 /* TOP_BAR */
.top-bar{display:inline-block; padding: 3px 0px; font-size: 12px; color:black; background-color: #f86611; position: relative; top:0px; z-index: 999; width: 100%;  }
.top-bar a{color:black;}
.top-bar span{padding: 0 10px}
.top-area{padding: 10px 0; 
font-size: 12px; color:black;}
.whatsapp{width: 50px; height: 50px; position: fixed; bottom: 10px; right: 5px; z-index: 102;}
.whatsapp img{width: 50px; height: 50px;}
 /* GENERAL */
/* MENU */
.menu-bar{background-color: white; z-index: 9; position: relative;border:none; width: 100%; left: 0;top: 0; margin: auto; transition: all .5s ease}
.menu-bar .logo{text-align: left; width: 100%; padding: 10px 0 }
.menu-bar .logo a img{height: 88px; padding: 10px;}

.navbar{background-color: transparent;margin-top:0px; margin-bottom: 0px; border:none; min-height: 40px}
.navbar-default a{font-weight: 700; line-height: 35px; font-size: 14px; text-align: center; transition:all .4s; color:#111; padding: 18px 15px !important;}
.navbar-default li{background:transparent;  transition:all .4s; margin: 0 3px; border-right: 0px solid rgba(0,0,0,.05) }
.navbar-header{background-color: transparent; padding: 10px;}
.navbar-default .navbar-nav > li > a{transition:all .4s;  border:3px solid transparent; font-weight: 600; font-family: 'Montserrat'}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#000;}
.nav > li > a:hover, .nav > li > a:focus{background:#f86611; color:white;}
.dropdown-menu{min-width: 250px; }
.dropdown-menu li a{  text-align: left; padding: }
.main-nav-scrolled{position: fixed; width: 100%; left: 0;top: 0; right:0; margin-left: 0; z-index: 9; transition:all .4s; margin-bottom: 110px}
.dropdown-menu li a{  border-radius: 0 ;padding: 10px 10px; font-size: 14px; text-shadow:0px; }
.navbar-nav > li > .dropdown-menu{border: 1px solid #e5e5e5;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0;}



/* SLIDER */
#slider{width:100%;   overflow:hidden; position: relative;    z-index: 1; height: 100vh; }
.slider-height{height: 100vh;}
#slider .item{position:relative; z-index: 2;}
#slider .item:before{position: absolute;left:0; top: 0;width: 100%; height:100%; background-color: rgba(255,255,255,0.02); content:" ";} 
#slider .item img.slide{display: block;height:100%;  width: auto; }
#slider .item .img-bg{background-position: center center; background-size: contain; }
#slider .item .desc{position: absolute;z-index: 999;color: #003a42; text-align:left;color:white; padding:200px 20px;  line-height: 30px; width: 100%;    margin-left: 50%;left: -50%;}
.img-fw-m-bg{background:center center; background-size: cover; background-repeat: no-repeat; }
#slider .item .slider_rank{font-family: 'Times New Roman', sans-serif; font-weight: 100; font-size: 280px;  color:white; font-style: italic;  text-align: right; padding: 10px 30px 0px 0; margin: 0;opacity:0.1;margin-top: 180px; position: absolute; right: 30px;}
#slider .item .desc h1{font-size: 54px;  color:white;    }
#slider .item .desc p{ font-size: 18px;   font-weight: 100;  line-height: 1.5; padding: 0 ; margin: 20px 0; line-height: 200%; word-spacing: 2px; letter-spacing: 1px }
#slider .item .desc .button{   margin-top: 20px; position: relative; border:none; padding: 10px 50px; background-color: white; color:#009EE3; font-weight: bold; letter-spacing: 1px; font-weight: 100}
#slider .next, #slider .prev{content:" "; }
.owl-controls.clickable{ text-align: left;  }
.owl-pagination{    position: absolute;text-align: center;bottom: 20px; left: 0; right: 0;}
.owl-theme .owl-controls .owl-page{z-index: 99;}
.owl-theme .owl-controls .owl-page span{background: #129da1; width:12px; height: 12px; margin-bottom:5px; margin-right: 10px; z-index: 1;}
.owl-theme .owl-controls .owl-page.active span{background: #0e3789; border:5px solid #f2f2f2;width:22px; height: 22px; margin-bottom: 0}
 .owl-item img{width: 100%; padding: 0px}
 .calismalar .item{height: 350px; margin: 5px 10px;overflow:hidden;}
 .calismalar .item img{ box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 5px;  }

/* İNDEX */
.spot{padding: 150px 0; text-align: center;}

.spot-dark-home-1{background:#f4f4f4;}
.spot-dark-home-1 h2{font-size: 30px; font-weight: 700}
.spot-dark-home-1 h6{font-size: 18px; font-weight: 300; letter-spacing: 1px; word-spacing: 1px; line-height: 200%; margin: 30px}
.spot-dark-home-2{padding: 150px 0; color:white; text-align: center;}
.spot-dark-home-2 h3{    }
.spot-dark-home-2 h5{   font-weight: 300; padding: 0 ; margin: 50px 0; line-height: 150%; word-spacing: 2px; letter-spacing: 1px }

.spot-dark-home-3{padding: 150px 0; color:white; text-align: center;}
.spot-dark-home-3 h3{    }
.spot-dark-home-3 h5{   font-weight: 300; padding: 0 ; margin: 50px 0; line-height: 150%; word-spacing: 2px; letter-spacing: 1px }

.spot-dark-social{background-color: #f9f9f9; color:#515151; padding: 80px 0 }
.spot-dark-social ul {list-style: none; padding: 0}
.spot-dark-social ul li{display:inline-block; padding: 3px}

.prod-home-dark  {padding: 80px 0; color:#515151;}
.prod-home-dark  h2{font-size: 32px; color:#1f1f1f;}
.prod-home-dark  p{font-size: 16px; font-weight: 300; letter-spacing: 1px; line-height: 180%}
.prod-home-dark  .btn{margin: 20px 0;}
.prod-home-dark .prod-home-item  {margin: 10px}

.prod-home-dark .prod-home-item .img { box-shadow: 0px 0px 3px 2px  rgba(0,0,0,0.13); background-color: #2d1e1e; height: 250px; background-size: contain; background-position: center center; margin: 0 auto 0 auto; background-repeat: no-repeat;transition:all .8s ease 0s; }
.prod-home-dark .prod-home-item .title h4{font-size: 18px; font-weight: 700;  text-align: center;}
.prod-home-dark .prod-home-item:hover .img {box-shadow: 0px 0px 3px 2px  rgba(0,0,0,0.3); cursor: pointer; }

.services-home-dark  {padding: 80px 0; color:#515151;}
.services-home-dark  h2{font-size: 32px; color:#1f1f1f;}
.services-home-dark  p{font-size: 16px; font-weight: 300; letter-spacing: 1px; line-height: 180%}
.services-home-dark  .btn{margin: 20px 0;}
.services-home-dark .services-home-item  {margin: 50px 0px 0px 0px;}
.services-home-dark .services-home-item .img {width: 250px; height: 250px; background-size: cover; background-position: center center; margin: 20px auto; background-repeat: no-repeat;transition:all .8s ease 0s; }
.services-home-dark .services-home-item .title {background: transparent;color: #4a4a4a;}
.services-home-dark .services-home-item .title h4{font-size: 18px; font-weight: 700;  text-align: center; padding: 0 40px; line-height: 140%}
.services-home-dark .services-home-item p{font-size: 16px; font-weight: 400;  text-align: center; padding: 20px 0px; line-height: 180%}


/*ÜRÜNLER*/
.urunler .item .img{height: 150px; background-color: white}
.urunler .item{border:1px solid #d6d6d6; border-radius: 0px; overflow:hidden; background-color: white }
.urunler .item .img{height: 130px;padding: 5px; margin:10px 0;}
.urunler .item .img img{height: 120px; width:auto;}
.urunler .item .title{background:#fafafa; padding: 5px; margin-top:10px; height: 50px }
.urunler .item .title h4{font-size: 14px; color:#918787; font-weight: 100}
.urunler .item .title .btn{ display:none; background-color: #efeded; padding: 0; margin:5px; border-radius: 0px}
.urunler .item .title .btn a{ font-size: 12px; padding: 5px 15px; color:#918787; font-weight: 100;}
.urunler .item .title:hover .btn{ display:inline-block;}
.urunler .item .title:hover h4{ display:none;}

.kategori .title{font-size: 22px; font-weight: 100; background-color: transparent; padding: 10px}
ul.cat_title {padding: 0; list-style: none;}
ul.cat_title li {display:block;}
ul.cat_title li a{display:block;  font-size: 16px; font-weight: 100; padding: 10px; margin: 3px 0}

.details{font-weight: 100; text-align: left; }

h2.title{font-weight: 400;text-align: left;font-size: 30px;}
.ozellik{font-weight: 100;  }
.urun-bottom{ font-weight: 300; font-size: 25px;  padding: 10px 50px; display:inline-block; line-height: 25px}



/* REFERANSLARIMIZ */

.referanslarimiz .item {background-size:200px;width: 100%;height: 150px;background-repeat: no-repeat;background-position: center center; margin: 20px 0; }

/* FOOTER */

.markalar{background-color:#fff; padding: 100px 0 }
.markalar .title{margin: 20px 0 100px;}
.markalar .bg-img{width: 100%; height: 120px; margin: 10px; padding: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent; position: relative;
 display:inline-block;}

/* İLETİŞİM */
.bize-ulasin{text-align: center; line-height: 180%; font-weight: 100 }
.bize-ulasin ul {list-style: none;}
.bize-ulasin ul li {padding-top:10px;}


.footer {padding: 150px 0 70px 0; color:#393535; font-size: 14px; font-weight: 300; background-color: #f4f4f4; text-align: left; }
.footer a{color:#393535; font-style: italic; text-decoration: underline;}
.footer .copyright{padding-top: 20px; text-align: center;}
.footer .pbs{padding-top: 10px; text-align: center; font-size: 10px;}
.footer .logo{height: 50px; }
.footer .logo img{width: auto; height: 50px;}
.footer .kurumsal{ padding: 0px 30px 10px 0;  font-weight: 300;}
.footer h5{padding-bottom: 30px}
.footer h5:after{content: " ";display: inline-block;width: 25px;border-bottom: 1px solid #736d6d;position: absolute;left: 15px;top: 50px;}

.footer ul{padding: 0;margin: 0; list-style: none;}
.footer ul li{padding: 0;margin: 0; text-decoration: none; text-align:left; }
.footer ul li a{text-decoration: none; font-style: normal;}
.footer .footer-list ul{margin-top:0px}
.footer .footer-list ul li {transition: all .5s;  line-height: 200%; text-align: left;}
.footer .footer-list ul li:hover { text-decoration: underline}
.footer .footer-list ul li a{display:inline;}

.top-bar .social, footer .social{z-index: 9; position: relative; padding-top: 0px}
.top-bar .social ul, footer .social ul{padding: 0; margin: 0;}
.top-bar .social li, footer .social li{display: inline-block;}
.top-bar .social li a i, footer .social li a i{
    background: transparent;
    text-align: left;
    color:#797676;
}
.top-bar .social li a i{
    font-size: 12px;
    margin: 0 5px;

}
footer .social li a i{
    font-size: 15px;
    padding: 10px;
    margin: 10px;
}
footer ul.urunler li a{color:#eee; font-size: 14px}



@media (max-width: 768px) {     /* xs */

.navbar-default a{padding: 0 !important;}
.navbar-default a img{max-height: 45px}



}

@media (min-width: 768px) {     /* sm */

 

}

@media (min-width: 992px) {     /* md */

}
@media (min-width: 1200px) {    /* lg */ 


 }