/*----------------------------------------------------------------------

[-----*** GLOBAL ***-----]

-----------------------------------------------------------------------*/

@font-face {
	font-family: 'RobotoRegular';
	src: url('/assets/fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoBold';
	src: url('/assets/fonts/Roboto-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
	overflow-x: hidden;
	background-color: #F0F0F0;
	font-family: "RobotoRegular";
	font-size: 11px;
}
body.body-content { background:url('../images/bg-content.png') repeat-x 0 0 #FFF; }
a, a:hover, a:focus, button, button:hover, button:focus { text-decoration:none; outline:none; }
a, a:hover, a:focus,a::before, button, button:hover, button:focus, div {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; }
a { color: #d92020; }
a:hover { color:#323232; }
a h4 { color:#646464; }
.main > .container { background-color: #f0f0f0; padding-top:15px; min-height:500px; }


/*----------------------------------------------------------------------


[-----*** HEADER ***-----]

1. Header Top (Sosyal Linkler, Dil Butonları)
2. Header Middle (Logo, Arama Kutusu)
3. Header Bottom (Açılır Yatay Menü)
-----------------------------------------------------------------------*/

.header { background:url('../images/bg.png') repeat-x 0 0 #F0F0F0; }

/* Header Top */
.header .header-top { height:32px; }
.header .header-top ul { list-style:none; padding:0;margin-top: 7px }
.header .header-top ul li { float:left; }
.header .header-top ul li a { display:block; color:#c4151c; text-transform:uppercase; margin-left:10px; }

/* Header Middle */
.header .header-middle { height:90px; }
.header .header-middle .logo img { height:85px; margin-top: 5px; }

/* Header Bottom */
.header .header-bottom { height:60px; }
.header .header-bottom .menu { list-style:none; padding:0; }
.header .header-bottom .menu li { float:left; }
.header .header-bottom .menu li a.nav-link { display:block; color:white; float:left; padding:10px 20px 5px 20px; font-size:17px; font-weight: 600; }
.header .header-bottom .menu li a:hover { }


/*----------------------------------------------------------------------


[-----*** HOME ***-----]

1. President Message (Başkanın Mesajı)
2. Home Sidebar Menu (Anasayfa Sol Menü)
3. Home Slider (Carousel)
4. Post List (İçerik Listeleme)
-----------------------------------------------------------------------*/

/* President Message */
.president-message { background: url('../images/bg-about.png') no-repeat 0 0 transparent; background-size: cover; padding:10px; color:white; }
.president-message .pm-head img { float:left; width: 60px; margin-right:10px; }
.president-message .pm-head h6 { text-transform: uppercase; font-weight: 700; }
.president-message > p { font-size:12px; color:#E7EEF4; }
.president-message > p > a { color:#E7EEF4; font-weight: bold; }

/* Home Sidemenu */
.menu-sidebar { list-style:none; padding:0; }
.menu-sidebar a { display:block; padding:5px; color:#0c0c0c; }
.menu-sidebar > li > a { background: url('../images/bg-sidemenu.png') repeat-x 0 0 transparent; height:50px; display:block; padding:10px 20px 0 20px; font-size:18px; color:#353D4C; font-weight: 600; border-top:1px solid white; }
.menu-sidebar > li > ul { list-style: none; padding-left: 10px; }
.menu-sidebar > li > ul > li > a { font-weight:bold; border-bottom:1px solid #bababa; }

/* Home Slider */
.carousel .carousel-caption { left:0; bottom:0; width:100%; background:url('../images/bg-slider-title.png') repeat 0 0 transparent; padding: 20px 10px 40px 10px; }
.carousel.slide .img-fluid { width:100; height:auto;object-fit: cover }
.carousel-indicators li { width: 10px; height: 10px; border-radius: 10px; }

/* Post List */
.post-list { margin-top: 20px; margin-bottom: 20px; box-shadow: -4px 3px 10px lightgrey; min-height: 500px; }
.post-list h3 { display: block; padding: 0; margin: 0; height: 46px; line-height: 46px; background-color: #EBEBEB; font-size: 17px; color: #333333; font-weight: bold; text-indent: 10px; margin-bottom: 15px; }
.post-list ul { list-style: none; padding:0; }
.post-list ul li { display: block; overflow: hidden; margin:15px 10px; min-height:80px; }
.post-list ul li a { display: block; }
.post-list ul li a img { float:left; border:4px solid #EBEBEB; margin-right: 10px; max-width: 400px; }
.post-list ul li a p.date { color:#333; margin-bottom:5px; font-size: 15px; }
.post-list ul li a p { color:#333; }
.post-list ul li a h4 { color:#245356; font-size:18px; font-weight: bold; }
.post-list a.more { display:block; color:#4F4F4F; font-size:16px; margin-left:15px; padding-bottom: 15px; }
.homepage .post-list ul li a img { width:150px; height:90px; }


/*----------------------------------------------------------------------


[-----*** FOOTER ***-----]

1. Footer Address (Genel Merkez Adresi)
2. Footer Links (Alt kırılımlı menü)
-----------------------------------------------------------------------*/

/* Footer */
.footer { min-height:275px; margin-top:10px; padding:20px 0; }

/* Footer Address */
 .footer .address p {
	 color: white;
	 font-size: 17px;
	 margin-top: 20px;
	 font-weight: 600;
 }

.footer .address li {
	color: white;
	font-size: 14px;
}

.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu a {
	display: block;
	color: white;
	float: left;
	padding: 8px 20px 5px 20px;
	font-size: 17px;
	font-weight: 600;
}

.footer .address ul { list-style: none; padding:0; }
.footer .address ul li {  }
.footer .address ul li b { display:block; width:70px; float: left; }

/* Footer Links */
.footer .links { border-right:1px solid #BEC7C7; min-height:200px; }
.footer .links h4 { display: block; font-size: 18px; font-weight: normal; color: #9f1919; margin-bottom: 8px; text-transform: uppercase; }
.footer .links ul { padding: 0; list-style: none; }
.footer .links ul li {  }
.footer .links ul li a { display: block; padding: 0; margin: 0; color: #2A3437; font-size: 14px; }

/* Footer Backkground */
.footer.gradient {
    background: #ccd5e1; /* Old browsers */
    background: -moz-linear-gradient(top, #ccd5e1 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ccd5e1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(189, 33, 48, 0.3) 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd5e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/*----------------------------------------------------------------------

[-----*** CONTENT ***-----]

1. Content
2. Icons
3. Sidebar
-----------------------------------------------------------------------*/

/* Content */
.content-title { display: block; color: #c4151c; font-weight: bold; font-size: 22px; line-height: 1.3em; padding: 0; margin: 0; margin-bottom: 20px; font-family: "RobotoBold" }
.content-summary { font-size: 18px; font-family: Georgia, Trebuchet, Trebuchet MS, Verdana, serif; }
.content-img img { width:100%; }
.content-text { width: 100%; display: block; position: relative; padding: 0; margin: 0; float: left; margin-bottom: 10px; font-size: 15px; line-height: 1.7em; color: #242323; text-align: justify; }
.content-text img { margin: 5px 10px !important; padding:10px !important; border:1px solid #bababa; max-width:100% !important; height: auto !important; }

/* Icons */
.content-icons { display: block; padding: 10px 0;margin-bottom: 20px; font-size: 13px !important; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; overflow: hidden; }
.content-icons > a { background: url('../images/social-icons.png') no-repeat 0 0; display: inline-block; width: 35px; height: 35px; margin-left: 5px; font-size: 13px !important; float: right; }
.content-icons > p { display: block; padding: 0; margin:5px; float: left; font-size: 15px; color: #242323; }
.content-icons > .icon-text-plus { background-position: 0 0; }
.content-icons > .icon-text-minus { background-position: -39px 0; }
.content-icons > .icon-facebook { background-position: -78px 0; }
.content-icons > .icon-twitter { background-position: -117px 0; }
.content-icons > .icon-whatsapp { background-position: -156px 0; }
.content-icons > .icon-print { background-position: -195px 0; }
.pagging { margin-top: 20px; }

/* Sidebar */
.sidebar { background-color: #EFF0F2; padding: 3px; }
.sidebar ul { display: block; padding: 0; margin: 6.5px; padding-top: 10px; padding-bottom: 10px; list-style: none; border: 1px solid #D0D4D9; background-color: #fff; }
.sidebar ul li { display: block; padding: 0; margin: 0 auto; margin-bottom: 10px; padding-bottom: 10px; padding-left: 15px; line-height: 2em; border-bottom: 1px solid #D0D4D9; }
.sidebar ul li a { display: block; font-size: 19px; font-weight: 500; color: #666; }

/* Breadcrumb */
.breadcrumbs { position: relative; }
.breadcrumbs ol li, .breadcrumbs ol li a { font-weight: bold; }
.icon-back { width:41px; height:30px; display:block; background: url('../images/icon-back.png') no-repeat 0 0 transparent; float: right; position: absolute; right:9px; top:8px; }

.pagination .page-link { padding: 0; }
.pagination .active .page-link { cursor:inherit; padding:.5rem .75rem; }
.pagination a { display:block; padding:.5rem .75rem; }

/* Signin */
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .checkbox { font-weight: 400; }
.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

.search-form input[type="text"] { min-width: 100% !important; }

/* Mobile Trigger Button */
.header .navbar-toggler { background: url('../images/icon-toggler-btn.png') no-repeat right 0 transparent; border:none; width:30px; height:30px; background-size: 60px 30px; margin-top: 25px; }
.header .navbar-toggler.collapsed { background-position: 0 0 !important; }
.header .navbar-toggler .navbar-toggler-icon { display:none; }

.btn-iikv { background-color:#B22222; color:white; }

.dropdown-toggle::after { position: absolute; right: 0; top:20px; }

.banner-menu {
	width: 100%;
}

.banner-menu img {
	padding: 0 5px 0 0;
	width: 100%;
	height: 110px;
}

.banner-menu p {
	text-align: center;
	background-color: #B22222;
	color: white;
	margin-right: 5px;
	height: auto;
	font-size: 20px;
}
.slider-subject {
	width: 100%;
}

.slider-subject .card-body p {
	font-size: 14px;
	text-align: center;
}
.slider-subject .card-body h5 {
	font-size: 20px;
	text-align: center;
}
.red-border {
	border-top: 3px solid #B22222
}

.last-sub-control {
	display:flex ;
	justify-content:center ;
	background-color: #f3f3f3 ;
	gap:10px ;
	padding: 10px ;
}

.last-sub-control button {
	background-color:#B22222;
	color: white
}

.content-title {
	text-align: center ;
	background-color: white ;
	color: #333333;
}

.cart-last-sub {
	height: 285px;
	object-fit: cover;
}

.cart-content {
	height: 200px;
	object-fit: cover;
}

.bgc-w {
	background-color: white;
}

/*----------------------------------------------------------------------

[-----*** RESPONSIVE ***-----]

1. Large devices (large desktops, 1200px and up)
2. Medium devices (desktops, 992px and up)
3. Medium devices (desktops, 992px and down)
4. Small devices (tablets, 768px and up)
5. Extra small devices (phones, less than 768px)
6. Extra small devices (phones, less than 470px)
-----------------------------------------------------------------------*/

/* Large devices (large desktops, 992px and up) */
@media (min-width: 2500px) {
	body {
		overflow-x: hidden;
	}
	.banner-menu img {
		padding: 0 5px 0 0;
		width: 100%;
		height: 165px;
	}


}

/* Large devices (large desktops, 1440px and 1200px) */
@media (max-width: 1440px) and (min-width: 1200px) {



}

/* Medium devices (desktops, 1200px and 992px) */
@media (max-width: 1200px) and (min-width: 992px) {

    .header .header-bottom .menu li a.nav-link { padding-left:10px; padding-right:10px; }
    .carousel.slide .img-fluid { height:335px; }
    .president-message .pm-head h6 { font-size:14px; }
    .president-message .pm-head p { font-size:12px; }
    .menu-sidebar li a, .sidebar ul li a { font-size:15px; }
    .post-list ul li a h4 { font-size: 14px; }
	.banner-menu img {
		padding: 0 5px 0 0;
		width: 100%;
		height: 150px;
	}

}

/* Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {

    .header-menu .navbar-nav .dropdown-menu { margin-top:0; }
    .header-menu .navbar-nav > li:hover > div.dropdown-menu { display:block; }

}

/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {

    .header .header-bottom { height:auto; }
    .header .header-bottom .menu { background-color: #d92020; }
    .header .header-bottom .menu li a.nav-link { color:#fff; }
    .header .header-bottom .menu li.dropdown.show > a.nav-link { color: #d92020; }

    .header-bottom .mobile-search form { margin:15px !important; width:96%; padding:0 2%; }
    .header-bottom .mobile-search form.form-inline .form-control { width: 87%; }

    .carousel.slide .img-fluid { height:248px; }
    .carousel-caption h5 { font-size: 16px; }
    .carousel-indicators { bottom:0; }
    .carousel-indicators li { height:7px; }
    .carousel .carousel-caption { padding: 10px 5px 30px 5px; }

    .president-message .pm-head h6 { font-size:14px; }
    .president-message .pm-head p { font-size:12px; }
    .menu-sidebar li a, .sidebar ul li a { font-size:14px; padding-left:10px; padding-right:10px; }
    .post-list ul li a h4 { font-size: 14px; }

    .homepage .post-list ul li a img { width:100px; height:60px; }

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) and (min-width: 768px) {



}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

    .header-top .welcome span, .header-top .welcome b { display: none; }
    .header-bottom .navbar { padding-left:0; padding-right:0; }
    .header-bottom .mobile-search form.form-inline .form-control { width: 75%; margin-right:5px; }
    .post-list ul li a img { max-width: 100%; width: 100%; }
	.banner-menu img {
		padding: 0 5px 0 0;
		width: 100%;
		height: 95px;
	}
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 576px) {
	.mobile-hidden {
		display: none;
	}

    .header-bottom .mobile-search form { margin:5px !important; }
    .carousel.slide .img-fluid { height:200px; }

}


/* Extra small devices (phones, less than 370px) */
@media (max-width: 400px) {

    .header .header-middle .logo img { margin-top:6px; }

}

/* Media Print */
@media print {

    .d-print-fluid { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

}


/*----------------------------------------------------------------------

[-----*** RETINA DISPLAY ***-----]

-----------------------------------------------------------------------*/

/* Retina Display */
@media (min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {



}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px) {



}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 370px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (                min-resolution: 192dpi) and (max-width: 370px),
only screen and (                min-resolution: 2dppx)  and (max-width: 370px) {



}


