@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

body{

    background-color:#FFF;
    font-family: 'Ubuntu', sans-serif;
    font-size:18px;
    line-height:2;
    font-weight: 300;
    color: #454545;   
    }
/* GENERAL */
h1{font-size: 64px;  font-weight: 700; font-family: 'Ubuntu', sans-serif;}
h2{font-size: 50px;  font-weight: 700; line-height: 55px; font-family: 'Ubuntu', sans-serif;}
h3{font-size: 28px;  font-weight: 500; line-height: 40px; font-family: 'Ubuntu', sans-serif;}
h4{font-size: 24px;  font-weight: 500; line-height: 35px; font-family: 'Ubuntu', sans-serif;}
h5{font-size: 16px;  font-weight: 500; line-height: 24px; font-family: 'Ubuntu', sans-serif;}




.btn-default{background-color: transparent;}
.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{font-weight: 300}
.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}
.fw-900{font-weight: 900}

.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: none}

 /* TOP_BAR */
.top-bar{display:inline-block; padding: 10px 0; font-size: 12px; color:white; background-color: #292B33; position: relative; top:0px; z-index: 999; width: 100%;  }
.top-bar span{padding: 0 10px}
.top-area{padding: 10px 0; 
font-size: 12px; color:black;}
.whatsapp{width: 50px; height: 50px; position: fixed; bottom: 20px; right: 15px; z-index: 102;}
.whatsapp img{width: 50px; height: 50px;}
 /* GENERAL */
/* MENU */
.menu-bar{z-index: 9; position: absolute;border:none; width: 100%; left: 0;top: 0; margin: auto; transition: all .5s ease}
.menu-bar .menu-bg{background-color: rgba(0,0,0,0.6); padding: 0 30px }
.menu-bar .logo{width: 100%; padding: 0 }
.menu-bar .logo a img{height: 95px; position:absolute;}
.main-nav-scrolled{background-color: rgba(0,0,0,0.6);position: fixed; width: 100%; left: 0;top: 0; right:0; margin-left: 0; z-index: 999; transition:all .4s; margin-bottom: 110px}
.main-nav-scrolled .menu-bg{background-color: rgba(0,0,0,0.0);}

.navbar{background-color: transparent;margin-top:0px; margin-bottom: 0px; border:none; min-height: 70px}
.navbar-default {background-color: transparent !important}
.navbar-default a{font-weight: 400; line-height: 35px !important; font-size: 16px; text-align: center; transition:all .4s;   padding: 20px 15px !important; color:white; height: 100%; font-family: 'Playfair Display', serif}
.navbar-default li{transition:all .4s; margin: 0 3px; border-right: 0px solid rgba(0,0,0,.05) }
.navbar-header{  padding: 10px; display: block}
.nav > li > a:hover, .nav > li > a:focus{   }
.dropdown-menu{min-width: 250px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ }
.dropdown-menu li a{  text-align: left; }
.dropdown-menu li a{  border-radius: 0 ;padding: 10px 10px; font-size: 14px; color:#1e1e1e; }
.navbar-nav > li > .dropdown-menu{border: 1px solid #e5e5e5;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ }

.navbar-toggle{margin-top: 30px}

/* SLIDER */
#slider{width:100%;   overflow:hidden; position: relative;  top:0;  z-index: 1; height: 650px; display: inline-block; }
.slider-height{height: 650px;}
#slider .slider-item{position:relative; z-index: 2;}
#slider .slider-item img.slide{display: block;height:100%;  width: auto; }
#slider .slider-item .img-bg{background-position: center center; background-size: contain; }
#slider .slider-item .desc{position: absolute;z-index: 999;color: #003a42; text-align:left; 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 .slider-item .slider_rank{font-family: 'Times New Roman', sans-serif; font-weight: 100; font-size: 280px;   font-style: italic;  text-align: right; padding: 10px 30px 0px 0; margin: 0;opacity:0.1;margin-top: 180px; position: absolute; right: 30px;}
#slider .slider-item .desc h1{font-size: 54px;     }
#slider .slider-item .desc p{ font-size: 18px;   font-weight: 400; padding: 0 ; margin: 20px 0; line-height: 200%; word-spacing: 2px; letter-spacing: 1px }
#slider .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}
.detailslider{display:inline-block; padding: 0 20px 0 0 }
.detailslider .num{display:block; font-size: 36px; }

 .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;}
/*0,0,0,*/

.spot-dark-home-1{background:transparent;}
.spot-dark-home-1 .desc{background:rgba(0,0,0,0.70); padding: 150px 0px; display: inline-block}
.spot-dark-home-1 h2{font-weight: 800}
.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;  text-align: center; position: relative; color:white;}
.spot-dark-home-2:before{position: absolute;left:0; top: 0;width: 100%; height:100%; background:rgba(0,0,0,0.70); content:" ";}
.spot-dark-home-2 h2{}
.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:black; 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: 5px 15px;}
.opacity{    background: rgb(0,0,0,0.70);width: 100%;height: 100%;position: absolute;left: 0;top: 0;  }
.parallax-window{color:white;}
.faaliyet-item{width: 100%;height: 250px;background-size: 80%;background-position: center center;background-repeat: no-repeat;display: inline-flex;justify-content: center;align-items: center;color: white;font-size: 22px;font-weight: bold;text-align: center;}
.faaliyet-item a.linked{background: rgba(255,255,255,0);}
.faaliyet-item:hover a.linked{background: rgba(66,66,66,0.9);}
.faaliyet-item .content{z-index: 99;display: none;position: relative;color: white;}
.faaliyet-item:hover .content{display: inline-block}

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

.prod-home-dark .prod-home-item .img { box-shadow: 0px 0px 3px 2px  rgba(0,0,0,0.13); height: 250px; background-size: cover; 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; }

.projeler .item{background-size: cover;display: inline-flex;height: 250px;align-items: flex-end;width: 100%;text-align: center;justify-content: center;padding: 20px;color: white; position: relative; margin-bottom: 40px}
.projeler .item:before{position: absolute;left:0; top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.35); content:" ";}
.projeler .item .title{font-weight: 800; font-size: 24px; z-index: 9;}
.projeler .item .title a{color:white;}

.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%}
.card{text-align: center; margin-bottom: 30px}
.card .img{width: 100%; text-align: center;}
.card .img img{height: 200px; width: auto;}
.blog{padding: 80px 0}
.blog img{margin: 50px 0; border:15px solid #f5f5f5;}
.blog-list{padding: 50px 0; margin-bottom: 30px}
.blog-list .item{margin-bottom: 30px}
.blog-list .item .img{width: 100%;height: 250px;overflow: hidden;margin-bottom: 30px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.blog-list .item .title{}
.blog-list .item .content{font-size: 14px; height: 175px; overflow:auto; padding-bottom: 30px}

/*Ü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}



/* SLİDER  */
.hizmetlerimiz .item{margin-bottom: 50px}
.hr-after{width: 120px; height: 8px; position:relative;   top:0; margin: auto; margin-bottom: 30px }

/* REFERANSLARIMIZ */

.referanslarimiz .item {background-size:contain;width: 100%;height: 150px;background-repeat: no-repeat;background-position: center center; padding:20px; margin:20px 0; box-shadow: 0px 0px 10px rgba(0,0,0,.05); }

/* FOOTER */

.markalar{background-color:#F8F8F8; padding: 100px 0 }
.markalar .title{margin: 20px 0 100px;}
.markalar .bg-img{width: 95%; height: 100px; margin: 10px; padding: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: white; 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: 50px 0 30px 0; color:#fff; font-size: 14px; font-weight: 300; background-color: #1d1d1d; text-align: left; }
.footer a{color:#fff; font-style: italic; text-decoration: underline;}
.footer .copyright{padding-top: 20px; text-align: center;}
.footer .pbs{padding-top: 40px; 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}
ul.fl li {display: inline-block;padding: 10px;}



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

.navbar-default a{}
.navbar-default a img{height: 60px}

h1{font-size: 34px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}


}

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

 

}

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

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


 }