@import url('https://fonts.googleapis.com/css?family=Oswald:700|Exo:300,400,500,600,700,800,900|Poppins:300,400,500,600,700,800,900&display=swap&subset=latin-ext');

body {font-family: 'Poppins', sans-serif;}

.bs {-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);}
.bg-2 {background:#f9f9f9;padding:10px 0;position:relative;z-index:2;}

.btn-site {color:#fff !important;border-radius:0;font-size:14px;}
.btn-site:hover {background:#a33125;color:#fff !important;border-radius:0;}

header #web {position:relative;z-index:3;}
header #web #ust {background:#fafafa;border-bottom:1px solid #eee;padding:5px 0;font-size:12px;font-weight:500;color:#bdc3c7;}
header #web #ust span {line-height:28px;}
header #web #ust .sosyal {margin:0;padding:0;list-style:none;float:right;}
header #web #ust .sosyal li {float:left;}
header #web #ust .sosyal li a {padding:4px 8px;display:block;background:#fff;border:1px solid #eee;margin-left:3px;text-decoration:none;color:#B8B8B8;}
header #web #ust .sosyal li:hover a {border:1px solid #dee2e6;}
header #web #ust .sosyal li a i {font-size:14px;line-height:14px;text-align:center;}
header #web #ust .sosyal li.dil {position:relative;display:block;}
header #web #ust .sosyal li.dil a {margin-left:15px;}
header #web #ust .sosyal li.dil a i {margin-right:7px;}
header #web #ust .sosyal li.dil ul {display:none;position:absolute;z-index:10;width:110px;right:0;top:100%;margin:0;padding:0;list-style:none;border:1px solid #eee;background:#fff;}
header #web #ust .sosyal li.dil ul li {float:none;display:block;}
header #web #ust .sosyal li.dil ul li a {font-size:11px;font-weight:500;border:0;padding:4px 10px;margin:0;}
header #web #ust .sosyal li.dil ul li:hover a {color:#121212;}
header #web #ust .sosyal li.dil:hover ul {display:block;}
header #web #ust .sosyal .fa-fw {width:1.1em;}

header #web #orta {padding:20px 0;}
header #web #orta .iletisim {}
header #web #orta .iletisim .bilgi {width:100%;}
header #web #orta .iletisim .bilgi:not(:last-child) {border-right:1px solid #eee;}
header #web #orta .iletisim .bilgi .ikon {float:left;font-size:42px;margin-right:15px;}
header #web #orta .iletisim .bilgi .text {float:right;}
header #web #orta .iletisim .bilgi .text strong {}
header #web #orta .iletisim .bilgi .text span {display:block;font-size:12px;line-height:15px;color:#bdc3c7;}

header #web #alt {background:#f9f9f9;position:relative;}
header #web #alt .container {position:relative;z-index:4;}
header #web #alt ul#ana_menu {background:#fff;width:100%;display:flex;}
header #web #alt ul#ana_menu > li {float:left;position:relative;}
header #web #alt ul#ana_menu > li > a {position:relative;display:block;color:#121212;padding:20px 12px;text-decoration:none;font-size:15px;font-weight:700;line-height:27px;transition:.3s;}
header #web #alt ul#ana_menu > li.home > a {padding:20px 16px;font-size:18px;}
header #web #alt ul#ana_menu > li.active > a {}
header #web #alt ul#ana_menu > li.active > a:before {position:absolute;top:0;left:0;content:"";width:100%;height:1px;}
header #web #alt ul#ana_menu > li:not(.active):hover > a {}

header #web #alt ul#ana_menu ul {display:none;position:absolute;width:180px;margin:0;padding:0;list-style:none;top:100%;left:0;background:#fff;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);}
header #web #alt ul#ana_menu li:hover > ul {display:block;}
header #web #alt ul#ana_menu li ul li a {color:#121212;font-size:12px;font-weight:600;padding:8px 15px;display:block;text-decoration:none;transition:.3s;}
header #web #alt ul#ana_menu li ul li a:before {content:">";margin-right:6px;}
header #web #alt ul#ana_menu li ul li:hover a {background:#F9F9F9;}

header #web #alt ul#ana_menu > li.bsa {float:right !important;display:flex;}
header #web #alt ul#ana_menu > li.bsa > a {color:#fff !important;padding:0 22px 0 65px;display:block;position:relative;}
header #web #alt ul#ana_menu > li.bsa > a > i {font-size:36px;position:absolute;left:16px;top:15px;color:#fff !important;}
header #web #alt ul#ana_menu > li.bsa > a div {padding:12px 0;color:#fff !important;}
header #web #alt ul#ana_menu > li.bsa > a small {display:block;}

header #web #alt .owl-carousel.header_slider {position:absolute;top:0;left:0;z-index:3;}
header #web #alt .owl-carousel.header_slider .owl-item div > .overlay {position:absolute;top:-50%;bottom:0;left:0;z-index:5;width:100%;padding:50px 0;}
header #web #alt .owl-carousel.header_slider .owl-item div > .overlay h3 {color:#fff;background:black;padding:10px 15px;display:inline-block;margin-bottom:15px;}
header #web #alt .owl-carousel.header_slider .owl-item div > .overlay h3:after {}
header #web #alt .owl-carousel.header_slider .owl-item div > .overlay p {color:#fff;text-shadow: 1px 1px 0 #000000;}

header #mobil {display:none;color:#fff;padding:15px 0;margin-bottom:20px;position:relative;}
header #mobil ul#ana_menu li {float:left;}
header #mobil ul#ana_menu li a {margin-right:15px;font-weight:600;color:#fff;}
header #mobil ul#ana_menu li.active a {background:none;}
header #mobil .btn-menu {margin:5px;border:2px solid #fff;color:#fff;border-radius:5px;padding:5px 7px;}
header #mobil .btn-menu i {font-size:22px;width:32px;height:32px;line-height:32px;text-align:center;}
header #mobil #mobil_slider {margin-bottom:0;position:relative;top:20px;}

nav#menu {background:#fff;padding:20px;z-index:1;}
nav#menu ul {list-style:none !important;}
nav#menu ul#mobil_menu li {position:relative;}
nav#menu ul#mobil_menu li a {font-weight:600;padding:10px 12px;margin:9px 0;font-size:14px;text-decoration:none;display:block;position:relative;border-radius:5px;transition:.5s;}
nav#menu ul#mobil_menu li:after {position:absolute;top:-5px;width:100%;content:"";height:1px;background:rgba(0,0,0,.05);}
nav#menu ul#mobil_menu li a:hover {background:rgba(0,0,0,.05);}
nav#menu ul#mobil_menu li.active a {font-weight:800 !important;}
nav#menu ul#mobil_menu li:first-child a {}
nav#menu ul#mobil_menu li ul {padding-left:15px;}
nav#menu ul#mobil_menu li.active > a {font-weight:700;}

#page .breadcrumb {background:none;padding:0;font-size:11px;font-weight:500;color:#181818;}
#page .breadcrumb li.active {font-weight:600;color:#181818;}
#page .breadcrumb li.breadcrumb-item a {color:#181818;}
#page .breadcrumb li:before {content:">" !important;}
#page .breadcrumb li:first-child:before {content:none !important;}

#page #content {}
#page #content h1.baslik {font-size:24px;font-weight:700;position:relative;display:inline-block;}
#page #content h3.alt_baslik {font-size:20px;font-weight:500;position:relative;display:inline-block;}
#page #content .baslik {position:relative;display:inline-block;padding-bottom:24px;}
#page #content .baslik:after {z-index:5;position:absolute;content:"";bottom:12px;left:0;width:40%;}

#page #content h1, .icerik h1 {font-size:32px;font-weight:700;}
#page #content h2, .icerik h2 {font-size:28px;font-weight:600;}
#page #content h3, .icerik h3 {font-size:24px;font-weight:600;}
#page #content h4, .icerik h4 {font-size:20px;font-weight:500;}
#page #content h5, .icerik h5 {font-size:16px;font-weight:500;}
#page #content h6, .icerik h6 {font-size:12px;font-weight:500;}
.icerik p, .icerik ol, .icerik ul, .icerik {font-size:14px;line-height:26px;font-weight:300;}
.icerik p {text-align:justify;}
.icerik img {max-width:100% !important;height:auto !important;}
.icerik img.left {float:left;padding:12px;border:1px solid #DEE2E6;margin:0 20px 20px 0;}
.icerik img.right {float:right;padding:12px;border:1px solid #DEE2E6;margin:0 0 20px 20px;}

#page #content .ozellik {font-size:14px;font-weight:bold;padding:24px 15px;border:1px solid #dee2e6;}
#page #content .col-md-4:nth-of-type(odd) .ozellik {background:#f5f5f5;}
#page #content .ozellik i {;}
#page #content .ozellik span {float:right;font-weight:400;}
#page #content .fiyat {font-size:24px;font-family:"Exo", sans-serif;font-weight:900;margin-bottom:10px;}

#page #content .secenekler {margin-bottom:15px;}
#page #content .secenekler .secenek_grubu {padding:12px;}
#page #content .secenekler h6 {font-size:13px;font-weight:600;}
#page #content .secenekler .secenek {display:inline-block;border:1px solid #dee2e6;padding:2px 10px;margin-right:12px;}

.card h3 {font-size:16px !important;font-weight:700 !important;margin-bottom:4px;}
.card p {font-size:13px !important;color:#757575;margin-bottom:2px;font-weight:300;}
.card {border-color:#dee2e6;border-radius:0;}
.card .card-body {margin-bottom:-6px;}
.card a.btn-detay {padding:8px 20px;font-size:14px;border:1px solid #dee2e6;border-radius:5000px;font-weight:800;background:#fff;position:relative;top:13px;}
.card .fiyat {font-size:18px !important;font-weight:800;font-family:"Exo", sans-serif;margin-top:5px;}
.card.ikon i {width:100% !important;text-align:center;font-size:80px;line-height:120px;margin-bottom:10px;}
.card:hover a.btn-detay {color:#fff;}

.referanslar_nav img {filter: grayscale(1);transition:.2s;}
.referanslar_nav img:hover {filter: grayscale(0);}

footer {padding:60px 0;margin-top:40px;}
footer h3 {color:#fff;font-size:16px;font-weight:600;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.3);}
footer ul {margin:0;padding:0;list-style:none;}
footer ul li a {font-size:12px;line-height:16px;color:#fff !important;text-decoration:none !important;transition:.2s;}
footer ul li a:hover {padding-left:8px;}
footer ul li a:before {content:">";margin-right:6px;}
footer .hakkinda .text {max-width:100%;overflow:hidden;}
footer .hakkinda p {font-size:11px;font-weight:300;color:#fff;line-height:16px;}
footer .hakkinda img.logo {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3);}
footer .hakkinda ul.sosyal {list-style:none;}
footer .hakkinda ul.sosyal li {float:left;}
footer .hakkinda ul.sosyal li a {padding:6px 8px;margin-right:5px;background:#fff;}
footer .hakkinda ul.sosyal li a:before {content:"";display:none;}

li.facebook a {color:#3B5BA3 !important;}
li.twitter a {color:#2495E7 !important;}
li.instagram a {color:#C53858 !important;}
li.youtube a {color:#D32028 !important;}

.iletisim_bilgileri .bilgi {margin-bottom:10px;}
.iletisim_bilgileri .bilgi i {width:32px;height:32px;border-radius:100%;line-height:32px;margin-right:10px;color:#fff;}

/* Bölüm Başlığı */

.bar {position:relative;padding-top:10px !important;}
.bar:after {position:absolute;content:"";bottom:12px;left:0;width:100%;border-bottom:1px solid #dee2e6;z-index:4;}
.bar:before {position:absolute;content:"";bottom:12px;left:0;width:12%;z-index:5;}
.bar .butonlar {float:right;}
.bar .butonlar .btn, .owl-nav .btn {padding:5px 12px;border:1px solid #dee2e6;}
.bar .baslik {font-size:22px;font-weight:600;position:relative;display:inline-block;padding-bottom:24px;}
.bar .baslik:after {display:none;}
.bar .alt_baslik {font-size:20px;font-weight:600;position:relative;display:inline-block;padding-bottom:22px;}
.bar .alt_baslik:after {display:none;}

/* Butonlar */

.btn-classic {border-radius:0 !important;color:#181818;transition:.3s;}
.btn-classic:hover {color:#fff;border:1px solid rgba(0,0,0,.05) !important;}

.btn-overlay {display:block;width:50px;height:50px;font-size:20px;line-height:50px;border-radius:500px;background:rgba(0,0,0,.2) !important;padding:0;color:rgba(255,255,255,.6) !important;}
.btn-overlay i {line-height:50px;}

.card:hover .btn-overlay {padding:0;color:#fff !important;}
.btn-overlay:hover {}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius:0;}

/* Form */

.form-group label {font-weight:500;}
.form-control {padding:10px 14px;height:40px;font-size:13px;border-radius:2px;}
.btn-custom {border-radius:2px;font-size:13px;padding:8px 16px;}

/* Nav-tabs */

.nav-tabs {border:0;}
.nav-tabs, .nav-tabs li.nav-item a.nav-link {border:0;}
.nav-tabs li.nav-item a {color:#202326;}
.nav-tabs li.nav-item a.active {font-weight:600;position:relative;color:#202326;}

/* OWL Slider */

#owlslider {position:relative;display:flex;justify-content:space-around;align-items:center;}
#owlslider .owl-nav button.owl-prev {position:absolute;left:10px;}
#owlslider .owl-nav button.owl-next {position:absolute;right:10px;}
#owlslider .btn-classic {background:rgba(255,255,255,.4);color:rgba(255,255,255,.9);}
#owlslider .owl-item {cursor:move}
#owlslider-nav .owl-item img {position:relative;border:2px solid #fff;cursor:pointer;}
#owlslider-nav .owl-item.current img {}

.custom_nav .owl-nav {position:absolute;top:-65px;right:0;}
.custom_nav .owl-nav > button:first-child {margin-right:5px;}

.referanslar_nav .owl-nav {position:absolute;top:-65px;right:0;}
.referanslar_nav .owl-nav > button:first-child {margin-right:5px;}

.alert.message {margin-bottom:25px;font-size:15px;font-weight:300;}

@media only screen and (max-width: 992px) {
	#page .bg-2 {margin-top:-20px !important;}
	#galeri {max-width:100% !important;}
}

/* Slideout */

body {max-width:100% !important;overflow-x:hidden;width: 100% !important;height: 100% !important;}
html:not(.slideout-open) nav#menu {display:none;}
.slideout-menu {position: fixed;top: 0;bottom: 0;width: 256px;min-height: 100vh;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 0;display: none;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {position: relative;z-index: 1;will-change: transform; /* A background-color is required */}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;background:#fff;}
.slideout-open .slideout-menu {display: block;}

/* Pagination */
#pagination {margin:15px auto;}
ul.pagination li {margin-right:6px;}
ul.pagination li a {width:38px;height:38px;line-height:38px;box-shadow:none !important;font-weight:bold;border:0;background:#fff;color:#777 !important;border:1px solid #dee2e6;padding:0 !important;font-size:400;text-align:center;border-radius:100px !important;transition:.2s;}
ul.pagination li.active a, ul.pagination li a:hover {color:#fff !important;}
ul.pagination li a i {margin:0 !important;height:auto;width:auto;}
.pagination-info {font-size:13px;color:#aaa;}

#onceki_sonraki_icerikler {display:table;clear:both;margin:25px auto;width:100%;margin-top:20px;}
#onceki_sonraki_icerikler p {font-size:11px;display:block;border:1px solid #dee2e6;padding:5px;text-align:center;}
#onceki_sonraki_icerikler .onceki_icerik, #onceki_sonraki_icerikler .sonraki_icerik {}
#onceki_sonraki_icerikler h4 {margin-bottom:0;}
#onceki_sonraki_icerikler a {font-size:16px !important;font-weight:700 !important;margin-bottom:0;}