@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
body {font-family: 'Poppins', sans-serif; color: #0c3b5d; padding-top:80px;}
a { text-decoration: none !important; color: #383e42; transition-duration: 0.4s; }
.br{border:1px solid red;}
.beyaz { color: #fff;}
.border{border-bottom:1px solid #dddddd;}
.menuborder{border:1px solid #cccccc;}
a:link{text-decoration:none;}
.baslikyazi{font-size: 16px; color: #ff0000;}
.beyaz { color: #fff;}
.siyah { color: #000;}
.kirmizi { color: #ff0000;}
.koyukirmizi { color: #d50000;}
.yesil { color: #22a022;}
.koyumavi { color: #14649e;}
.koyumavibg{ color: #0c3b5d; border: 2px solid #0c3b5d; padding: 3px; border-radius: 12px;}
.mobilmenutext{font-size:12px; color:#032b52; width:104px;} 
.mobilmenucss{ height:46px; width:60px;}
.iletisimm a:link{text-decoration:none;color:#0c3b5d;}
.iletisimm a:visited{color:#0c3b5d;}
.iletisimm a:hover{color:#0c3b5d;}
.ustaimg { position: relative; text-align: center;}
.ustaimg a { display:block;}
.ustaimg img {display: inline-block; max-height:280px; max-width:100%;}
.yazihiza{text-align:left; }
@media only screen and (max-width: 1920px) {.yazihiza{margin-left:40px;}}
@media only screen and (max-width: 1024px) {.yazihiza{margin-left:10px;}}
/**/
/*logo*/
.logo{width: 83%; margin: 10px; margin-left: 4px; margin-top: -3px;	 z-index: -9999;}
@media only screen and (max-width: 1024px) {.logo {width:73%;}}
@media only screen and (max-width: 767px)  {

	.logo {width:73%;}
	}
/*logo end*/
/*megamenü*/
/*off f37409 */
#ustmenu{ border-bottom:4px solid #056d4a; box-shadow: 0 10px 6px -6px #555; font-weight:600;}
/*divider dikey cizgi on*/
@media (min-width:190px) and (max-width:800px){.navbar-nav>li.divider {display: none !important;}}
.navbar-nav>li.divider {border-left: 1px solid #c4c4c4; padding: 6px 2px; margin: 8px 0px;color: #999; font-weight: lighter;}
/*divider dikey cizgi off*/

/*Navbar start*/
.navbar-custom {background-color: #fff;}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {color: #b3002d;}
.navbar-custom .navbar-nav .nav-link {color: #000;font-size: 17px;}
.navbar-custom .nav-item.active .nav-link,
.beyaz { color: #fff;}
.navbar-custom .nav-item:hover .nav-link { color: #05263d;}
/*dropdown menünün arkaplan rengi*/
.navbar-custom .dropdown-menu {font-family: 'Monda', sans-serif; background-color: #ffffff;border-bottom:3px solid #05263d;}
/*dropdown açılan menünün ilk yazı rengi*/
.navbar-custom .dropdown-item {color: #000;}
/*dropdown açılan menünün açıldıktan sonra ki yazı rengi ve yazının arkaplan rengi*/
.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus {color: #fff; background-color:#05263d;}
/*Navbar end*/

/*slayt start*/
.slayttop{margin-top:-17px;}
@media all and (max-width: 600px){.slayttop {margin-top:-27px;}}
.carousel-item img{ width: 100%; max-height:900px;}
/*carosel yön okları*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}
.carousel-control-next-icon:after{
  content: '>';
  font-size: 55px;
  color: #fcc23a;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
}
.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #fcc23a;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
}
/*solpanel*/
#panel {
position: absolute;
top: -4px;
left: 0;
width: 100%;
height: 100vh;
overflow: auto;
background: #fff;
border-top: 1px solid #e2e2e2;
z-index: 9;
}
#panel .mobileMenu {padding: 16px 40px 80px 40px; overflow: auto; height: calc(100%);}
#panel .mobileMenu ul {padding: 0; margin: 0; display: inline-block; width: 100%;}
#panel .mobileMenu ul li {list-style-type: none; font-size: 16px; width: 100%; float: left;}
#panel .mobileMenu ul li ul li a {
transition: 0.3s;
font-size:17px;
color: #a70c0c;
display: block;
padding: 8px 0;
margin-top:-9px;
align-items: center;
text-decoration: none !important;
}
#panel .mobileMenu ul li ul li a span {
padding: 0;
margin: -2px 10px 0 0;
border: none;
width: 40px;
height: 30px;
display: flex;
align-items: center;
text-align: center;
float: left;
}
#panel .mobileMenu ul li span {
text-shadow: 0 0 black;
display: block;
padding: 1 0 3px 0;
margin-bottom: 1px;
border-bottom: 2px solid transparent;
text-transform: uppercase;
}
#panel .mobileMenu ul li a {color: #0c3b5d; text-decoration: none !important;}
#panel .mobileMenu .subList li a {padding: 3px 0 !important;}
#panel .mobileMenu ul.subMobile {display: none; margin-bottom: 20px;}
#panel .mobileMenu ul li.single ul { display: none; margin-bottom: 20px;}
#panel .mobileMenu ul li.sub { margin-bottom: 30px;}
#panel .mobileMenu ul li ul li a img {max-height: 100%; margin: 0 auto;}
/**/

.mobileBtn { display: none; float: left; margin-right: 10px;}
.mobileBtn.open span {transition: 0.4s;}
.mobileBtn.open span:first-child {width: 25px; transform: translate(0, 7px) rotate(45deg);}
.mobileBtn.open span:nth-child(2) {opacity: 0;}
.mobileBtn.open span:nth-child(3) {width: 25px; transform: translate(0, -9px) rotate(-45deg);}
.mobileBtn span {
transition: 0.4s;
width: 19px;
height: 2px;
display: block;
background: #0c3b5d;
border-radius: 4px;
}
.mobileBtn span:nth-child(2) {margin: 6px 0; width: 25px;}
@media only screen and (max-width: 1024px) {.mobileBtn { display: block;}}

/*icerik css*/
.titleGlobal {
font-size: 22px; 
color: #0c3b5d;
text-transform: uppercase;
margin: 0 0 12px 0;
}

/*detay css*/
/*slider2*/
.allText {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 10px;
}
@media only screen and (max-width: 767px) {.allText{ padding: 4px 4px;}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {.allText .all { position: relative; z-index: 1;}}
@media only screen and (max-width: 767px) {.allText .title span { font-size: 9px !important; }}
.allText .all {
    width: auto;
    display: inline-block;
    background: #ffffffb8;
    padding: 30px;
    min-width: 300px;
}
@media only screen and (max-width: 767px) {.allText .all { min-width: 150px; padding: 5px 30px 10px 15px; }}
@media only screen and (min-width: 1200px) and (max-width: 1750px) {.allText .all {margin-left: 60px;}}

.allText h1 { color: #0c3b5d;}
@media only screen and (min-width: 768px) and (max-width: 1024px) {.allText h1 {font-size: 40px;}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {.allText h6 {font-size: 24px;}}
@media only screen and (max-width: 767px) {.allText h1 {font-size: 18px;margin: 0;}}
.allText .title span {
    font-size:20px;
    display: block;
    margin: -5px 0 10px;
    color: #0c3b5d;
}
@media only screen and (max-width: 767px) {.allText h6 {font-size: 14px;margin: 0;}}
.allText .title span {
    font-size:17px;
    display: block;
    margin: -5px 0 10px;
    color: #0c3b5d;
}
/*video play*/
.vidplay{margin: 4px -15px -17px 0px; padding: 12px 22px;}
@media only screen and (max-width: 1920px) {
.vidplay {margin:60px 0px 0px 100px;}}
@media only screen and (max-width: 992px) {
.vidplay {margin:60px 0px 0px 60px;}}
@media only screen and (max-width: 780px) {
.vidplay {margin:10px 0px 0px 8px;}}
@media only screen and (max-width: 767px) {
.vidplay {margin:10px 0px 0px 115px;}}
@media only screen and (max-width: 450px) {
.vidplay {margin:35px 0px 0px 100px;}}
@media only screen and (max-width: 380px) {
.vidplay {margin:0px 0px 0px 20px;}}
/*instagram*/
 .instagramtitle {
    font-size: 18px;
    color: #0c3b5d;
    text-transform: uppercase;
    margin: 0 0 12px 8px;
}
 .instagramtitle a {
	text-decoration: none;
    font-size: 18px;
    color: #0c3b5d;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}
.instagramtitle span {color: #fec33b;}
@media only screen and (max-width: 767px){.instaBox .titleGlobal {padding: 0 15px;}}
@media only screen and (max-width: 767px){.titleGlobal {font-size: 15px;}}
.instaBox { margin: 80px 0 0 0;}
@media only screen and (min-width: 768px) and (max-width: 1024px) {.instaBox { margin: 30px 0 0 0;}}
@media only screen and (max-width: 767px) {
    .instaBox {margin: 25px 0 0 0; }
    .instaBox .instagram_gallery { display: block !important;}
    .instaBox .container {padding: 0;}
    .instaBox .titleGlobal {padding: 0 15px;}
    .instaBox .row {
        overflow: auto;
        white-space: nowrap;
        display: block;
        margin: 0 !important;
        padding: 0 0 0 15px;
    }
    .instaBox .row .col-3 {
        width: 166px;
        display: inline-block;
        white-space: initial;
        flex: inherit;
        max-width: inherit;
    }
}
@media only screen and (max-width: 767px){
.instaBox .row .col-3 {
    width: 166px;
    display: inline-block;
    white-space: initial;
    flex: inherit;
    max-width: inherit;
}}
.instaBox .listing { position: relative; min-height: 150px;}
@media only screen and (max-width: 767px) {.instaBox .listing { min-height: initial;}}
.instaBox .listing .centerIco {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    background: #fff;
    transform: translate(-50%, -50%);
    width: 110px;
    text-align: center;
    padding: 10px 0;
}
@media only screen and (max-width: 767px) {.instaBox .listing .centerIco { display: none; }}
.instaBox .listing .centerIco a {text-decoration: none;}
.instaBox .listing .centerIco span { font-size:17px; color: #0c3b5d; text-transform: uppercase;}
.instaBox .instagram_gallery {display: inline-block; width: 100%;}
.instaBox .instagram_gallery picture {overflow: hidden; height: 22vw; max-height: 300px; align-items: center;}
@media only screen and (max-width: 767px) {.instaBox .instagram_gallery picture {height: 167px; }}
.instaBox .instagram_gallery picture img {transition: 0.3s; width: 100%; height: 100%; object-fit: cover;}
.instaBox .instagram_gallery picture img:hover {transition: 0.3s; transform: scale(1.05);}
.instaBox .instagram_gallery a {display: block; padding: 5px;}
@media only screen and (max-width: 767px) {.instaBox .instagram_gallery a {  padding: 0; }}
/**/
/*detayslayt*/
.carousel { position: relative; }
.carousel-item img { object-fit: cover; }
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
#carousel-thumbs img { border: 5px solid transparent; cursor: pointer; border-color: #032b52;}
#carousel-thumbs img:hover { border-color: rgba(255,255,255,.3);}
#carousel-thumbs .selected img { border-color: #fff;}
.carousel-control-prev,
.carousel-control-next { width: 50px;}
@media all and (max-width: 767px) {.carousel-container #carousel-thumbs img {  border-width: 3px; }}
@media all and (min-width: 576px) {.carousel-container #carousel-thumbs { position: absolute; }}
@media all and (max-width: 576px) {.carousel-container #carousel-thumbs {  background: #ccccce; }}
/*breadcrumbr*/
.breadcrumbAndSidebar {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    position: sticky;
    top: 72px;
    z-index: 3;
    background: #fff;
    float: left;
    width: 100%;
}
.breadcrumbAndSidebar .breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    float: left;
}
@media only screen and (max-width: 1023px) {
.breadcrumbAndSidebar .breadcrumb { float: none; width: 100%; }}
.breadcrumbAndSidebar .breadcrumb ul { padding: 0; margin: 0;}
@media only screen and (max-width: 1023px) {
.breadcrumbAndSidebar .breadcrumb ul { display: -webkit-box; overflow: auto; width: 100%; }}
.breadcrumbAndSidebar .breadcrumb ul li {
    list-style-type: none;
    display: inline-block;
    padding: 8px 20px 8px 0;
    position: relative;
    color: #6a869b;
    font-size: 13px;
    text-transform: capitalize;
}
@media only screen and (max-width: 1023px) {
.breadcrumbAndSidebar .breadcrumb ul li { white-space: nowrap; display: table-cell; margin: 0 !important; }
.breadcrumbAndSidebar .breadcrumb ul li.mbNone { display: none; }}
.breadcrumbAndSidebar .breadcrumb ul li:last-child { padding-right: 0 !important;}
.breadcrumbAndSidebar .breadcrumb ul li:last-child:after { display: none;}
.breadcrumbAndSidebar .breadcrumb ul li.active { color: #0c3b5d;}
.breadcrumbAndSidebar .breadcrumb ul li.active a { color: #0c3b5d;}
.breadcrumbAndSidebar .breadcrumb ul li:after {
    content: "/";
    color: #032b52;
    margin: 0 4px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(16deg);
}
@media only screen and (max-width: 1023px) {
.breadcrumbAndSidebar .breadcrumb ul li:after { margin: 0 8px; }}
.breadcrumbAndSidebar .breadcrumb ul li a {
    display: block;
    font-size: 13px;
    color: #6a869b;
    text-transform: capitalize;
    text-decoration: none;
}
.breadcrumbAndSidebar .tabFixed { position: sticky; top: 110px; }
@media only screen and (max-width: 1023px) {
.breadcrumbAndSidebar .tabFixed { display: none !important; }}
.breadcrumbAndSidebar .tabFixed ul { padding: 0; margin: 0;}
.breadcrumbAndSidebar .tabFixed ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 13px;
    color: #6a869b;
    padding: 8px 3px;
    position: relative;
}
.breadcrumbAndSidebar .tabFixed ul li.active { color: #0c3b5d; font-family: poppinsmedium, Roboto-Medium;}
.breadcrumbAndSidebar .tabFixed ul li.active a { color: #0c3b5d;}
.breadcrumbAndSidebar .tabFixed ul li.active:after { opacity: 1;}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
 .breadcrumbAndSidebar .tabFixed ul li { margin: 0 0 0 5px; }
}
.breadcrumbAndSidebar .tabFixed ul li a { font-size: 13px; color: #6a869b;}
.breadcrumbAndSidebar .tabFixed ul li:after {
    content: "";
    background: #032b52;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    left: 0;
    opacity: 0;
}
.centerTitle {
	display:none;
	border-bottom: 1px solid #e2e2e2;
    background: #fff;
    z-index: 3;
    padding: 10px 0;
    margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align:center;
    color: #0c3b5d;
}
.centerTitle h2 { font-size: 17px; font-weight:600;}
@media only screen and (max-width: 600px) {
.mobilkapat{ display:none; }
.centerTitle { display:block !important; }
}

/**/
.centerTitlee {
	display:none;
	border-bottom: 1px solid #e2e2e2;
    background: #fff;
    z-index: 3;
    padding: 10px 0;
    margin: 0 0 10px 0;
	text-transform: uppercase;
	text-align:center;
    color: #0c3b5d;
}
.centerTitlee h4 { font-size: 17px; font-weight:600;}

/**/
.carousel-indicators [data-bs-target]{ opacity: 1;}
.wrapper {
    border: 1px solid #e2e2e2;
    text-align: center;
    padding: 35px 0;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.wrappers { position: sticky; top: 132px; margin-bottom: 44px;}
.product-basket {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin-bottom: auto;
}
/**/
.active>.page-link, .page-link.active {
    z-index: 3;
    color: white;
    background-color:#032b52;
    border-color:#032b52;
}
/*navbar icon*/
.iconSet { float: right; margin: 9px 0; padding: 14px 0; display:none;}
.iconSet ul { padding: 0; margin: 0; display: flex;}
.iconSet ul li {
	list-style-type: none;
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 15px;
}
.iconSet ul li a { margin-left:5px; font-size:18px; text-decoration: none;}
.iconSet ul li button { background: none; padding: 0; border: none;}
header .iconSet ul li button i { width: 30px; height: 24px; background-position: -46px 0;}
.iconSet ul li i small {
 width: 14px;
	height: 13px;
	background: #ec0000;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: 3px;
	top: -7px;
	text-align: center;
	font: 11px overpassbold,Roboto-Bold;
	color: #fff;
}
@media only screen and (max-width: 1024px) {
.iconSet { display:block; }
.mobmp{ margin:0; padding:0; }
}
/**/
/**/
.div-baslik{ position: relative; }
.div-baslik:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    border-top: 1px solid #ccc9c9;
}
.div-baslik h4{
    background: #fff;
    color: #363636;
    display: inline-block;
    line-height: 40px;
    margin: 0;
    padding: 0 30px;
    position: relative;
    border: 1px solid #ccc9c9;
}
.urun-slider .itemm{ margin: 5px;}
.urun{	
    float: left;
    width: 100%;
    border : 1px solid #ddd;
    padding: 6px;
    border-radius: 10px;
    background: #fff;
}
.urun b{
    float: left;
    width: 100%;
    color: #484848;
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 11px;
    height: 28px;
    margin-top: 6px;
}
.urun div{float: left;width: 100%;}
.urun div span:first-child{
    float: left;
    width: 100%;
    text-align: center;
    color: #ff6000;
    font-size: 14px;
}
.urun div span:last-child{
    float: left;
    width: 100%;
    text-align: center;
    color: #9c9c9c;
    font-size: 14px; 
}
.urun:hover{ border:1px solid orange; box-shadow: rgb(0 0 0 / 8%) 0px 2px 16px 0px;}
.urun:hover > .img1{ display: none;}
.urun:hover > .img2{ display: block;}
/*m*/
/**/
.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt14{margin-top:14px;}
.mt16{margin-top:16px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}
.mt-80{margin-top:-80px;}
.mt-100{margin-top:-100px;}
.mt-110{margin-top:-110px;}
.mb2{margin-bottom:2px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb-2{margin-bottom:-2px;}
.mb-4{margin-bottom:-4px;}
.mb-6{margin-bottom:-6px;}
.mb-8{margin-bottom:-8px;}
.mb-10{margin-bottom:-10px;}
.mb-15{margin-bottom:-15px;}
.mb-20{margin-bottom:-20px;}