@import url('../slick/slick-theme.css');
@import url('../slick/slick.css');

body { font-family: 'Montserrat', sans-serif; background: #f9f8f4;}

.font-playfair { font-family: 'Playfair Display', serif;}
.font-large { font-size: 20px;}

#carouselBanner .carousel-item.background { height: 65vh; min-height: 300px; background: no-repeat center center scroll; background-size: cover; }
#carouselBanner .carousel-item.background.background-sub { height: 45vh; }
#carouselBanner .carousel-indicators > li { background-color: rgba(0,0,0,.5); }
#carouselBanner .carousel-indicators > li.active{background-color: #000;}
#carouselBanner .carousel-caption { font-size: 22px; background-color: rgba(0,0,0,.7); color: #fff; bottom: 50px; }

#return-to-top { position: fixed; bottom: 20px; right: 20px; background:#b98d58; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }

.navbar { border-top: 5px solid #b98d58; height: 88px;}
.navbar-nav > .nav-item .nav-link { color: #4e4e43; text-transform: uppercase; border-top: 5px solid transparent; line-height: 78px; margin-left: 1.5rem; margin-right: 1.25rem; padding-left: 0; padding-right: 0;}
.navbar-nav > .nav-item.active .nav-link,
.navbar-nav > .nav-item .nav-link:hover { border-color:#b98d58}

.dil { position: absolute; left: auto; right: 140px; top: 0; background: #b98d58;}
.dil a { color: #fff;}
.dil a:first-child { border-right: 1px solid #fff; padding-right: 5px;}

.sayfa-basliklar { font-size: 18px; font-weight: bold; color: #b98d58; text-transform: uppercase; margin-bottom: 12px;}

.hakkimizda span { font-size: 14px; font-weight: bold; color: #b98d58; letter-spacing: 1.3px }
.hakkimizda span:nth-child(2) { font-weight: 400; font-size: 45px; line-height: 45px; color: #4d4d4d;}
.hakkimizda p { font-size: 16px; line-height: 30px; color: #4d4d4d;}
.hakkimizda a { color: #b98d58;}
.hakkimizda-bg { background: url('../images/hakkimizda_alt.png')}

.video-icon { position: absolute; top: 35%; left: 0; right: 0; text-align: center;}

.iletisim h5 { font-family: 'Playfair Display', serif; font-size: 26px; color: #545d5c }
.iletisim p { font-size: 18px; color: #545d5c}

#slick-galeri-arrows a { color: #b98d58}

#urunSlider .carousel-control-next,
#urunSlider .carousel-control-prev { opacity: 1; bottom: 100px; width: auto;}
#urunSlider .carousel-control-prev { left: 30%;}
#urunSlider .carousel-control-next { right: 60%;}
#urunSlider .carousel-control-prev-icon,
#urunSlider .carousel-control-next-icon { height: 55px; width: 55px; outline: #b98d58; background-size: 100%, 100%; border-radius: 50%; border: 1px solid #b98d58; background-image: none; }
#urunSlider .carousel-control-prev-icon:hover,
#urunSlider .carousel-control-next-icon:hover { background: #b98d58;}

#urunSlider .carousel-control-next-icon:hover:after,
#urunSlider .carousel-control-prev-icon:hover:after { color: #fff!important;}

#urunSlider .carousel-control-next-icon:after { font-family: "Font Awesome 5 Free"; content: "\f105"; display: inline-block; vertical-align: middle; font-weight: 900; font-size: 25px; color: #b98d58; padding-top: 8px;}
#urunSlider .carousel-control-prev-icon:after { font-family: "Font Awesome 5 Free"; content: "\f104"; display: inline-block; vertical-align: middle; font-weight: 900; font-size: 25px; color: #b98d58; padding-top: 8px;}

.form-control { background: transparent; border-radius: 0;}

.page-item.active .page-link { background-color: #b98d58; border-color: #b98d58;}
.page-link { color: #545d5c;}
.page-link:hover { color: #545d5c;}

/* Dropdown Menu */
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block;}
.dropdown-submenu>a:after { display: block; content: ''; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #444; margin-top: 7px; margin-right: -10px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; }
.dropdown-toggle::after { color: #aaa;}
.bg-dark:focus, .bg-dark:hover{ background-color: none!important; box-shadow: none!important;}

/* Sosyal Medya Sayfası */
.sosyal_medya{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:row;margin-bottom:0;list-style:none;}
.sosyal_medya li{padding-right:6px!important;}
.sosyal_medya a {color: #fff; width: 40px; height: 40px; display: inline-block; border-radius: 50%; text-align: center; border: 2px solid #fff; font-size:20px; padding-top:2px;}

/* 404 Sayfa Bulunamadı Sayfası*/
#nopage {background-color: #f9f8f4; min-height: 80vh;}
.text-wrapper { min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.title {font-size: 6em; font-weight: 700; color: #b98d58;}
.subtitle { font-size: 40px; font-weight: 700; color: #545d5c;}
.buttons { margin: 30px;}
.buttons a.button { font-weight: 700; border: 2px solid #b98d58; text-decoration: none; padding: 15px; text-transform: uppercase; color: #b98d58; border-radius: 25px; transition: all 0.2s ease-in-out; }
.buttons a.button:hover { background-color: #b98d58; color: white; transition: all 0.2s ease-in-out;}

.text-fume { color: #545d5c;}
.text-brown { color: #b98d58;}
.bg-brown { background: #b98d58;}

footer { background: #a69c72}

/* ----------------------------------------------
 * Generated by Animista on 2021-9-19 18:24:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.scale-up-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* --------------------------*/
/* RESPONSIVE UP (min-width) */
/* --------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  	.dropdown-submenu>.dropdown-menu { margin-top: 5px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/*-----------------------------*/
/* RESPONSIVE DOWN (max-width) */
/*-----------------------------*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.icerik img { width: 100% !important; height: auto !important; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	  .navbar { height: auto;}
    .navbar-nav > .nav-item .nav-link { line-height: normal; margin-left: 0; display: inline-block;}
    .dil { position: relative; display: inline-block; right: auto;}
    .hakkimizda span:nth-child(2) { font-size: 30px; line-height: 40px;}
    .h-50 { height: auto!important;}
    .res-bg { height: 275px; }
    #urunSlider .carousel-control-next, 
    #urunSlider .carousel-control-prev { display: none;}
    .font-large { font-size: 17px;}
    .iletisim h5 { font-size: 25px;}
    .iletisim p { font-size: 17px;}
    .order-12-res { -ms-flex-order: 12; order: 12;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}