/* Apply Roboto font to the body */
body {
font-family: 'Montserrat', sans-serif;
}

/* Apply Roboto font to specific elements */
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
  /* You can adjust font-weight, font-size, and other styles as needed */
}

h1{
	font-size: 3.5rem;
}

#hero h1{
	font-size: 4rem;
		text-shadow: 4px 4px 2px rgba(0,0,0,0.6);

}

h2{
	font-size: 3rem;
}

.lead{
	font-size: 2rem;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}

#hakkimizda p{
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: justify;
}

p {
font-family: 'Montserrat', sans-serif;
  /* You can adjust font-weight, font-size, and other styles as needed */
}   

/* Default style for the larger header */
#header {
  transition: height 0.3s;
}

/* Style for the smaller header on scroll */
#header.small {
  height: 50px; /* Adjust the height as needed */
}

#header.bigger {
  height: 100px; /* Adjust the height as needed */
  background-color: #fff; /* Set the background color for the bigger header */
}

#logo {
  transition: height 0.3s;
  height: 60px;
}

/* Add a transition effect to nav-link elements */
.nav-link {
  transition: color 0.3s ease-in-out; /* Adjust the duration and timing function as needed */
}

.nav-link.small{
	font-size: 95%;
}

/* Style for the smaller logo on scroll */
#logo.small {
  height: 30px; /* Adjust the height as needed */
}

   /* Preloader styles */
    #preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff; /* Set the background color of the preloader */
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000; /* Ensure it's above other elements */
	  opacity: 0.5;
    }

    .spinner-border {
      width: 3rem;
      height: 3rem;
	  opacity: 1;
    }
	
	.fa-instagram {
		color: #fff;
		background: #2b2a28;
		border-radius: 5px;
		padding: 0.5px 1.2px;	
		transition: all 200ms ease-out;
	}
	
	.fa-instagram:hover {
		background: #e95e1f;
	}
	
	#cookie-warning {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #f8d7da; /* Bootstrap's alert-danger color */
  color: #721c24; /* Bootstrap's text color for alert-danger */
  text-align: center;
  z-index:999;
}

#accept-cookies {
  background-color: #d9534f; /* Bootstrap's btn-danger color */
  color: #fff; /* White text */
  border: none;
  padding: 8px 16px;
  cursor: pointer;
}

#cookie-warning a {
  color: #721c24; /* Bootstrap's text color for alert-danger */
  text-decoration: underline;
}

/* Default styles for light mode */
body {
    background-color: #fff; /* Set the default background color for the body */
}

#header {
    background-color: #fff; /* Set the background color for the menu in light mode */
	height: 100px;
}

#hero {
	margin-top: 100px;
	margin-bottom: 60px;
}

.navbar-nav .nav-item .nav-link {
    color: #2b2a28; /* Set the text color for menu items in light mode */
	font-size: 22px;
}

.navbar-nav .nav-item .nav-link.small {
    color: #2b2a28; /* Set the text color for menu items in light mode */
	font-size: 18px;
}

.btn-primary{
	color: #fff;
	background-color: #e95e1f;
    border-color: #e95e1f;
}

#hakkimizda{
	margin-bottom: 60px;
}

#urunlerimiz .nav-link{
	color: #2b2a28;
}

#urunlerimiz .nav-item{
	width: 20%;
}

#urunlerimiz .nav-tabs{
	justify-content: space-between;
	border-bottom: 2px solid #e95e1f;
}

#contactForm label{
	margin-bottom: 0.1rem;
}

.form-control{
	margin-bottom: 10px;
}

[lang="en"] #yeralti span{
	font-size: 1rem;
}

.sondaj-row{
	justify-content: center;
}

#urunlerimiz .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #e95e1f;
    border-color: #e95e1f;
}

#urunlerimiz .nav.nav-tabs{
	font-size: 1.1rem;
    letter-spacing: 0px;
	margin-top: 30px;
}

#hakkimizda h2{
	margin-bottom: 20px;
}

#elmasli p, #karot ul, #yerustu p, #tij p{
	font-size: 1.5rem;
	text-align: justify;
}

#urunlerimiz .tab-content{
	padding: 0 60px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #e95e1f;
    margin-top: 0px !important;
    box-shadow: -1px 16px 36px -13px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 12px 36px -13px rgba(0,0,0,0.75);
}

#urunlerimiz .tab-content>.active{
	padding: 30px 0px;
}

#hero .carousel-caption{
	top: 50%;
	left: 50%;
	right: inherit;
	bottom: inherit;
	transform: translateX(-50%) translateY(-50%);
	width:80%;
	max-width: 1200px;
}

.tab-pane .card{
	box-shadow: 1px 1px 49px -4px rgba(0,0,0,0.25);
-webkit-box-shadow: 1px 1px 49px -4px rgba(0,0,0,0.25);
-moz-box-shadow: 1px 1px 49px -4px rgba(0,0,0,0.25);
border-radius: 15px;
}

.tab-pane .card .card-img-top {
	margin-top: 15px;
}

.modal-buttons{
	display: block;
	width: 100%;
    margin-bottom: 10px;
}

.s-modal-buttons {
    color: #fff;
    background-color: #2b2a28;
    border-color: #2b2a28;
}


.card-title {
    margin-bottom: 0.75rem;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #e95e1f;
}

#urunlerimiz h2{
	text-align: center;
}

.card-body img{
	width: 35px;
}

.icon-row{
	margin-bottom: 5px !important;
}

.card-body span{
	font-size: 11px;
    margin-left: 5px;
}

#iletisim{
	margin-top: 60px;
	margin-bottom: 60px;
}

#iletisim h2{
	text-align: center;
	margin-bottom: 30px;
}

#iletisim i{
    font-size: 42px;
    color: #e95e1f;
	margin-bottom: 10px;
}

#iletisim span{
	font-size: 20px;
    display: block;
	line-height: 1.1;

}

.modal-body .btn-link{
	color: #2b2a28;
}

.modal-body .btn-link:hover, .modal-body .btn-link:focus, .modal-body .btn-link:active{
	color: #e95e1f;
	box-shadow: none;

}

#contactForm{
	border: 1px solid #ccc;
    padding: 30px;
    box-shadow: -1px 16px 36px -13px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 12px 36px -13px rgba(0,0,0,0.75);
    border-radius: 15px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #e95e1f;
}

.btn-primary.focus, .btn-primary:focus{
	box-shadow: none;
}

.modal-dialog{
	max-width: 900px;
}

#footer{
	background-color: #e95e1f;
	color: #fff;
}

#urunlerimiz .nav-tabs .nav-link{
	transition: all 200ms ease-out;
	text-align: center;
}

#urunlerimiz .nav-tabs .nav-link:focus, #urunlerimiz .nav-tabs .nav-link:hover {
    border-color: #e95e1f #e95e1f #e95e1f;
	background-color: #e95e1f;
	color:#fff;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #2b2a28;
    border-color: #2b2a28;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2b2a28;
    border-color: #2b2a28;
}



        #elmasli .table tbody tr td {
            width: 50% !important;
        }

        #elmasli tbody tr td.sm {
            background-color: #295caa !important;
            color: white !important;
        }

        #elmasli tbody tr td.os {
            background-color: #4c535f !important;
            color: white !important;
        }

        #elmasli tbody tr td.ys {
            background-color: #ffcb04 !important;
            color: white !important;
        }

        #elmasli tbody tr td.xsy {
            background-color: #00a34a !important;
            color: white !important;
        }

        #elmasli tbody tr td.xsk {
            background-color: #ed1c24 !important;
            color: white !important;
        }

        #elmasli tbody tr td.xsg {
            background-color: #c6c8ca !important;
            color: white !important;
        }

       #elmasli tbody tr td.est {
            background-color: #78cdd0 !important;
            color: white !important;
        }

        #elmasli tbody tr td.est-sk {
            background-color: #ab1236 !important;
            color: white !important;
        }

        #elmasli tbody tr td.sk {
            background-color: #ab1236 !important;
            color: white !important;
        }

        #elmasli tbody tr td.xsj {
            background-color: #99ca3c !important;
            color: white !important;
        }
		
		.cart-section{
	position:relative;
	padding:100px 0px 60px;
}

.cart-outer{
	position:relative;
}

.checkout-page .cart-outer{
	margin-bottom:40px;
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
	margin-left: -15px;
}

.cart-outer .cart-table{
	width:100%;
	min-width:900px;
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:13px;
	background:#222222;
	color:#ffffff;
	border:1px solid #ebebeb;
}

.cart-table thead tr th{
	line-height:24px;
	padding:5px 10px;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #ffffff;
	font-family: 'Arimo', sans-serif;
}

.cart-table thead tr th .fa{
	font-size:18px;
}

.cart-table tbody tr td{
	line-height:22px;
	padding:5px;
}

.cart-table tbody tr .qty{
	width:200px;
	padding-right:80px;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#ffffff;
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:relative;
	width:140px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:14px;
	color:#444444;
	font-weight:400;
	line-height:90px;
}

.cart-table tbody tr .prod-column .author{
	font-size:13px;
	color:#333333;
	margin-bottom:0px;
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	color:#222222;
	font-size:16px;
}

.cart-table tbody tr .sub-total.price{
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#fbb908;
	line-height:30px;
	font-weight:500;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	font-size:18px;
	line-height:30px;
}

.cart-table tbody tr .remove-btn:hover{
	color:#444444;
}

.cart-table tbody tr{
	border-bottom:1px solid #cccccc;
}

.cart-table tbody tr td{
	vertical-align:middle;
	color:#797979;
	font-size:16px;
	text-align:center;
	border-left:1px solid #cccccc;
}

.cart-table tbody tr td.prod-column{
	padding-left:48px;
}

.cart-table tbody tr td.total{
	font-size:18px;
	color:#333333;
}

.cart-table tbody tr td:last-child{
	border-right:1px solid #ebebeb;
	text-align:center;
}

.cart-table tbody tr td .prod-title{
	position:relative;
	font-size:16px;
	color:#222222;
	font-weight:400;
	font-family: 'Arimo', sans-serif;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#223555;
	border-radius:50%;
}

.cart-section .cart-options{
	position:relative;
	padding:40px 0px 10px;
	margin-bottom:30px;
	border-top:0px;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .cart-options .cart-btn{
	padding:13px 36px;
    line-height: 24px;
	font-size:15px;
	color:#ffffff;
	font-weight:700;
	border-radius:50px;
	text-transform:capitalize;
	background-color:#ffb200;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover{
	background-color:#fbb908;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:30px;
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:28px;
	padding:10px 25px;
	border:1px solid #cccccc;
	width:225px;
	height:50px;
	background:#ffffff;
	border-radius:50px;
}

.cart-section .coupon-btn{
    padding:13px 29px;
    line-height: 24px;
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	border-radius:50px;
	text-transform:capitalize;
	background-color:#ffb200;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .coupon-btn:hover{
	background-color:#fbb908;
}

.cart-section .cart-options .btn-style-one{
	top:-7px;
	padding-left:32px;
	padding-right:32px;
}

.cart-section .totals-table{
	position:relative;
	margin-bottom:20px;
	border:1px solid #cccccc;
}

.cart-section .totals-table li{
	line-height:24px;
	padding:18px 30px;
	border-bottom:1px solid #cccccc;
}

.cart-section .totals-table li:first-child{
	background-color:#dddddd;
}

.cart-section .totals-table li h3{
	position:relative;
	font-weight:700;
	color:#333333;
	font-size:18px;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
	padding:40px 20px 50px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color:#222222;
	font-size:16px;
	font-weight:700;
	text-transform:capitalize;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li .col:last-child{
	text-align:right;
}

.cart-section .totals-table .total .price{
	color:#ffb200;
	font-weight:400;
}

.cart-section .totals-table .proceed-btn{
    padding: 13px 33px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	border-radius:50px;
    text-transform: capitalize;
    background-color: #ffb200;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover{
	background-color:#fbb908;
}


.s-modal-buttons:hover, .s-modal-buttons:focus {
    color: #fff;
    background-color: #e95e1f;
    border-color: #e95e1f;
}