@charset "utf-8";

/*

 __  __       _    __      _  __     __                    
|  \/  |     | |  / _|    | | \ \   / /                  
| \  / |_   _| |_| |_ __ _| | _\ \_/ /_ _ _ __  _ _ __ ___  
| |\/| | | | | __|  _/ _` | |/ /\   / _` | '_ \| | '_ ` _ \ 
| |  | | |_| | |_| || (_| |   <  | | (_| | |_) | | | | | | |
|_|  |_|\__,_|\__|_| \__,_|_|\_\ |_|\__,_| .__/|_|_| |_| |_|
                                         | |                
                                         |_|       

-------------------------------------------------------------
Copyright © 2019 All Right Reserved
Software by www.mutfakyapim.com
Developer by Asaf Mirtürk (asaf.mirturk@mutfakyapim.com)
Version 1.0

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');

* {outline: none !important;}
body {font-family: Raleway, Open Sans, Arial; font-size: 13px; color: #666666 !important;}
input, select, textarea {color: #786a5c !important; font-family: Raleway, Open Sans, Arial; font-size: 14px !important; border-color: #f1f1f1 !important;}
i, a {color: #786a5c !important;}
a:hover { text-decoration: none;}
h1, h2, h3, h4, h5, h6 {color: #786a5c !important;}
.border, .border-left, .border-right, .border-top, .border-bottom, hr {border-color: #f1f1f1 !important;}
.text-brown {color: #786a5c !important;}
.text-title {background-image: url(../images/text-border.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 18px;}
.bg-light {background-color: #F9F9F9 !important;}

input.header-search {padding: 10px 14px; border-radius: 25px; margin: 0px auto; width: 100%; font-weight: 400;}

section.cookie {line-height: 17px; font-size: 12px !important; color: #EEEEEE !important;  background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; bottom: 0px; z-index: 3; display: none;}
section.cookie img {float: right; width: 10px; cursor: pointer;}
section.cookie h3 {font-weight: 400;}
section.cookie span, section.cookie a {font-size: 12px !important;}
section.cookie i {position: absolute; top: 10px; right: 10px; cursor: pointer;}

footer div.top ul li {list-style: none; line-height: 24px;}
footer div.top ul li i {font-size: 10px !important;}
footer div.top ul li a {font-size: 12px;}
footer div.top ul.social li {float: left; width: 31px; height: 31px; text-align: center;}
footer div.top ul.social li a i {line-height: 31px; font-size: 18px !important;}
footer div.top ul.social li a { width: 31px; height: 31px;}
footer div.bottom {background-color: #333333;}

/* HEADER */
section.top-banner {background-color: #F9F9F9; min-height: 40px; background-image: url(../images/top-banner-bg.png); background-position: center;}
section.top-banner span {font-size: 19px; line-height: 40px;}

nav.top-nav ul.navbar-nav li {line-height: 10px; margin: 0px 2px;}
nav.top-nav ul.navbar-nav li div.dropdown-menu {line-height: 15px; margin-top: 8px; border-radius: 1px; background-color: #F9F9F9; border: none;}
nav.top-nav ul.navbar-nav li div.dropdown-menu a {font-size: 13px;}
nav.top-nav ul.navbar-nav li div.dropdown-menu:before{content: ''; position: absolute; left: 19px; top:-10px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #F9F9F9 transparent;}

nav.mid-nav ul.navbar-nav li {line-height: 25px;}
nav.mid-nav ul.navbar-nav li a {font-size: 15px; font-weight: 400; border-bottom: solid 2px transparent; padding: 5px !important}
nav.mid-nav ul.navbar-nav li a:hover {border-bottom: solid 2px #786a5c;}

section.banner {}

footer {min-height: 300px;}

/* COMPANY DIRECTORY */
ul.directory-alphabet {text-align: center;}
ul.directory-alphabet li {width: 30px; height: 30px; margin: 2px 1px; display: inline-block; background-color: #F9F9F9; border: solid 1px #CCCCCC; border-radius: 30px;}
ul.directory-alphabet li:hover {background-color: #FFFFFF;}
ul.directory-alphabet li a {font-size: 16px; line-height: 28px; display: block; color: #333 !important;}

/*div.directory-company a {border-left: solid 2px #a97b50; padding-left: 8px;}*/
div.directory-company div.col-md-4 div {background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 30px;}
div.directory-company div.col-md-4 div:hover {background-color: #FFFFFF;}
div.directory-company a {text-align: center; font-size: 15px; line-height: 38px; padding-left: 15px; display: block; text-align: left;}


/* Make the image fully responsive */
.carousel-inner img {
  width: 100%;
  height: 100%;
}
.carousel-indicators{
  display:inline-block;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  position:static;
  direction: rtl;
}
@media screen and (max-width:992px){
  .carousel-indicators{
    display: inline-flex;
    direction: inherit;
    height: auto;
    width: 100%;
    max-width:800px;
    overflow-x: auto;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    overflow-y: hidden;
    justify-content: normal;
    margin-bottom:20px;
  }
  .carousel-inner{
    margin-left:0!important;
  }
}
/* width */
::-webkit-scrollbar {
  width: 5px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.item{
  margin-bottom:10px;
  margin-left: 10px;
  cursor:pointer;
}
.item.active img{
  border:1px solid #25B8A9;
  opacity:1;
}
.item img{
  border:1px solid transparent;
  opacity:0.5;
  transition:0.5s;
}
.item:hover img{
  border:1px solid #25B8A9;
  opacity:1;
}
.content {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
  color: #f1f1f1;
  width: 100%;
  padding: 10px;
}
.content p{
  font-size:15px;
}

@media screen and (max-width: 992px) {
  .content{
    position:static;
  }
}

@media screen and (min-width: 880px) and (max-width: 1199px) {
  .content{
      position: static;
  }
}
@media screen and (min-width: 576px) and (max-width: 879px) {
  .carousel-inner{
    margin-left: 50px;
  }
  .content{
      position: static;
  }
}



.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}