@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');


body{
    background-color:#FFF;
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    font-weight: 400;
    color: #222;
    }


/* GENERAL */
h1{font-size: 64px;  font-weight: 300;}
h2{font-size: 50px;  font-weight: 800; line-height: 55px;}
h3{font-size: 35px;  font-weight: 800; line-height: 40px;}
h4{font-size: 24px;  font-weight: 700; line-height: 35px;}
h5{font-size: 18px;  font-weight: 700; line-height: 24px;}
h6{font-size: 12px;  font-weight: 600; line-height: 27px;}
h6:before{content:" "; display: inline-block;vertical-align: middle;height: 2px; width: 40px; background-color: #C08A6F; margin-top:-3px; margin-right: 10px;}
.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:#b8384b; text-decoration: none; transition:all .8s ease 0s}
a:hover{color:#532007; text-decoration: underline}

 /* TOP_BAR */
.top-bar{ 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;}
.bottom-bar{width:100%;padding: 10px 0; background-color: rgba(154,23,13,.9); box-shadow: 0 0 5px rgb(0 0 0 / 60%);color: white;letter-spacing: 1px;text-align: center;position: fixed;bottom: 0;left: 0px;z-index: 101;}
.whatsapp{width: 50px; height: 50px; position: fixed; bottom: 7px; right: 20px; z-index: 102;}
.bg-gold{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc9a23+0,f5ea7a+49,dc9b29+100 */
background: #dc9a23; /* Old browsers */
background: -moz-linear-gradient(45deg, #efd100 0%,#fff1a3 49%,#e2a233 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #efd100 0%,#fff1a3 49%,#e2a233 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #efd100 0%,#fff1a3 49%,#e2a233 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc9a23', endColorstr='#dc9b29',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 
} /* HEAD_BAR */



/* MENU */
.menu-bar{background-color: #f0f4f7; z-index: 9; position: relative;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5 }
.menu-bar .logo{text-align: center; width: 100%; padding: 20px 0 }
.menu-bar .logo a img{max-height: 50px}

.navbar{  background-color: transparent; margin-top:0px; margin-bottom: 0px; border:none; min-height: 40px}
.navbar-default a{font-weight: 600; line-height: 35px; font-size: 12px; text-align: center; transition:all .4s; color:#443a3c; }
.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 li:last-child{border-right: none }
.navbar-default .navbar-nav > li > a{transition:all .4s; padding: 10px 15px; 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:red;}
.nav > li > a:hover, .nav > li > a:focus{background:#b8384b; 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; padding: 10px 0; margin-left: 0; z-index: 9990; transition:all .4s;}
.main-nav-scrolled .navbar{margin-top: 15px; }
.main-nav-scrolled .navbar a{font-size: 12px; padding: 5px 10px ; }
.main-nav-scrolled .logo img{height: 50px; width: auto;transition:all .4s;}

.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: 450px; }
.slider-height{height: 450px;}
#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); 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:center;color:white; padding:10% 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 .slider_title_in{ font-weight: 700; font-size: 70px;  color:white; text-shadow: 2px 2px 3px rgba(0,0,0,.8);   text-align: left; margin-top: 0px; z-index: 99; position: relative; line-height: 77px; margin-top:200px;}
#slider .item .desc h1{font-size: 54px;  color:white; text-shadow: 2px 2px 3px rgba(0,0,0,.8);   }
#slider .item .desc p{text-shadow: 1px 1px 3px rgba(0,0,0,.8); font-size: 22px;   font-weight: 100;  line-height: 1.5; padding: 0 100px; margin: 20px 100px;}
#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 */



.karsilama{background: #FCFCFC; text-align: center; color:#626262; }
.karsilama .row{padding-top: 70px; padding-bottom: 50px;}

.karsilama .row .item{border-right: 1px solid #e5e5e5}

.karsilama .row .item.last{border:none;}
.karsilama .icon { background: white;     border:5px solid #f8f8f8; display: inline-block;position: relative; width: 110px; height: 110px; line-height: 100px; text-align: center; border-radius: 50%; margin-bottom: 20px; font-size: 34px; transition:all .5s;  }
.karsilama .title{font-family: 'Montserrat'; font-weight: 400; font-size: 20px; line-height: 25px; margin: 20px; }
.karsilama .desc{ font-weight: 100; font-size: 12px; line-height: 25px; margin: 0 50px;}


.spot-bg-bottom{padding-top: 80px;padding-bottom: 350px; text-align: center;background:url(../images/content/spot-bg-bottom.png) #F2F3F5 center bottom no-repeat ; background-size: container;}
.spot-bg-bottom .title{font-weight: 300; font-size: 42px; color:#161922; padding-bottom:40px; }
.spot-counter .count{font-weight: 400; font-size: 65px; line-height: 90px;  padding-bottom: 20px; text-align: center;}
.spot-counter .desc{font-weight: 100; font-size: 18px; line-height: 29px; color:#161922; padding-bottom: 20px; text-align: center;}
.spot-counter .hr-narrow{ background-color: rgba(0,0,0,.1);color: rgba(0,0,0,.08); width: 40%; height: 1px; margin: auto;}
.spot-color{padding-top: 40px;padding-bottom: 40px; text-align: center; }
.spot-color .title{font-weight: 300; line-height: 54px;  }


.wellcome{background-color: #f8f8f8; padding: 60px 0;}
.wellcome .bg{width:100%; height:350px; display:block;  box-shadow: 0 0 10px rgba(0,0,0,0.4); border:2px solid white;}n



/* hizmetlerimiz-bg-image */
.hizmetlerimiz-bg-image {background: transparent}
.hizmetlerimiz-bg-image .item{position: relative; height: 400px; }
.hizmetlerimiz-bg-image .item .bg-img{position: relative; height: 100%; background-size: cover; background-position: center center; transition: all .5s;text-align: center; }
.hizmetlerimiz-bg-image .item .bg-img:hover{background-position: center bottom; cursor: pointer;}
.hizmetlerimiz-bg-image .item .bg-img span.title{font-weight: 100; font-size:42px; padding-top:150px; display: inline-block; background: rgba(255,255,255,0.8); width: 100%; height: 100%; transition: all .5s; }
.hizmetlerimiz-bg-image .item .bg-img:hover span.title{opacity: 1;transition: all .5s;}
/* hizmetlerimiz-bg-image */


/* blog hizmetlerimiz*/
.blog ,.hizmetlerimiz {background: #fff; position: relative; padding:0px;}
.blog {padding-top:0px; }
.blog-page{background-color: transparent;}
.blog .content-item,.hizmetlerimiz .item{background: white;   position: relative; width: 100%; position: relative; }
.hizmetlerimiz .item{ margin-bottom: 60px; }
.blog .content-item{margin-bottom: 60px;}

.hizmetlerimiz .item{border:1px solid #e5e5e5;}
.blog .title,.hizmetlerimiz .title{font-weight: 800; font-size: 42px; font-family: 'Montserrat', sans-serif; text-align: center;}
.content-item .bg-img{position: relative;  background-position: center center; transition: all .5s;text-align: center;}
.hizmetlerimiz .item .bg-img{position: relative; width: 100%; height: 150px; background-size: cover; background-position: center center; transition: all .5s;text-align: center; border:0px solid #F8F8F8;}
.content-item .title, .content-item-fw .title{font-weight: 800; font-size: 26px; line-height: 34px; padding: 20px 20px 5px 20px;  }
.hizmetlerimiz .item .title{font-weight: 300; font-size: 20px; line-height: 80px;text-align:center;}


.content-item .desc,.hizmetlerimiz .item .desc, .content-item-fw .desc{padding: 10px; text-align: center; transition: all 0.5s; font-weight: 600; height: 60px; overflow:hidden;}
.hizmetlerimiz .item .desc .shortdesc{margin-top: 300px}
.hizmetlerimiz .item:hover .desc{box-shadow: 0px 0px 5px rgba(0,0,0,0.3)}
.hizmetlerimiz .item:hover .desc a.linked{color:#fff; text-decoration: none; padding-top: 120px }
.content-item-fw .link, .content-item .link, .hizmetlerimiz .item .link {text-align: right; padding: 20px; position:relative; }
.btn-faaliyet{    width: 100%;text-align: left;border-bottom: 1px solid #bf8970;}
.btn-faaliyet a{text-decoration: none}
.btn-faaliyet:hover a{text-decoration: none}
.btn-faaliyet:hover{    width: 100%;text-align: left;border-bottom: 1px solid red;}

.blog .bg-img{height: 250px; border: 10px solid #F8F8F8; background-size: cover;width: 100%;  }
.content-item-fw .bg-img{height: 350px; border:none;background-size: cover; background-repeat: no-repeat; margin-bottom: 40px; width: 100%; margin: auto; border:10px solid #f4f4f4; background-position: center center }
.content-item-fw .title{text-align: center;}
.content-item-fw .desc{text-align: center; margin: auto; width: 90%}
.content-item .title{text-align: left;}


.uygulama-ul ul {margin:0; padding: 0;}
.uygulama-ul ul li{list-style: none; margin: 0; padding: 5px 0;}

.opacity{    background: rgba(255,255,255,0.75);width: 100%;height: 100%;position: absolute;left: 0;top: 0;  }
/* blog */


/* ÜRÜNLER */
.product{padding: 100px 0; background-color: #f5f5f5}
.product .item{background:white; margin-top: 60px; margin-bottom: 30px; color:white; border:1px solid #e5e5e5; padding: 30px; text-align: center; transition:all .5s;}


.product .item .img.scale{background-color: white; text-align: center; height: 100px; background-size:cover;}
.product .item .img.scale img{max-width: 100%; max-height:100%}
.product .item .img.scale.h300{height:300px;}
.product .item .img.scale.h400{height:400px;}
.product .item .img.scale.h500{height:500px;}

.product .item .desc .title{text-transform:capitalize;  font-size: 16px; text-align: center; color:#009EE3;}
.product .item .desc h3.title a{ color:#009EE3;}
.product .item .desc .desc{ text-align: left; font-size:100;;font-size: 16px}
.product .item .btn{ padding: 5px 40px; margin-top: 30px}

/* ÜRÜNLER */
.imgs img{width:18%; height:auto; margin-bottom: 5px;border-radius: 5px; border:2px solid white; }
.spot{padding-top: 80px;padding-bottom: 120px; text-align: center; background: transparent; height: 750px }
.spot-2{padding:103px 0px 83px 0px; text-align: center; background: transparent; min-height: 250px }
.spot h1{font-size: 80px; line-height: 100px; font-weight: 100}
.spot h4{font-size: 20px; line-height: 100px; line-height: 35px}

/* REFERANSLARIMIZ */
.referanslarimiz{padding: 100px 0; background-color: #e5e5e5}
.polaroid-img{width: 100%; height: 300px; background-size: cover; border: 8px solid #fff; border-bottom:60px solid #fff; margin-bottom: 30px}
#grid .mix {
  display: none;
  opacity: 0;
}

/** Portfolio Page **/
.portfolio-item {
  margin-top: 40px;
}

.portfolio-image {
  position: relative;
}

.portfolio-image img {
  width: 100%;
}

.portfolio-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.portfolio-image:hover .portfolio-overlay {
  opacity: 1;
}

.portfolio-overlay .portfolio-title {
  position: absolute;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  left: 25px;
  bottom: 20px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/** Portfolio Single **/
.portfolio-single-image {
  width: 100%;
}


@media (min-width: 768px) and (max-width: 991px) {

  .our-work-1-item-description h6 {
    width: 65%;
  }

  .our-work-1-item-description p {
    width: 33%;
  }

}

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

.makina-item{border-radius: 4px; border: 1px solid rgba(24,80,90,0.35); padding: 20px; margin: 20px;     min-height: 250px;
    box-shadow: 0px 0px 10px rgba(24,80,90,0.15);
        -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition:all .4s;
}
.makina-item:hover{
    box-shadow: 0px 0px 10px rgba(24,80,90,0.5);
}
.makina-item .itemm{    
overflow:hidden;}

/* PAGE */
.page{}
.page h1{  }
.page .img-parallax{width: 100%; }
.page .page-img{width: 90%; height: auto; box-shadow: inset 0 0 5px 2px rgba(0,0,0,.7); border:5px solid #e2e2e2; display:inline-block; margin-bottom: 40px}
.page .page-img img{opacity: 0.9; width:100%; height:auto}
.page .parallax-window{ height:200px;}
.page .gallery-item{width: 135px; height: 100px; border-radius: 0px; border:3px solid white; display: inline-block; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,.12); margin: 10px;}
.bg-text{background: rgba(203, 21, 33, 1); color: white; padding: 10px;   line-height: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; color:#918787; font-weight: 100; background-color: #f7f5f5; padding: 10px}
ul.cat_title {padding: 0; list-style: none;}
ul.cat_title li {display:block;}
ul.cat_title li a{display:block; color:#918787; background-color: #fafafa; font-size: 16px; font-weight: 100; padding: 10px; margin: 3px 0}
ul.cat_title li:hover a{display:block; color:#918787; background-color: #f7f5f5; font-size: 16px; font-weight: 100; padding: 10px; margin: 3px 0}

.details{font-weight: 100; text-align: center; color:#129da1;}
.details .title{font-size: 42px;}
.details .desc{font-size: 18px; padding: 50px 0}
.details .price{font-size: 52px; padding: 50px 0 }

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

/**/
.spot-1{padding: 100px 0}
.spot-1 .title{font-size: 77px; font-weight: 400}
.hizmetler{border-top: 2px solid #29c9fc}
.hizmetler .item{ padding:10px; transition: all .4s; text-align: center; border:1px solid rgba(0,0,0,0.1);}
.hizmetler .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.hizmetler .item img{padding: 30px 0;}
.hizmetler .item .img{height: 150px; overflow:hidden; margin-bottom: 20px}
.hizmetler .item h4{  color:#29c9fc; font-weight: 300; margin: 20px; height: 50px}
.hizmetler .btn{background-color: transparent; border:#dedede 1px solid; font-size: 12px; padding: 0}
.hizmetler .btn a{font-size: 12px; padding: 5px 30px}
.hizmetler .item.bg-primary .btn a{color:white; }
.hizmetler .item:hover .btn{background-color: #129da1;}
.hizmetler .item:hover .btn a{color:white;}



/*FOOTER */
.footer {padding: 50px 0 70px 0; color:#eee; font-size: 14px; font-weight: 300 }
.footer a{color:#eee; font-style: italic; text-decoration: underline;}
.footer .copyright{padding-top: 20px; text-align: center;}
.footer .logo{height: 50px; }
.footer .logo img{width: auto; height: 50px;}
.footer .kurumsal{ padding: 30px 0;  font-weight: 300;}

.footer ul{padding: 0;margin: 0; list-style: none;}
.footer ul li{padding: 0;margin: 0; text-decoration: none}
.footer ul li a{text-decoration: none; font-style: normal;}
.footer .footer-blog-list ul{margin-top:20px}
.footer .footer-blog-list ul li {transition: all .5s;font-size: 14px;display: inline;    line-height: 25px;}
.footer .footer-blog-list ul li:before {content:" - ";}    
.footer .footer-blog-list ul li:hover { text-decoration: underline}
.footer .footer-blog-list ul li a{display:inline;}



#map{width:100%; height: 450px; margin: 0px; border-radius: 0px}

.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: center;
    color:#eee;
}
.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}
/* İLETİŞİM */
.form-control{margin-bottom: 20px; border-radius: 0; border:3px solid #129da1;border-left:1px solid #129da1;  border-top: 1px solid #129da1; box-shadow: none; }
.bize-ulasin{text-align: center; font-size: 16px; padding: 40px}
.bize-ulasin ul {list-style: none;}
.bize-ulasin ul li {padding-top:10px;}


@media (max-width: 768px) {     /* xs */
.ls-layer .fs-20px{font-size: 14px}
 
#slider{margin-top: 0;height: 550px;}
.slider-height{height: 550px;}
#slider .item .desc h1{font-size: 50px}
#slider .item .desc .slider_img{max-height: 400px; width: auto; text-align: center; top: 50px;}

#slider .item .desc .slider_title_in{ font-size: 30px; line-height: 33px;  margin-top:20px; padding-right: 150px}

#slider .item .desc p{font-size: 20px;  margin: 20px; padding: 20px}
.navbar-collapse {
    margin-top: 0px
}
  h1{font-size: 34px}
  h2{font-size: 30px}
  h3{font-size: 26px}
  h4{font-size: 22px}
  h5{font-size: 12px}
.navbar-brand {    width: 80%; padding: 0 20px}
.navbar-brand img{    height: auto;
    max-width: 90%;
    top: 0px;
    position: relative;
    max-height: 45px;
    width: auto;
    display:inline-block;}

.menu-bar{margin-top: 0px}
.navbar-default li{border:none;background-color: transparent;}
.navbar-default li:last-child{border:none;}
.navbar-nav{margin: 0;}
.menu-bar .logo{text-align: center; width: 100%; }
.navbar{  margin-top:0px; border:0px solid #e2e2e2;}
.navbar-brand {    width: 80%;}
.navbar-default .navbar-brand{    width: 80%;}
.hizmetlerimiz-bg-image .item .bg-img span.title{opacity: 0.5 }
.hizmetlerimiz-bg-image .item .bg-img:hover span.title{opacity: 1;transition: all .5s;}


.whatsapp{width: 50px; height: 50px; position: fixed; bottom: 70px; right: 5px; z-index: 102;}
.toper{bottom:70px;}


}

@media (min-width: 768px) {     /* sm */
 .navbar-head .nav  li a {font-size: 12px; padding:5px}
 .navbar-head .nav  li.lang a{padding: 5px 5px;}
 

}

@media (min-width: 992px) {     /* md */
 .navbar-head .nav  li a{font-size: 14px; padding: 10px}
.navbar-head .nav  li.lang a{padding: 10px 5px;}
}
@media (min-width: 1200px) {    /* lg */ 
 .navbar-head .nav  li a{font-size: 14px; padding: 15px}
.navbar-head .nav  li.lang a{padding: 15px 5px;}
#slider .item .desc p{ padding: 0 ; margin: 0;}
.hizmetlerimiz-bg-image .item .bg-img span.title{opacity: 0 }
.hizmetlerimiz-bg-image .item .bg-img:hover span.title{opacity: 1;transition: all .5s;}

 }