@import url('https://fonts.googleapis.com/css2?family=Monda&family=Orbitron&display=swap');
body{ padding-top:60px;}
.br{border:1px solid red;}
.border{border-bottom:1px solid #dddddd;}
a:link{text-decoration:none;}

/*logo*/
.logoarka{ background-color: #8c0023;}
.logo{width:200px;  z-index: -9999;}
@media only screen and (max-width: 767px) {
	.mobileul{width: 100%; height:220px;overflow-y: scroll;}
	.logo {width:190px;}
	}
/*off f37409 */

@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*/
#ustmenu{border-bottom:3px solid #cf3983; margin-top: -6px;}
/*Navbar start*/
.navbar {padding-bottom: 0rem!important;}
.navbar-customm { background-color: #fff;}
.navbar-custom { background-color: #fff;  box-shadow: 0 14px 6px -6px #555;}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {color: #3172b8;}
.navbar-custom .navbar-nav .nav-link {color: #000; font-size: 16px;}
.navbar-custom .nav-item.active .nav-link,
.beyaz { color: #fff;}
.siyah { color: #000;}
.navbar-custom .nav-item:hover .nav-link {
color: #000; 
border-bottom:1px solid #9d2662; 
background-color: #b5daff;
}
/*dropdown menünün arkaplan rengi*/
.navbar-custom .dropdown-menu {background-color: #eeeeee; }
/*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: #000; background-color:#b5daff; border-bottom:1px solid #adb5bd;}
/*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:750px;}
.slaytyon{background-color: #2492ff; border-radius: 50%;}
@media all and (max-width: 600px){.slaytyon {background-color: #ce4831; border-radius: 50%;}}
.carousel-indicators {color: #04a9fc !important;}
@media (min-width:190px) and (max-width:800px){.carousel-indicators {display: none !important;}}
@-webkit-keyframes zoom {from { -webkit-transform: scale(1, 1);} to { -webkit-transform: scale(1.5, 1.5);}}
@keyframes zoom {from {transform: scale(1, 1);} to {transform: scale(1.5, 1.5);}}
.carousel-item > img { -webkit-animation: zoom 20s;animation: zoom 20s;}
.carousel-caption h3 {
margin-top:20px;
background-color: rgba(0, 0, 0, 0); 
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
}
.carousel-caption h3:first-child {animation-delay: 1s; margin-top:-28%;}
@media only screen and (max-width: 600px) {.carousel-caption h3:first-child{margin-top:-21%;}}
.carousel-caption h3:nth-child(2) {animation-delay: 2s; margin-center:-10%;}

@media only screen and (max-width: 600px) {.carousel-caption h3{
	font-size: 17px;
	margin-top:-5px;
	background-color: rgba(0, 0, 0, 0); 
	color: white;
	text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
}}
/*slayt end*/

.verticalscroll{height:200px;overflow-y: scroll;}
@media (min-width:190px) and (max-width:680px){.verticalscroll {height:auto;overflow-y: scroll;}}
.getred{color:#00709e;}
.verticalscroll::-webkit-scrollbar {width: 5px; height: 5px;}
.verticalscroll::-webkit-scrollbar-thumb {
 background: linear-gradient(13deg, #00709e 14%,#00709e 64%);
 border-radius: 11px;
}
.verticalscroll::-webkit-scrollbar-thumb:hover{
 background: linear-gradient(13deg, #00709e 14%,#00709e 64%);
}
.verticalscroll::-webkit-scrollbar-track{
 background: #ffffff;
 border-radius: 10px;
 box-shadow: inset 7px 10px 12px #f0f0f0;
}
.vertical-menu {width: 100%; border: 1px solid #c4c4c4;}
.vertical-menu a {font-family: 'Monda', sans-serif; background-color: #fff; color: black; display: block; padding: 5px; text-decoration: none;}
.vertical-menu a:hover { color: #00709e; font-family: 'Monda', sans-serif; font-weight:bold;font-size: 15px; line-height: 24px;}
/*detay star*/
.detayscroll{height:240px;overflow-y: scroll;}
.detayfoto{
display: inline-block; 
max-height:580px;
max-width:100%;
margin-top:0px;
}
.detaybaslik{color: #3172b8;}
.listebaslik{color: #e92d02;}
/*detay off*/
/*yeniicerik*/
.product-top-bar{
	font-weight: 400;
	font-style: normal;
	font-size: 74px;
	color: #242424;
	hyphens: manual;
	margin-bottom: 10px;
	margin-right: 94px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.section-title-wrap{
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #00709e;
	hyphens: manual;
	display: inline-block;
	float: left;
	box-sizing: border-box;
}
.section-title{
	text-decoration: underline;
	text-align: center;
	hyphens: manual;
	clear: both;
	line-height: 1.3;
	color: #00709e;
	font-family: 'Monda', sans-serif;
	font-style: normal;
	
	position: relative;
	z-index: 99;
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding-right: 30px;
	box-sizing: border-box;
}
@media all and (max-width: 600px) {
	.section-title {font-size: 16px;}
	.mobkat{
		width: 100%;
		padding: 6px;
		background-color: #00709e;
		
		border-radius: 6px;
		display: flex;
		flex-direction: row;
		place-content: space-around;
	}
	.mobkat h3,i{color: #fff;}
}
.product-item{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	box-sizing: border-box;
	background-color: #ffffff !important;
}
.product-wrapper{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	position: relative;
	box-sizing: border-box;
}
.product-img{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	position: relative;
	box-sizing: border-box;
}
.product-img a{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	background-color: transparent;
	touch-action: manipulation;
	transition: all 0.3s ease-out 0s;
	outline: medium none;
	color: #242424;
	box-sizing: border-box;
	box-shadow: none;
	text-decoration: none;
}
.onsale{
	text-align: left;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	box-sizing: border-box;
	background-color: #00709e;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	left: 10px;
	line-height: 1;
	padding: 5px 11px;
	position: absolute;
	top: 10px;
	min-width: inherit;
	min-height: inherit;
	font-weight: normal;
	border-radius: 3px;
}
.product-content{
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	box-sizing: border-box;
}
.product-content h4{
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	clear: both;
	line-height: 1.3;
	font-style: normal;
	font-weight: 400;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 0 9px;
	color: #242424;
}
.product-content h4 a{
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	line-height: 1.3;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	background-color: transparent;
	touch-action: manipulation;
	transition: all 0.3s ease-out 0s;
	outline: medium none;
	color: #242424;
	box-sizing: border-box;
	box-shadow: none;
	text-decoration: none;
}
.product-price-wrapper{
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	display: block;
	box-sizing: border-box;
}
.price{
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	box-sizing: border-box;
}
.price del{
	font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    text-align: left !important;
    box-sizing: border-box;
    text-decoration: line-through;
    color: #00709e;
    margin-right: 5px;
}
.price ins{
	font-weight: 500;
    font-style: normal;
    font-size: 31px;
    color: #242424;
    hyphens: manual;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    text-align: center!important;
    text-decoration: none;
    box-sizing: border-box;
}
/*owlslider*/
.owl-nav{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: -42px;
}
.owl-prev{
	box-sizing: border-box;
	background-color: #efefef;
	border-radius: 5px;
	color: #242424;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	transition: all .3s ease 0s;
	cursor: pointer;
	user-select: none;
}
.owl-next{
	font-weight: 400;
	font-style: normal;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	background-color: #efefef;
	border-radius: 5px;
	color: #242424;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	transition: all .3s ease 0s;
	cursor: pointer;
	user-select: none;
	margin-left: 3px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background-color: #0683ff !important;
    border-radius: 5px !important;
    color: #ffffff !important;
	font-size: 16px !important;
	height: 32px !important;
	line-height: 30px !important;
	text-align: center !important;
	width: 32px !important;
	transition: all .3s ease 0s !important;
	margin-left: 10px;
}
@media all and (max-width: 600px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
		height: 25px !important;
		width: 25px !important;
		margin-left: 5px;
		margin-top: 10px;
		line-height:16px !important;
	}
}
.owl-dots{display:none;}
.deals-btnn a{
	font-style: normal;
    hyphens: manual;
    -webkit-tap-highlight-color: transparent;    
    text-align: center!important; 
    transition: all 0.3s ease-out 0s;
    outline: medium none;
    box-sizing: border-box;
    border-radius: 3px;  
    line-height: 1;
    padding: 14px;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: none;
    text-decoration: none;
    color: #00709e;
}
.araresim img{ width: 100%;max-height: auto;}
.detayjpg{height:140px;}
.mobilurunler{display:none !important;}
.desktopurunler{display:block !important;}
@media only screen and (max-width: 600px) {
.mobilurunler{display:block !important;}
.desktopurunler{display:none !important;}
.detayjpg{height:100px;}
}
#etiketler{display:none;}
.page-item .page-link{cursor:pointer}
.page-item .page-link:hover{background-color:#009dd6;color:white !important;}
.baslikrenk{color:#0059b3; font-weight:600;}

/*icerik*/
.box:hover {background-color:#bbddff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.resimleft{margin-left: 10px; border:1px solid #dddddd;}
/*off*/
/*parallax on*/
.block {color: #ffffff;height: 10px; overflow: hidden;padding-top: 40px;}
.block h2 {text-transform: uppercase;margin-bottom: 15px;}
.block p {color: #ffffff;margin-bottom: 45px;} 
.parallax { 
height: auto; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*parallax off*/

/*footer efect on*/
.fotkategori{height:200px; max-height:auto; overflow-x:hidden;}
footer {font-size:14px;  text-decoration:none;}
h5.footer-title {
font-family: 'Monda', sans-serif;
margin-top: 15px;
padding-bottom: 2px;
position: relative;
font-weight: 100;
font-size: 21px;
}
/*footer efect off*/
/*wap on*/
.whatsapp-fixed{position: fixed; bottom: 0px; right: 0;padding:10px; font-size: 35px; z-index: 999998; }
.whatsapp-fixed i {color: white!important;}
.footerlinks{width:100%;margin-bottom: -3px}
.footera{width:100%;border-radius:0px !important;}
@media (max-width:780px){.whatsapp-fixed{position: fixed; bottom: 0px;font-size: 30px; z-index: 999998; }}
/* detay whatsapp */
@media (min-width: 480px) {.myfixd{display:none;}}
/*wap off*/
/*iletisim*/
.hemenara{background-color:#2492ff; color:#fff; text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;}
.iletisim{color: #d2d200;}
.iletisim h4{color: #ffffff;}
.iletisimmm{color: #ffffff;}
.iletisimm a:link{text-decoration:none;color:#ffffff;}
.iletisimm a:visited{color:#ffffff;}
.iletisimm a:hover{color:#ffffff;}
/*offf*/
.ustaimg { padding: 0 2px; position: relative; text-align: center;}
.ustaimg a { display:block;}
.ustaimg img {display: inline-block; max-height:280px; max-width:100%;}
@media (min-width:190px) and (max-width:1200px){.ustaimg img{max-height:280px; max-width:100%;}}
/**/
.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;}
.mb15{margin-bottom:15px;}

/*input efect*/
.wrapper {
	width: auto;
	margin: 5px;
	padding: 0px;
}
.wrappertext {
	color:#03729f; 
	opacity: 0.8;
}
.field-wrapper {
  display: block;
  margin: 9px 1px;
  position: relative;
  outline: none;
  width: 100%;
}


.field-wrapper.focused label {
  transition: all .2s linear;
  top: -20px;
} 


label {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    position: absolute;
    top: 0px;
    display: inline-block;
    background: #FFF;
    margin: 9px 10px;
    line-height: 1.4em;
    padding: 0 0px;
    transition: all .2s linear;
    text-transform: capitalize;
}
/**/
.tekliftext{color: #ce4831;}
.btn-color {
border-radius: 30px;
border: 1px solid #ce4831;
}
.btn-color:hover {
background-color: #ce4831;
color:#fff;
font-size:16px;
font-weight:600;	
border-radius: 30px;
border: 1px solid #ce4831;
}